/* VapeKiss – site-wide "Dark graphite" colour scheme.
 * Loaded on every page when Customizer → Colour scheme = Dark graphite.
 * Most components read CSS variables, so remapping them here recolours
 * the shop, product, cart, checkout and account pages to match the home page.
 * Status colours stay text + icon + border (never colour alone). */

.gw-dark {
	--gw-surface: #0f1215;      /* page background */
	--gw-white: #181c21;        /* cards, panels, inputs */
	--gw-primary: #13171b;      /* tinted sections */
	--gw-on-primary: #e6e9ec;
	--gw-text: #e6e9ec;         /* 14.9:1 on #0f1215 */
	--gw-muted: #a3acb6;        /* 7.9:1 on #0f1215 */
	--gw-border: rgba(255, 255, 255, .12);
	--gw-accent: #e4e7eb;       /* brand light grey as the button colour */
	--gw-on-accent: #0f1215;
	--gw-link: #9fd3ff;         /* 11.4:1 on #0f1215 */
	--gw-error: #fca5a5;
	--gw-error-bg: rgba(248, 113, 113, .1);
	--gw-success: #86efac;
	--gw-success-bg: rgba(74, 222, 128, .1);
	--gw-warning: #fcd34d;
	--gw-warning-bg: rgba(251, 191, 36, .1);
	--gw-info-bg: rgba(159, 211, 255, .08);
	--gw-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35);
	--gw-focus: 0 0 0 2px #0f1215, 0 0 0 4px #9fd3ff;
	color-scheme: dark;
	background: var(--gw-surface);
	color: var(--gw-text);
}

/* Inputs */
.gw-dark input[type="text"], .gw-dark input[type="email"], .gw-dark input[type="search"], .gw-dark input[type="tel"],
.gw-dark input[type="password"], .gw-dark input[type="number"], .gw-dark select, .gw-dark textarea,
.gw-dark .woocommerce form .form-row .input-text {
	background: #12161a; color: var(--gw-text); border-color: rgba(255, 255, 255, .28);
}
.gw-dark input::placeholder, .gw-dark textarea::placeholder { color: #8b949e; }
.gw-dark input[type="checkbox"], .gw-dark input[type="radio"] { accent-color: #9fd3ff; }

/* Page chrome */
.gw-dark .gw-page-hero { background: #13171b; border-bottom: 1px solid var(--gw-border); }
.gw-dark .gw-section__title::before, .gw-dark .gw-page-title { color: #ffffff; }
.gw-dark h1, .gw-dark h2, .gw-dark h3, .gw-dark h4 { color: #ffffff; }
.gw-dark .woocommerce-breadcrumb, .gw-dark .woocommerce-breadcrumb a { color: var(--gw-muted); }
.gw-dark.gw-age-page { background: radial-gradient(ellipse 70% 60% at 50% 30%, #222930, #0f1215 70%); }

/* Header (glass) and top bar */
.gw-dark .gw-header { background: rgba(15, 18, 21, .8); border-bottom-color: rgba(255, 255, 255, .08); }
.gw-dark .gw-wordmark, .gw-dark .gw-nav a, .gw-dark .gw-header-account, .gw-dark .gw-header-cart,
.gw-dark .gw-menu-toggle, .gw-dark .gw-header-search button, .gw-dark .gw-header-search input { color: #e6e9ec; }
.gw-dark .gw-nav a:hover, .gw-dark .gw-nav .current-menu-item > a, .gw-dark .gw-nav .current_page_item > a,
.gw-dark .gw-header-account:hover, .gw-dark .gw-header-cart:hover { background: rgba(255, 255, 255, .08); color: #ffffff; }
.gw-dark .gw-header-search { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .14); }
.gw-dark .gw-header-cart__count { background: #9fd3ff; color: #0f1215; }
.gw-dark .gw-nav .sub-menu { background: #181c21; }
.gw-dark .gw-section__title::before { background: linear-gradient(90deg, #9fd3ff, rgba(159, 211, 255, 0)); width: 56px; }

/* Buttons: light primary, outline secondary */
.gw-dark .gw-button:not(.gw-button--primary) { color: #e6e9ec; border-color: rgba(255, 255, 255, .3); }
.gw-dark .gw-button:not(.gw-button--primary):hover { background: #ffffff; color: #0f1215; }
.gw-dark .gw-button--primary:hover,
.gw-dark .woocommerce a.button:hover, .gw-dark .woocommerce button.button:hover,
.gw-dark .woocommerce a.button.alt:hover, .gw-dark .woocommerce button.button.alt:hover { background: #ffffff; color: #0f1215; filter: none; }

/* Product cards (shop, related, home) */
.gw-dark ul.products li.product { background: linear-gradient(180deg, #1a1f25, #14181c); border-color: rgba(255, 255, 255, .08); }
.gw-dark ul.products li.product:hover { border-color: rgba(159, 211, 255, .45); box-shadow: 0 20px 50px -10px rgba(0, 0, 0, .6), 0 0 40px -12px rgba(159, 211, 255, .35); }
.gw-dark ul.products li.product img,
.gw-dark .woocommerce div.product div.images,
.gw-dark .woocommerce-cart table.cart img { background: radial-gradient(circle at 50% 40%, #2c343d 0%, #1a1f25 55%, #121518 100%); }
.gw-dark ul.products li.product img { border-bottom-color: rgba(255, 255, 255, .06); }
.gw-dark ul.products li.product .price, .gw-dark .woocommerce div.product p.price,
.gw-dark .woocommerce div.product span.price { color: #ffffff; }
.gw-dark .gw-card-specs { background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .06); }
.gw-dark .woocommerce span.onsale { background: #9fd3ff; color: #0f1215; }

/* Shop toolbar & sidebar */
.gw-dark .gw-chip { background: #181c21; color: #e6e9ec; border-color: rgba(255, 255, 255, .14); }
.gw-dark .gw-chip:hover { border-color: #9fd3ff; }
.gw-dark .gw-chip[aria-current="page"] { background: #e4e7eb; color: #0f1215; border-color: #e4e7eb; }
.gw-dark .gw-shop-sidebar .widget { background: #181c21; }

/* Single product */
.gw-dark .woocommerce div.product div.images { border-color: rgba(255, 255, 255, .08); }
.gw-dark .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #ffffff; border-bottom-color: #9fd3ff; }
.gw-dark .woocommerce table.shop_attributes tr:nth-child(even) th,
.gw-dark .woocommerce table.shop_attributes tr:nth-child(even) td { background: rgba(255, 255, 255, .03) !important; }
.gw-dark .woocommerce div.product div.images .flex-control-thumbs img.flex-active { border-color: #9fd3ff; }

/* Cart / checkout / account */
.gw-dark .woocommerce table.shop_table { background: #181c21; color: var(--gw-text); }
.gw-dark .woocommerce table.shop_table th, .gw-dark .woocommerce table.shop_table td { border-color: rgba(255, 255, 255, .08); }
.gw-dark .woocommerce-checkout #payment { background: #12161a; }
.gw-dark .woocommerce-checkout #payment div.payment_box { background: #1f252b; color: #e6e9ec; }
.gw-dark .woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #1f252b; }
.gw-dark .gw-checkout-age { border-left-color: #9fd3ff; }
.gw-dark .woocommerce a.remove { border-color: rgba(255, 255, 255, .2); }
.gw-dark .woocommerce-MyAccount-navigation li.is-active a { background: rgba(159, 211, 255, .08); border-left-color: #9fd3ff; }

/* WooCommerce notices keep the left border + icon */
.gw-dark .woocommerce-error, .gw-dark .woocommerce-info, .gw-dark .woocommerce-message { color: #e6e9ec; }
.gw-dark .woocommerce-info::before { color: #9fd3ff; }

/* Pagination */
.gw-dark .woocommerce nav.woocommerce-pagination ul li span.current,
.gw-dark .nav-links .page-numbers.current { background: #e4e7eb; color: #0f1215; }

/* Footer, highlights */
.gw-dark .gw-footer { background: #0b0d10; border-top: 1px solid rgba(255, 255, 255, .06); }
.gw-dark .gw-highlights { background: #0b0d10; }

/* Operator notes stay readable */
.gw-dark .gw-operator-note { color: #fff4dc; background: rgba(251, 191, 36, .08); }