/*
Theme Name: Bürgerwehr Mittelbiberach
Description: Design der Historischen Bürgerwehr Mittelbiberach 1599 e.V. in den Farben des Gemeindewappens (Grün, Gold, Schwarz, Weiß). Child-Theme für Astra.
Template: astra
Version: 1.0
Text Domain: astra-buergerwehr
*/

/* ---------- Farbpalette (Wappen Mittelbiberach) ---------- */
html body {
	--bw-gruen-dunkel: #00753a;
	--bw-gruen-tief: #005a2c;
	--bw-gruen: #00ab4e;
	--bw-gold: #ffdd00;
	--bw-schwarz: #231f20;
	--bw-hell: #eef5f0;

	/* Astra-Globalfarben überschreiben */
	--ast-global-color-0: #00753a;  /* Akzent / Links */
	--ast-global-color-1: #005a2c;  /* Link-Hover */
	--ast-global-color-2: #00753a;  /* Überschriften */
	--ast-global-color-3: #231f20;  /* Fließtext */
	--ast-global-color-4: #eef5f0;  /* helle Fläche */
	--ast-global-color-5: #ffffff;  /* Hintergrund */
	--ast-global-color-6: #d7e6dc;  /* Rahmen */
	--ast-global-color-7: #231f20;
	--ast-global-color-8: #231f20;
	color: var(--bw-schwarz);
	background: #ffffff;
}

/* ---------- Kopfbereich: grüne Leiste mit goldener Kante ---------- */
.ast-primary-header-bar,
.main-header-bar,
.ast-mobile-header-wrap .ast-primary-header-bar,
.ast-header-break-point .main-header-bar {
	background-color: var(--bw-gruen-dunkel) !important;
	background-image: none !important;
	border-bottom: 5px solid var(--bw-gold) !important;
}
.site-title a, .site-title a:hover, .site-title a:focus,
.site-header .site-description {
	color: #ffffff !important;
}
.site-title { font-weight: 700; letter-spacing: .01em; }
.site-description { opacity: .9; }
.custom-logo-link img, .site-logo-img img { max-height: 90px; width: auto; }

/* Hauptmenü */
.main-header-menu,
.ast-builder-menu-1 .main-header-menu,
.main-header-menu .sub-menu {
	background-color: transparent;
}
.main-header-menu > .menu-item > .menu-link,
.ast-builder-menu-1 .menu-item > .menu-link,
.main-header-menu .menu-item > .menu-link .dropdown-menu-toggle,
.ast-header-break-point .main-header-menu .menu-link {
	color: #ffffff !important;
	font-weight: 600;
}
.main-header-menu > .menu-item:hover > .menu-link,
.main-header-menu > .menu-item.current-menu-item > .menu-link,
.main-header-menu > .menu-item.current-menu-ancestor > .menu-link,
.main-header-menu > .menu-item.current_page_item > .menu-link,
.main-header-menu > .menu-item.current_page_ancestor > .menu-link {
	color: var(--bw-gold) !important;
}
/* Untermenüs */
.main-header-menu .sub-menu,
.ast-builder-menu-1 .main-header-menu .sub-menu {
	background-color: var(--bw-gruen-tief) !important;
	border-top: 3px solid var(--bw-gold) !important;
}
.main-header-menu .sub-menu .menu-link {
	color: #ffffff !important;
	font-weight: 500;
}
.main-header-menu .sub-menu .menu-item:hover > .menu-link,
.main-header-menu .sub-menu .current-menu-item > .menu-link,
.main-header-menu .sub-menu .current_page_item > .menu-link {
	background-color: var(--bw-gruen-dunkel) !important;
	color: var(--bw-gold) !important;
}

/* Mobiles Menü */
.ast-mobile-menu-trigger-minimal,
.menu-toggle, .ast-button-wrap .menu-toggle {
	color: #ffffff !important;
	background: transparent !important;
}
.ast-mobile-menu-trigger-minimal svg, .menu-toggle svg { fill: #ffffff !important; }
.ast-mobile-popup-drawer .ast-mobile-popup-inner,
.ast-mobile-header-content, .ast-header-break-point .main-navigation ul {
	background-color: var(--bw-gruen-dunkel) !important;
}
.ast-mobile-popup-drawer .menu-link, .ast-mobile-header-content .menu-link {
	color: #ffffff !important;
	border-color: rgba(255,255,255,.15) !important;
}

/* ---------- Inhalt ---------- */
h1, h2, h3, h4, h5, h6,
.entry-title, .entry-content h2, .entry-content h3 {
	color: var(--bw-gruen-dunkel);
}
.entry-content h2.wp-block-heading {
	border-bottom: 3px solid var(--bw-gold);
	padding-bottom: .25em;
	margin-top: 1.6em;
}
.entry-title { font-weight: 700; }
a { color: var(--bw-gruen-dunkel); }
a:hover, a:focus { color: var(--bw-gruen-tief); }
.entry-content a { text-decoration: underline; text-underline-offset: 2px; }

/* Seitentitel-Bereich */
.ast-single-entry-banner, .ast-archive-entry-banner { background: var(--bw-hell); }

/* Zitate (Motto) */
.wp-block-quote, blockquote {
	border-left: 5px solid var(--bw-gold) !important;
	background: var(--bw-hell);
	padding: 1.2em 1.5em !important;
	font-style: italic;
	color: var(--bw-schwarz);
}
.wp-block-quote cite, blockquote cite {
	display: block; margin-top: .6em;
	font-style: normal; font-size: .85em; color: var(--bw-gruen-dunkel);
}

/* Tabellen */
.wp-block-table table { border-collapse: collapse; width: 100%; }
.wp-block-table thead { border-bottom: 3px solid var(--bw-gold); }
.wp-block-table th {
	background: var(--bw-gruen-dunkel); color: #ffffff;
	text-align: left; padding: .6em .8em; border: none;
}
.wp-block-table td { padding: .55em .8em; border: none; border-bottom: 1px solid #d7e6dc; vertical-align: top; }
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: var(--bw-hell); }
.wp-block-table.is-style-stripes { border-bottom: none; }
.wp-block-table { overflow-x: auto; }

/* Buttons */
.wp-block-button__link, .ast-button, button, input[type="submit"], .button {
	background-color: var(--bw-gold) !important;
	color: var(--bw-schwarz) !important;
	border: none !important;
	font-weight: 700;
}
.wp-block-button__link:hover, .ast-button:hover, button:hover, input[type="submit"]:hover {
	background-color: var(--bw-gruen-dunkel) !important;
	color: #ffffff !important;
}

/* Trennlinien */
.wp-block-separator { border-color: var(--bw-gold) !important; background: var(--bw-gold); height: 3px; border: none; }

/* ---------- Fußbereich ---------- */
.site-footer, .site-primary-footer-wrap, .site-below-footer-wrap, .site-above-footer-wrap,
.ast-small-footer, .footer-adv {
	background-color: var(--bw-gruen-tief) !important;
	background-image: none !important;
	color: #ffffff !important;
}
.site-footer { border-top: 5px solid var(--bw-gold); }
.site-footer a, .ast-small-footer a { color: var(--bw-gold) !important; }
.site-footer a:hover { color: #ffffff !important; }
.site-footer .ast-footer-copyright, .site-footer p { color: #ffffff !important; }

/* Bilder */
.entry-content img { border-radius: 4px; }