/*
Theme Name: BuzzUp Stitch
Theme URI: https://buzzupenergy.com
Author: BuzzUp Energy
Description: Stitch-based layouts (Tailwind CDN). Home, and additional pages as templates.
Version: 2.6.4
Requires at least: 6.0
Tested up to: 6.7
Text Domain: buzzup-stitch
*/

/* FOUC prevention */
body {
	opacity: 0;
	transition: opacity 0.2s ease;
}

body.loaded,
html.no-js body {
	opacity: 1;
}

/* Mobile menu hidden until toggled by JS */
#buzzupMobileNav,
.mobile-menu-overlay,
.mobile-nav-container {
	display: none !important;
	opacity: 0;
	visibility: hidden;
}

#buzzupMobileNav.flex,
#buzzupMobileNav.open,
.mobile-menu-overlay.open,
.mobile-nav-container.open {
	display: flex !important;
	opacity: 1;
	visibility: visible;
}

/* Material icons text fallback fix */
.material-symbols-outlined {
	font-family: 'Material Symbols Outlined' !important;
	-webkit-font-feature-settings: 'liga';
	font-feature-settings: 'liga';
}

/* Theme variables (dark only) */
:root {
	--bg-primary: #131313;
	--bg-secondary: #0e0e0e;
	--bg-surface: #1a1a1a;
	--bg-card: rgba(42, 42, 42, 0.6);
	--bg-card-hover: rgba(42, 42, 42, 0.8);
	--bg-header: rgba(20, 20, 20, 0.8);
	--bg-footer: #0a0a0a;
	--bg-input: #1a1a1a;
	--text-primary: #e5e2e1;
	--text-secondary: #d2c5b2;
	--gold-primary: #f2c36b;
	--gold-dark: #d4a853;
	--gold-border: rgba(212, 168, 83, 0.15);
	--gold-border-hover: rgba(212, 168, 83, 0.3);
	--btn-gradient: linear-gradient(135deg, #f2c36b, #d4a853);
	--btn-text: #000;
	--overlay: rgba(0, 0, 0, 0.6);
}

body {
	background: var(--bg-primary) !important;
	color: var(--text-primary) !important;
}

.buzzup-site-header.site-header,
header,
nav.fixed {
	background: var(--bg-header) !important;
	border-bottom-color: var(--gold-border) !important;
}

.site-footer,
footer {
	background: var(--bg-footer) !important;
	border-top-color: var(--gold-border) !important;
}

.glass-card,
.product-card,
.blog-card,
.testimonial-card,
.faq-container,
.cart-drawer {
	background: var(--bg-card) !important;
	border-color: var(--gold-border) !important;
}

.glass-card:hover,
.product-card:hover,
.blog-card:hover {
	background: var(--bg-card-hover) !important;
}

.price,
.product-price,
.amount,
.woocommerce-Price-amount,
h1,
h2,
h3 {
	color: var(--gold-primary) !important;
}

a {
	color: var(--gold-primary);
}

a:hover {
	color: var(--gold-dark);
}

input,
textarea,
select {
	background: var(--bg-input) !important;
	color: var(--text-primary) !important;
	border-color: var(--gold-border) !important;
}

#payment,
.woocommerce table.shop_table {
	background: var(--bg-surface) !important;
	border-color: var(--gold-border) !important;
	color: var(--text-primary) !important;
}

.cart-overlay {
	background: var(--overlay) !important;
}

.btn-primary,
.buy-now-btn,
.liquid-gradient,
.btn-checkout,
button[type="submit"],
#place_order {
	background: var(--btn-gradient) !important;
	color: var(--btn-text) !important;
}

.btn-outline,
.add-to-cart-btn,
.btn-view-cart {
	border-color: var(--gold-dark) !important;
	color: var(--gold-primary) !important;
}