/* Howard Hunting Club — site skin
 *
 * Darkens the whole page, not just the booking app, so a classic theme
 * (Astra, GeneratePress, Twenty Twenty-One) does not frame a black app in a
 * white page. Selectors are grouped: Astra-specific first, then generic
 * fallbacks that work on most classic themes.
 *
 * Loaded only when the dark skin setting is on. Turn it off and the theme's
 * own styling returns untouched.
 */

:root {
	--hhc-bg:     #12140f;
	--hhc-panel:  #1c1f18;
	--hhc-line:   #2e332a;
	--hhc-text:   #eceee7;
	--hhc-muted:  #9aa192;
	--hhc-accent: #6faa4a;
}

/* ---- page shell ---- */
html,
body,
#page,
.site,
#content,
.site-content,
.ast-container,
.ast-separate-container,
.entry-content,
.ast-article-single,
.ast-page-builder-template .site-content {
	background-color: var(--hhc-bg) !important;
	color: var(--hhc-text);
}

/* Boxed layouts draw a white card around the content — flatten it. */
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.ast-plain-container .site-content {
	box-shadow: none !important;
	border: 0 !important;
}

/* ---- theme header ---- */
.site-header,
.main-header-bar,
.ast-main-header-bar-alignment,
.ast-header-break-point .main-header-bar,
header.site-header {
	background-color: var(--hhc-panel) !important;
	border-bottom: 1px solid var(--hhc-line) !important;
}

.site-title,
.site-title a,
.site-description,
.ast-site-identity .site-title a {
	color: var(--hhc-text) !important;
}

.main-header-menu a,
.main-header-menu .menu-link,
.ast-header-break-point .main-navigation a,
.main-navigation a {
	color: var(--hhc-muted) !important;
}
.main-header-menu a:hover,
.main-navigation a:hover,
.main-header-menu .current-menu-item > a,
.main-navigation .current-menu-item > a {
	color: var(--hhc-accent) !important;
}

/* Mobile toggle */
.ast-mobile-menu-buttons-minimal .menu-toggle,
.ast-mobile-menu-buttons-outline .menu-toggle,
.menu-toggle {
	background: transparent !important;
	color: var(--hhc-text) !important;
}

/* ---- headings and links inside the app ----
   Themes set global heading and link colours, which is how "Book a Blind"
   ended up dark navy on a black panel. Pin them explicitly. */
.hhc-app h1,
.hhc-app h2,
.hhc-app h3,
.hhc-app h4,
.hhc-app p,
.hhc-app li,
.hhc-app label,
.hhc-app strong {
	color: var(--hhc-text);
}
.hhc-app .hhc-status,
.hhc-app .hhc-blind__reason,
.hhc-app .hhc-fineprint,
.hhc-app .hhc-empty,
.hhc-app .hhc-sheet__sub,
.hhc-app .hhc-login__sub,
.hhc-app .hhc-form__row > span {
	color: var(--hhc-muted);
}
.hhc-app a { color: var(--hhc-accent); }
.hhc-app a:hover { color: var(--hhc-text); }
.hhc-app .hhc-btn--primary { color: #0e1409 !important; }

/* Theme entry titles duplicate the app's own h1 — hide on app pages. */
.hhc-app-page .entry-title,
.hhc-app-page .ast-archive-description,
.hhc-app-page .entry-header {
	display: none !important;
}

/* The app supplies its own width; stop the theme boxing it in. */
.hhc-app-page .ast-container,
.hhc-app-page #content .ast-container {
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* ---- footer ---- */
.site-footer,
.ast-footer-copyright,
.footer-width-fixer,
.site-primary-footer-wrap,
.site-below-footer-wrap,
footer.site-footer {
	background-color: var(--hhc-bg) !important;
	color: var(--hhc-muted) !important;
	border-top: 1px solid var(--hhc-line);
}
.site-footer a,
.ast-footer-copyright a {
	color: var(--hhc-muted) !important;
}

/* When the plugin supplies the footer, the theme's is hidden by
   .hhc-hide-theme-footer added from PHP — never blanket-hidden here. */
.hhc-hide-theme-footer .site-footer,
.hhc-hide-theme-footer .ast-footer-copyright,
.hhc-hide-theme-footer .site-below-footer-wrap,
.hhc-hide-theme-footer .site-primary-footer-wrap {
	display: none !important;
}

/* ---- misc chrome ---- */
#ast-scroll-top {
	background-color: var(--hhc-panel) !important;
	color: var(--hhc-accent) !important;
	border: 1px solid var(--hhc-line);
}

/* Core login form fallback, in case wp-login.php is reached directly. */
body.login { background: var(--hhc-bg) !important; }
body.login #login h1 a { filter: invert(1) grayscale(1) brightness(1.6); }
body.login label,
body.login #nav a,
body.login #backtoblog a { color: var(--hhc-muted) !important; }
body.login form {
	background: var(--hhc-panel) !important;
	border: 1px solid var(--hhc-line);
	box-shadow: none;
}
body.login input[type="text"],
body.login input[type="password"] {
	background: var(--hhc-bg) !important;
	color: var(--hhc-text) !important;
	border-color: var(--hhc-line) !important;
}
body.login .button-primary {
	background: var(--hhc-accent) !important;
	border-color: var(--hhc-accent) !important;
	color: #0e1409 !important;
	text-shadow: none;
}