/* ============================================================
   SOTL Inner Pages — Dark theme for Elementor pages
   (Kickstarter, Contact, Jobs, etc.)
   ============================================================ */

:root {
	--sotl-bg: #0a0a0a;
	--sotl-bg-alt: #111110;
	--sotl-bg-card: #161614;
	--sotl-border: #2a2a24;
	--sotl-text: #9a9484;
	--sotl-text-bright: #c8c0b0;
	--sotl-heading: #d4c9a8;
	--sotl-accent: #b8860b;
	--sotl-accent-bright: #d4a017;
	--sotl-white: #e8e2d4;
	--sotl-muted: #5a5648;
}

/* Global dark background */
html, body,
#page, .site-content, .content-area, .site-main,
.ast-container, .ast-separate-container,
.ast-plain-container, .ast-two-container,
.ast-page-builder-template .site-content > .ast-container,
.entry-content {
	background-color: var(--sotl-bg) !important;
}

body {
	color: var(--sotl-text) !important;
	-webkit-font-smoothing: antialiased;
}

/* Override Astra light variables */
body {
	--ast-code-block-background: var(--sotl-bg-card);
	--ast-comment-inputs-background: var(--sotl-bg-card);
	--ast-global-dark-bg-style: var(--sotl-bg);
	--ast-widget-bg-color: var(--sotl-bg-card);
	--ast-bg-style-guide: var(--sotl-bg-alt);
	--ast-title-layout-bg: var(--sotl-bg-alt);
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.entry-title, .page-title,
.elementor-heading-title {
	color: var(--sotl-heading) !important;
}

/* Text */
p, li, td, th, span, div,
.elementor-widget-text-editor,
.wixui-rich-text__text, .bb_paragraph {
	color: var(--sotl-text);
}

strong, b { color: var(--sotl-text-bright); }

a { color: var(--sotl-accent); }
a:hover { color: var(--sotl-accent-bright); }

::selection { background: var(--sotl-accent); color: var(--sotl-bg); }

/* Header */
.ast-primary-header-bar,
.site-header,
.main-header-bar,
#ast-desktop-header .ast-main-header-wrap .ast-primary-header-bar {
	background-color: var(--sotl-bg) !important;
	border-bottom: 1px solid var(--sotl-border) !important;
}

.main-header-menu > .menu-item > a,
.ast-nav-menu > li > a,
.main-navigation a,
.site-branding .site-title a {
	color: var(--sotl-text-bright) !important;
}

.main-header-menu > .menu-item > a:hover,
.main-header-menu .current-menu-item > a {
	color: var(--sotl-accent) !important;
}

/* Mobile menu */
.ast-header-break-point .main-header-bar-navigation .main-header-menu,
.ast-mobile-popup-drawer .ast-mobile-popup-inner {
	background-color: var(--sotl-bg) !important;
}

/* Elementor sections */
.e-con, .e-con-inner,
.elementor-section,
.elementor-element[data-element_type="container"] {
	background-color: var(--sotl-bg) !important;
}

.e-con.e-child {
	background-color: transparent !important;
}

/* Buttons */
.elementor-button,
.ast-button,
input[type="submit"],
.wp-block-button__link {
	background: var(--sotl-accent) !important;
	color: var(--sotl-bg) !important;
	border: 1px solid var(--sotl-accent) !important;
	font-family: 'Cinzel', 'EB Garamond', serif !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 2px !important;
	text-transform: uppercase !important;
	padding: 14px 32px !important;
	transition: all 0.4s ease !important;
}

.elementor-button:hover,
.ast-button:hover,
input[type="submit"]:hover {
	background: var(--sotl-accent-bright) !important;
	border-color: var(--sotl-accent-bright) !important;
	box-shadow: 0 0 30px rgba(184, 134, 11, 0.2) !important;
}

/* Images */
.elementor-image img,
.elementor-widget-image img {
	border-radius: 4px;
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5);
}

/* Video */
.elementor-widget-video .elementor-wrapper {
	border: 1px solid var(--sotl-border);
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5);
}

/* Forms */
input[type="text"], input[type="email"], input[type="url"],
input[type="password"], input[type="search"], input[type="tel"],
textarea, select {
	background-color: var(--sotl-bg-card) !important;
	color: var(--sotl-white) !important;
	border: 1px solid var(--sotl-border) !important;
}

input:focus, textarea:focus, select:focus {
	border-color: var(--sotl-accent) !important;
	box-shadow: 0 0 0 2px rgba(184, 134, 11, 0.15) !important;
}

::placeholder { color: var(--sotl-muted) !important; }

/* Footer */
.site-footer, footer.site-footer,
.ast-small-footer, .ast-footer-copyright,
.site-below-footer-wrap, .site-above-footer-wrap {
	background-color: var(--sotl-bg) !important;
	border-top: 1px solid var(--sotl-border) !important;
}

.site-footer a { color: var(--sotl-muted) !important; }
.site-footer a:hover { color: var(--sotl-text-bright) !important; }
.site-footer p, .ast-footer-copyright p { color: var(--sotl-muted) !important; }

/* Social icons */
.ast-builder-social-element { opacity: 0.7; transition: all 0.3s; }
.ast-builder-social-element:hover { opacity: 1; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--sotl-bg); }
::-webkit-scrollbar-thumb { background: var(--sotl-border); border-radius: 3px; }

/* Mailchimp embeds */
#mc_embed_signup { background: var(--sotl-bg) !important; }
#mc_embed_signup h2, #mc_embed_signup label { color: var(--sotl-heading) !important; }