/*
 * Mörk, guldaccentuerad header/footer — gäller hela sajten (inte bara
 * de nya sidmallarna) så navigationen känns konsekvent överallt.
 * Selektorer matchar Astras standardmarkup (#masthead, .site-header,
 * .main-header-bar, .ast-builder-menu-1, #footer-widgets m.fl.).
 */

#masthead,
.site-header,
.main-header-bar {
	background-color: var(--color-ink) !important;
	border-bottom: 1px solid rgba(180, 136, 75, 0.2);
}

#masthead .site-title a,
#masthead .site-title a:hover,
.ast-site-identity .site-title a {
	font-family: var(--font-serif);
	color: var(--color-text-on-dark) !important;
}

.main-header-bar .main-navigation ul li a,
.ast-builder-menu-1 .main-navigation ul li a {
	color: var(--color-text-on-dark) !important;
	font-family: var(--font-sans);
	font-weight: 500;
	letter-spacing: 0.02em;
}

.main-header-bar .main-navigation ul li a:hover,
.main-header-bar .main-navigation ul li.current-menu-item > a {
	color: var(--color-accent-light) !important;
}

.ast-mobile-menu-buttons-set .mobile-menu-buttons,
.ast-mobile-menu-buttons-set svg {
	color: var(--color-text-on-dark) !important;
	fill: var(--color-text-on-dark) !important;
}

.ast-header-break-point.ast-mobile-header-active #masthead .main-header-bar-navigation {
	background-color: var(--color-ink-soft);
}

/* Sticky header vid scroll för mer premiumkänsla */
.ast-header-break-point #masthead {
	position: sticky;
	top: 0;
	z-index: 999;
}

/* CTA-liknande knapp om ett menyalternativ är "Boka nu" (Astra egen knapp-styling) */
.main-header-bar .main-navigation ul li.menu-item a.ast-button,
.main-header-bar .main-navigation ul li a[href*="boka"] {
	background: var(--color-accent);
	color: var(--color-ink) !important;
	padding: var(--space-2) var(--space-5);
	border-radius: var(--radius-sm);
}

/* Footer */
#footer-widgets,
.footer-adv,
.ast-footer-overlay,
.site-footer,
.site-below-footer-wrap {
	background-color: var(--color-ink) !important;
	color: var(--color-text-on-dark);
}

#footer-widgets a,
.site-below-footer-wrap a,
.site-footer a {
	color: var(--color-accent-light) !important;
}

#footer-widgets .widget-title,
#footer-widgets h1,
#footer-widgets h2,
#footer-widgets h3 {
	font-family: var(--font-serif);
	color: var(--color-text-on-dark);
}

.site-below-footer-wrap,
.ast-small-footer {
	border-top: 1px solid rgba(180, 136, 75, 0.2);
}