/* ============================================
   NETTO CLUB — Shared (both modes)
   ============================================ */

/* Smooth mode transitions — only on backgrounds and borders, NOT text color (prevents gray flash) */
* { transition: background-color 0.3s ease, border-color 0.3s ease; }

/* Purple accent — constant across modes */
.price, .amount, .product-small .price { color: #9b8ec4 !important; }
.badge-inner, .out-of-stock-label, .sold-out-badge { background: #9b8ec4 !important; color: #000 !important; font-weight: 700; letter-spacing: 1px; }
.button, .button.primary, .button.alt, .checkout-button, input[type="submit"] {
  background-color: #9b8ec4 !important; color: #000 !important;
  border: none !important; letter-spacing: 2px; text-transform: uppercase; font-weight: 700;
}
.button:hover { background-color: #7b6fa6 !important; }
.quick-view-button, .button.quick-view { background: #9b8ec4 !important; color: #000 !important; }
.divider { border-color: #9b8ec4 !important; opacity: 0.5; }
.woocommerce .out-of-stock { color: #9b8ec4 !important; font-weight: 700; letter-spacing: 3px; }
.product-info .price { color: #9b8ec4 !important; font-size: 1.4em; }
.product_meta a { color: #9b8ec4 !important; }
.wc-tabs li.active a { color: #9b8ec4 !important; }
.footer-wrapper a { color: #9b8ec4 !important; }

/* Nav styling — constant */
.header .nav > li > a, .nav > li > a { letter-spacing: 3px; text-transform: uppercase; font-size: 12px; }
.header .nav > li > a:hover { color: #9b8ec4 !important; }
.header-main .flex-col { border: none !important; }

/* Product card behavior */
.product-small { border-radius: 4px; overflow: hidden; }
.product-small .col-inner { display: flex; flex-direction: column; height: 100%; }
.product-small .box-image { aspect-ratio: 1 / 1; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.product-small .box-image img { object-fit: contain; width: 100%; height: 100%; }
.product-small:hover { transform: translateY(-3px); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.product-small:hover .col-inner { box-shadow: 0 8px 25px rgba(155,142,196,0.2) !important; }
.product-small .box-text { padding: 12px 12px 16px !important; min-height: 90px; }
.product-small .product-title a { font-size: 13px; }

/* SOLD OUT badge — move above title, not overlapping */
.sold-out-badge { position: relative !important; top: auto !important; left: auto !important; display: inline-block !important; margin-bottom: 6px !important; }
.product-small .box-text .category { display: none !important; }

/* Disable hover image swap on product cards (prevents socks doubling) */
.product-small .image-swap-hover, .product-small .back-image { display: none !important; }

/* OUT OF STOCK banner — make it less intrusive */
.out-of-stock-label { font-size: 10px !important; padding: 6px 0 !important; letter-spacing: 2px !important; opacity: 0.85; }

/* Product card image area — lighter bg for dark mode visibility */
html.dark-mode .product-small .box-image, html:not(.light-mode) .product-small .box-image { background: #1e1e1e !important; }
html.light-mode .product-small .box-image { background: #f5f5f5 !important; }

/* Quick View button styling */
.quick-view { font-size: 11px !important; letter-spacing: 2px !important; padding: 8px !important; }

/* Layout */
.sidebar { display: none; }
.has-shop-sidebar .shop-container .row .large-3 { display: none !important; }
.has-shop-sidebar .shop-container .row .large-9 { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }
.entry-content > .section:first-child { padding: 60px 0 !important; }
.entry-content > .section:first-child img { max-width: 220px !important; height: auto !important; display: block; margin: 0 auto; }
.payment-icons { opacity: 0.5; }

/* Toggle button */
#mode-toggle {
  position: fixed; bottom: 24px; right: 24px; z-index: 99999;
  width: 48px; height: 48px; border-radius: 50%;
  border: 2px solid #9b8ec4;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  font-size: 22px; line-height: 1;
  transition: all 0.3s ease;
  box-shadow: 0 2px 12px rgba(0,0,0,0.3);
  padding: 0; -webkit-appearance: none; appearance: none;
}
#mode-toggle .mode-icon-sun, #mode-toggle .mode-icon-moon { font-size: 22px; }
#mode-toggle:hover { background-color: #9b8ec4 !important; color: #fff !important; transform: scale(1.1); }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-thumb { border-radius: 3px; }

/* ============================================
   DARK MODE (default)
   ============================================ */

html.dark-mode, html:not(.light-mode) {
  --nc-bg: #0d0d0d;
  --nc-bg-alt: #151515;
  --nc-bg-card: #1a1a1a;
  --nc-header: #0a0a0a;
  --nc-footer: #050505;
  --nc-text: #e0e0e0;
  --nc-text-muted: #999;
  --nc-text-subtle: #666;
  --nc-border: #222;
  --nc-input-bg: #1a1a1a;
}

html.dark-mode body, html:not(.light-mode) body { background-color: var(--nc-bg) !important; color: var(--nc-text); }
html.dark-mode #wrapper, html:not(.light-mode) #wrapper,
html.dark-mode .page-wrapper, html:not(.light-mode) .page-wrapper,
html.dark-mode #content, html:not(.light-mode) #content,
html.dark-mode .page, html:not(.light-mode) .page,
html.dark-mode .page-inner, html:not(.light-mode) .page-inner,
html.dark-mode .row-main, html:not(.light-mode) .row-main,
html.dark-mode .large-12, html:not(.light-mode) .large-12,
html.dark-mode .col-inner, html:not(.light-mode) .col-inner,
html.dark-mode #main, html:not(.light-mode) #main,
html.dark-mode main#main, html:not(.light-mode) main#main,
html.dark-mode .entry-content, html:not(.light-mode) .entry-content,
html.dark-mode .page-content, html:not(.light-mode) .page-content,
html.dark-mode .container, html:not(.light-mode) .container,
html.dark-mode .row, html:not(.light-mode) .row,
html.dark-mode .row-inner, html:not(.light-mode) .row-inner,
html.dark-mode .section, html:not(.light-mode) .section,
html.dark-mode [class*="section"], html:not(.light-mode) [class*="section"],
html.dark-mode .col, html:not(.light-mode) .col { background-color: var(--nc-bg) !important; }

/* Dark header */
html.dark-mode .header-wrapper, html:not(.light-mode) .header-wrapper,
html.dark-mode .header-main, html:not(.light-mode) .header-main,
html.dark-mode .header-inner, html:not(.light-mode) .header-inner,
html.dark-mode .header-bottom, html:not(.light-mode) .header-bottom,
html.dark-mode .header-bg-color, html:not(.light-mode) .header-bg-color,
html.dark-mode .top-divider, html:not(.light-mode) .top-divider,
html.dark-mode .is-sticky .header-main, html:not(.light-mode) .is-sticky .header-main {
  background-color: var(--nc-header) !important; border-color: #1a1a1a !important;
}
html.dark-mode .header .nav > li > a, html:not(.light-mode) .header .nav > li > a { color: #fff !important; }
html.dark-mode .header-top, html:not(.light-mode) .header-top { background-color: var(--nc-footer) !important; }
html.dark-mode .header-top *, html:not(.light-mode) .header-top * { color: var(--nc-text-muted) !important; }
html.dark-mode .cart-icon strong, html:not(.light-mode) .cart-icon strong,
html.dark-mode .header-cart-link .cart-price, html:not(.light-mode) .header-cart-link .cart-price { color: #fff !important; }
html.dark-mode .logo-title, html:not(.light-mode) .logo-title { color: #fff !important; }

/* Dark products */
html.dark-mode .product-small, html:not(.light-mode) .product-small,
html.dark-mode .product-small .col-inner, html:not(.light-mode) .product-small .col-inner { background: var(--nc-bg-alt) !important; border: 1px solid var(--nc-border) !important; }
html.dark-mode .product-small .box-image, html:not(.light-mode) .product-small .box-image { background: var(--nc-bg-card) !important; }
html.dark-mode .product-small .box-text, html:not(.light-mode) .product-small .box-text { background: var(--nc-bg-alt) !important; }
html.dark-mode .product-small .product-title a, html:not(.light-mode) .product-small .product-title a { color: #fff !important; }

/* Dark footer */
html.dark-mode .footer-wrapper, html:not(.light-mode) .footer-wrapper,
html.dark-mode .absolute-footer, html:not(.light-mode) .absolute-footer,
html.dark-mode .footer-1, html:not(.light-mode) .footer-1,
html.dark-mode .footer-2, html:not(.light-mode) .footer-2,
html.dark-mode .footer, html:not(.light-mode) .footer,
html.dark-mode .footer-widgets, html:not(.light-mode) .footer-widgets { background-color: var(--nc-footer) !important; }
html.dark-mode .footer-wrapper *, html:not(.light-mode) .footer-wrapper *,
html.dark-mode .absolute-footer *, html:not(.light-mode) .absolute-footer * { color: #777 !important; }
html.dark-mode .footer-widgets .widget-title, html:not(.light-mode) .footer-widgets .widget-title { color: #fff !important; }

/* Dark single product */
html.dark-mode .product-info .product_title, html:not(.light-mode) .product-info .product_title,
html.dark-mode h1.product-title, html:not(.light-mode) h1.product-title { color: #fff !important; }
html.dark-mode .woocommerce-product-details__short-description, html:not(.light-mode) .woocommerce-product-details__short-description { color: #ccc !important; }
html.dark-mode .product_meta, html:not(.light-mode) .product_meta,
html.dark-mode .product_meta *, html:not(.light-mode) .product_meta * { color: #888 !important; }
html.dark-mode .wc-tabs li a, html:not(.light-mode) .wc-tabs li a { color: #ccc !important; }
html.dark-mode .woocommerce-Tabs-panel, html:not(.light-mode) .woocommerce-Tabs-panel { color: #ccc !important; }
html.dark-mode .related.products h2, html:not(.light-mode) .related.products h2 { color: #fff !important; }

/* Dark archive */
html.dark-mode .page-title-inner, html:not(.light-mode) .page-title-inner { background: var(--nc-header) !important; }
html.dark-mode .page-title-inner *, html:not(.light-mode) .page-title-inner * { color: #fff !important; }
html.dark-mode .breadcrumbs, html:not(.light-mode) .breadcrumbs,
html.dark-mode .breadcrumbs a, html:not(.light-mode) .breadcrumbs a { color: var(--nc-text-subtle) !important; }

/* Dark forms */
html.dark-mode input, html:not(.light-mode) input,
html.dark-mode textarea, html:not(.light-mode) textarea,
html.dark-mode select, html:not(.light-mode) select { background: var(--nc-input-bg) !important; color: #fff !important; border-color: #333 !important; }

/* Dark scrollbar */
html.dark-mode ::-webkit-scrollbar-track, html:not(.light-mode) ::-webkit-scrollbar-track { background: var(--nc-bg); }
html.dark-mode ::-webkit-scrollbar-thumb, html:not(.light-mode) ::-webkit-scrollbar-thumb { background: #333; }

/* Dark toggle */
html.dark-mode #mode-toggle, html:not(.light-mode) #mode-toggle { background: #1a1a1a; color: #fff; }

/* ============================================
   LIGHT MODE
   ============================================ */

html.light-mode {
  --nc-bg: #ffffff;
  --nc-bg-alt: #f8f8f8;
  --nc-bg-card: #f0f0f0;
  --nc-header: #ffffff;
  --nc-footer: #fafafa;
  --nc-text: #1a1a1a;
  --nc-text-muted: #555;
  --nc-text-subtle: #888;
  --nc-border: #e0e0e0;
  --nc-input-bg: #fff;
}

html.light-mode body { background-color: var(--nc-bg) !important; color: var(--nc-text); }
html.light-mode #wrapper,
html.light-mode .page-wrapper,
html.light-mode #content,
html.light-mode .page,
html.light-mode .page-inner,
html.light-mode .row-main,
html.light-mode .large-12,
html.light-mode .col-inner,
html.light-mode #main,
html.light-mode main#main,
html.light-mode .entry-content,
html.light-mode .page-content,
html.light-mode .container,
html.light-mode .row,
html.light-mode .row-inner,
html.light-mode .section,
html.light-mode [class*="section"],
html.light-mode .col { background-color: var(--nc-bg) !important; }

/* Light header */
html.light-mode .header-wrapper,
html.light-mode .header-main,
html.light-mode .header-inner,
html.light-mode .header-bottom,
html.light-mode .header-bg-color,
html.light-mode .top-divider,
html.light-mode .is-sticky .header-main {
  background-color: var(--nc-header) !important; border-color: #eee !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
html.light-mode .header .nav > li > a { color: #1a1a1a !important; }
html.light-mode .header-top { background-color: #f5f5f5 !important; }
html.light-mode .header-top * { color: #666 !important; }
html.light-mode .cart-icon strong,
html.light-mode .header-cart-link .cart-price { color: #1a1a1a !important; }
html.light-mode .logo-title { color: #1a1a1a !important; }

/* Light products */
html.light-mode .product-small,
html.light-mode .product-small .col-inner { background: var(--nc-bg-alt) !important; border: 1px solid var(--nc-border) !important; }
html.light-mode .product-small .box-image { background: var(--nc-bg-card) !important; }
html.light-mode .product-small .box-text { background: var(--nc-bg-alt) !important; }
html.light-mode .product-small .product-title a { color: #1a1a1a !important; }

/* Light footer */
html.light-mode .footer-wrapper,
html.light-mode .absolute-footer,
html.light-mode .footer-1,
html.light-mode .footer-2,
html.light-mode .footer,
html.light-mode .footer-widgets { background-color: var(--nc-footer) !important; border-top: 1px solid #eee; }
html.light-mode .footer-wrapper *,
html.light-mode .absolute-footer * { color: #666 !important; }
html.light-mode .footer-widgets .widget-title { color: #1a1a1a !important; }

/* Light single product */
html.light-mode .product-info .product_title,
html.light-mode h1.product-title { color: #1a1a1a !important; }
html.light-mode .woocommerce-product-details__short-description { color: #444 !important; }
html.light-mode .product_meta,
html.light-mode .product_meta * { color: #666 !important; }
html.light-mode .wc-tabs li a { color: #555 !important; }
html.light-mode .woocommerce-Tabs-panel { color: #444 !important; }
html.light-mode .related.products h2 { color: #1a1a1a !important; }

/* Light archive */
html.light-mode .page-title-inner { background: #f8f8f8 !important; }
html.light-mode .page-title-inner * { color: #1a1a1a !important; }
html.light-mode .breadcrumbs,
html.light-mode .breadcrumbs a { color: #888 !important; }

/* Light forms */
html.light-mode input,
html.light-mode textarea,
html.light-mode select { background: #fff !important; color: #1a1a1a !important; border-color: #ddd !important; }

/* Light scrollbar */
html.light-mode ::-webkit-scrollbar-track { background: #fff; }
html.light-mode ::-webkit-scrollbar-thumb { background: #ccc; }

/* Light toggle */
html.light-mode #mode-toggle { background: #9b8ec4; color: #fff; border-color: #9b8ec4 !important; box-shadow: 0 3px 15px rgba(155,142,196,0.4); }

/* Light mode logo — invert for visibility on white */
html.light-mode .header-logo img { filter: brightness(0); }

/* Light mode — override Flatsome inline text colors from shortcodes */
html.light-mode .ux-text p,
html.light-mode .section .ux-text p,
html.light-mode [class*="section"] p { color: #1a1a1a !important; }
html.light-mode h1, html.light-mode h2, html.light-mode h3,
html.light-mode h4, html.light-mode h5, html.light-mode h6,
html.light-mode .heading-font { color: #1a1a1a !important; }
/* Keep purple accent text purple in light mode */
html.light-mode .ux-text p[style*="155,142,196"],
html.light-mode .ux-text p[style*="9b8ec4"] { color: #7b6fa6 !important; }
/* Slightly darker purple for light mode readability */
html.light-mode .divider { border-color: #7b6fa6 !important; }

/* FAQ page styling */
.page-id-93 h3, .page-id-93 h1 { margin-top: 30px; }
.page-id-93 p { line-height: 1.8; margin-bottom: 15px; }
.page-id-93 h3 { border-bottom: 1px solid #333; padding-bottom: 8px; }
html.light-mode .page-id-93 h3 { border-bottom-color: #ddd; }
html.light-mode .page-id-93 a { color: #7b6fa6 !important; }
html.dark-mode .page-id-93 a, html:not(.light-mode) .page-id-93 a { color: #9b8ec4 !important; }

/* Legal pages */
.page h2, .page h3, .page h4 { margin-top: 25px; }
.page ul { padding-left: 20px; margin-bottom: 15px; }
.page li { margin-bottom: 8px; line-height: 1.7; }

/* Shop sidebar - targeted removal (NOT product columns) */
.shop-sidebar, #secondary, .widget-area, [class*="shop-sidebar"] { display: none !important; }
/* Only hide sidebar columns that contain the widget text, not product grid columns */
.shop-container > .row > .col.large-3:not(.product-small),
.has-shop-sidebar .shop-container > .row > .large-3 { display: none !important; }
.has-shop-sidebar .shop-container > .row > .large-9 { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }

/* === Complianz Cookie Consent Banner === */

/* Overlay backdrop */
.cmplz-cookiebanner .cmplz-overlay {
  background: rgba(0,0,0,0.7) !important; backdrop-filter: blur(4px);
}

/* Banner container */
.cmplz-cookiebanner .cmplz-modal,
.cmplz-cookiebanner .cmplz-consent-region {
  border-radius: 0 !important; font-family: inherit !important;
  letter-spacing: 0.5px; max-width: 520px !important;
}
html.dark-mode .cmplz-cookiebanner .cmplz-modal,
html:not(.light-mode) .cmplz-cookiebanner .cmplz-modal,
html.dark-mode .cmplz-cookiebanner .cmplz-consent-region,
html:not(.light-mode) .cmplz-cookiebanner .cmplz-consent-region {
  background: #1a1a1a !important; border: 1px solid #333 !important; color: #e0e0e0 !important;
}
html.light-mode .cmplz-cookiebanner .cmplz-modal,
html.light-mode .cmplz-cookiebanner .cmplz-consent-region {
  background: #fff !important; border: 1px solid #e0e0e0 !important; color: #333 !important;
}

/* Banner title */
.cmplz-cookiebanner h2, .cmplz-cookiebanner h3, .cmplz-cookiebanner .cmplz-title {
  font-size: 16px !important; letter-spacing: 3px !important; text-transform: uppercase !important; font-weight: 700 !important;
}

/* Banner text */
.cmplz-cookiebanner p, .cmplz-cookiebanner .cmplz-body {
  font-size: 13px !important; line-height: 1.6 !important;
}

/* Toggle switches - purple */
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-toggle input:checked + .cmplz-slider,
.cmplz-cookiebanner input:checked + .cmplz-slider { background-color: #9b8ec4 !important; }
.cmplz-cookiebanner .cmplz-slider { background-color: #444 !important; }
html.light-mode .cmplz-cookiebanner .cmplz-slider { background-color: #ccc !important; }

/* Accept All button */
.cmplz-cookiebanner .cmplz-btn.cmplz-accept {
  background: #9b8ec4 !important; color: #000 !important; border: none !important;
  padding: 12px 24px !important; font-size: 11px !important; letter-spacing: 3px !important;
  text-transform: uppercase !important; border-radius: 0 !important; font-weight: 700 !important;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover { background: #7b6fa6 !important; }

/* Deny / Essential Only button */
.cmplz-cookiebanner .cmplz-btn.cmplz-deny {
  background: transparent !important; border: 1px solid #555 !important;
  padding: 12px 24px !important; font-size: 11px !important; letter-spacing: 3px !important;
  text-transform: uppercase !important; border-radius: 0 !important;
}
html.dark-mode .cmplz-cookiebanner .cmplz-btn.cmplz-deny,
html:not(.light-mode) .cmplz-cookiebanner .cmplz-btn.cmplz-deny { color: #ccc !important; }
html.light-mode .cmplz-cookiebanner .cmplz-btn.cmplz-deny { color: #333 !important; border-color: #ccc !important; }

/* Save Preferences button */
.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences {
  background: transparent !important; border: 1px solid #9b8ec4 !important; color: #9b8ec4 !important;
  padding: 12px 24px !important; font-size: 11px !important; letter-spacing: 3px !important;
  text-transform: uppercase !important; border-radius: 0 !important;
}

/* Links in banner */
.cmplz-cookiebanner a { color: #9b8ec4 !important; }

/* Category labels */
.cmplz-cookiebanner .cmplz-category label {
  font-size: 12px !important; letter-spacing: 2px !important; text-transform: uppercase !important;
}

/* Footer links styling */
.absolute-footer a { color: #9b8ec4 !important; text-decoration: none; }
.absolute-footer a:hover { text-decoration: underline; }
html.light-mode .absolute-footer a { color: #7b6fa6 !important; }

/* === AMIRI-STYLE PRODUCT PAGE === */

/* Hide default WooCommerce tabs */
.woocommerce-tabs { display: none !important; }

/* Hide social sharing icons */
.social-icons, .share-icons, .product-share { display: none !important; }

/* Product page layout - larger image */
.product-info { padding-top: 10px; }
.product-info .product_title { font-size: 28px !important; letter-spacing: 3px; text-transform: uppercase; font-weight: 400 !important; }
.product-info .price { font-size: 18px !important; margin-bottom: 15px; }
.product-info .woocommerce-product-details__short-description { font-size: 13px; letter-spacing: 1px; line-height: 1.6; margin-bottom: 20px; }

/* Collapsible detail sections */
.nc-product-details { border-top: 1px solid #333; margin-top: 40px; margin-bottom: 40px; }
html.light-mode .nc-product-details { border-top-color: #e0e0e0; }

.nc-detail-section { border-bottom: 1px solid #333; }
html.light-mode .nc-detail-section { border-bottom-color: #e0e0e0; }

.nc-detail-header {
  padding: 18px 0; cursor: pointer; display: flex; justify-content: space-between; align-items: center;
  font-size: 12px; letter-spacing: 3px; font-weight: 700; text-transform: uppercase;
  -webkit-user-select: none; user-select: none;
}
html.dark-mode .nc-detail-header, html:not(.light-mode) .nc-detail-header { color: #fff; }
html.light-mode .nc-detail-header { color: #1a1a1a; }
.nc-detail-header:hover { color: #9b8ec4 !important; }

.nc-plus { font-size: 18px; font-weight: 300; transition: transform 0.3s ease; }
.nc-detail-section.open .nc-plus { transform: rotate(45deg); }

.nc-detail-content {
  max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease;
  font-size: 14px; line-height: 1.8; padding: 0;
}
.nc-detail-section.open .nc-detail-content { max-height: 500px; padding: 0 0 20px 0; }

html.dark-mode .nc-detail-content, html:not(.light-mode) .nc-detail-content { color: #bbb; }
html.light-mode .nc-detail-content { color: #555; }
.nc-detail-content a { color: #9b8ec4 !important; }
html.light-mode .nc-detail-content a { color: #7b6fa6 !important; }

/* Category label on product cards */
.product-small .category { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; opacity: 0.6; }

/* "Out of stock" text styling on product page */
.out-of-stock { font-size: 12px !important; letter-spacing: 3px !important; text-transform: uppercase; }

/* Variation dropdowns - Amiri-inspired clean styling */
.variations { width: 100%; }
.variations tr { display: flex; flex-direction: column; margin-bottom: 12px; }
.variations td.label { padding: 0 0 6px 0 !important; width: 100% !important; }
.variations td.label label { font-size: 11px; letter-spacing: 3px; text-transform: uppercase; font-weight: 700; }
.variations td.value { padding: 0 !important; width: 100% !important; }
.variations select {
  width: 100% !important; font-size: 13px; letter-spacing: 1px;
  padding: 0 16px !important; height: 48px !important; line-height: 48px !important;
  text-transform: uppercase;
  -webkit-appearance: none; -moz-appearance: none; appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 16px center !important;
  background-size: 10px !important; border-radius: 0 !important;
}
html.dark-mode .variations select, html:not(.light-mode) .variations select {
  background-color: #1a1a1a !important; border: 1px solid #555 !important; color: #fff !important;
}
html.dark-mode .variations select option, html:not(.light-mode) .variations select option { color: #fff !important; background: #1a1a1a !important; }
html.light-mode .variations select {
  background-color: #f5f5f5 !important; border: 1px solid #ccc !important; color: #1a1a1a !important;
}
html.light-mode .variations select option { color: #1a1a1a !important; background: #fff !important; }

/* Force select text visibility */
.variations select { color: inherit !important; }
html.dark-mode .variations select, html:not(.light-mode) .variations select { color: #e0e0e0 !important; }
html.light-mode .variations select { color: #333 !important; }
html.dark-mode .variations td.label label, html:not(.light-mode) .variations td.label label,
html.dark-mode .variations .label label, html:not(.light-mode) .variations .label label,
html.dark-mode table.variations label, html:not(.light-mode) table.variations label { color: #fff !important; font-weight: 700 !important; font-size: 12px !important; }
html.light-mode .variations td.label label, html.light-mode .variations .label label,
html.light-mode table.variations label { color: #1a1a1a !important; font-weight: 700 !important; font-size: 12px !important; }

/* Product short description text visibility */
html.light-mode .woocommerce-product-details__short-description { color: #333 !important; }
html.dark-mode .woocommerce-product-details__short-description,
html:not(.light-mode) .woocommerce-product-details__short-description { color: #ccc !important; }
.reset_variations { font-size: 11px !important; letter-spacing: 2px; text-transform: uppercase; margin-top: 8px; display: inline-block; }

/* Add to cart button - Amiri style */
.single_add_to_cart_button {
  width: 100% !important; padding: 16px !important; font-size: 13px !important;
  letter-spacing: 4px !important; text-transform: uppercase !important;
}

/* Notify Me / Back in stock form */
.tinvwl-out-of-stock, .cwginstock-subscribe-form, [class*="back-in-stock"], [class*="notif"] {
  font-size: 12px;
}
.cwginstock-subscribe-form .button, .cwginstock-btn, [class*="notif"] .button,
.product-info .button:not(.single_add_to_cart_button) {
  padding: 10px 20px !important; font-size: 11px !important; letter-spacing: 2px !important;
  height: auto !important; line-height: 1.4 !important;
}

/* Quantity input */
.quantity input { text-align: center; }

/* Related products heading */
.related.products > h2 { font-size: 14px !important; letter-spacing: 4px; text-transform: uppercase; font-weight: 400 !important; margin-bottom: 30px; }

/* === AMIRI-STYLE LOGIN / MY ACCOUNT PAGE === */

/* Hide the page title banner */
.woocommerce-account .page-title { display: none !important; }
.woocommerce-account .page-title-inner { display: none !important; }

/* Center the login form, hide register by default */
.woocommerce-account .woocommerce {
  max-width: 480px; margin: 60px auto; padding: 0 20px;
}

/* Login heading */
.woocommerce-account h2,
.woocommerce-account .woocommerce-form-login h2 {
  text-align: center; font-size: 28px !important; letter-spacing: 4px;
  font-weight: 400 !important; text-transform: uppercase; margin-bottom: 40px;
}

/* Hide the register column initially — show via toggle */
.woocommerce-account #customer_login .col-2 { display: none !important; }
.woocommerce-account.show-register #customer_login .col-1 { display: none !important; }
.woocommerce-account.show-register #customer_login .col-2 { display: block !important; max-width: 480px; margin: 0 auto; }

/* Make columns full width when visible */
.woocommerce-account #customer_login .col-1,
.woocommerce-account #customer_login .col-2 { width: 100% !important; max-width: 100% !important; float: none !important; padding: 0 !important; margin: 0 auto; }
.woocommerce-account #customer_login { display: block !important; max-width: 480px; margin: 0 auto; }

/* Form fields */
.woocommerce-account .woocommerce-form input[type="text"],
.woocommerce-account .woocommerce-form input[type="email"],
.woocommerce-account .woocommerce-form input[type="password"] {
  width: 100% !important; padding: 14px 0 !important; font-size: 14px;
  border: none !important; border-bottom: 1px solid #555 !important;
  border-radius: 0 !important; outline: none;
  letter-spacing: 1px; background: transparent !important;
}
html.light-mode .woocommerce-account .woocommerce-form input[type="text"],
html.light-mode .woocommerce-account .woocommerce-form input[type="email"],
html.light-mode .woocommerce-account .woocommerce-form input[type="password"] {
  border-bottom-color: #ccc !important; color: #1a1a1a !important;
}
.woocommerce-account .woocommerce-form input:focus {
  border-bottom-color: #9b8ec4 !important; box-shadow: none !important;
}

/* Labels */
.woocommerce-account .woocommerce-form label {
  font-size: 11px; letter-spacing: 2px; text-transform: uppercase; font-weight: 400;
  margin-bottom: 4px; display: block;
}
html.dark-mode .woocommerce-account .woocommerce-form label,
html:not(.light-mode) .woocommerce-account .woocommerce-form label { color: #999; }
html.light-mode .woocommerce-account .woocommerce-form label { color: #888; }

/* Hide "Remember me" checkbox label styling */
.woocommerce-account .woocommerce-form-login__rememberme { display: none; }

/* Login/Register button */
.woocommerce-account .woocommerce-form .button {
  width: 100% !important; padding: 16px !important; margin-top: 20px;
  font-size: 13px !important; letter-spacing: 4px !important;
}

/* Lost password link */
.woocommerce-account .woocommerce-LostPassword { text-align: center; margin-top: 15px; }
.woocommerce-account .woocommerce-LostPassword a {
  font-size: 12px; letter-spacing: 2px; text-transform: uppercase;
  text-decoration: none;
}
html.dark-mode .woocommerce-account .woocommerce-LostPassword a,
html:not(.light-mode) .woocommerce-account .woocommerce-LostPassword a { color: #999 !important; }
html.light-mode .woocommerce-account .woocommerce-LostPassword a { color: #666 !important; }
.woocommerce-account .woocommerce-LostPassword a:hover { color: #9b8ec4 !important; }

/* "Create An Account" toggle link (added via JS) */
.nc-auth-toggle {
  text-align: center; margin-top: 25px; font-size: 12px;
  letter-spacing: 2px; text-transform: uppercase; cursor: pointer;
}
html.dark-mode .nc-auth-toggle, html:not(.light-mode) .nc-auth-toggle { color: #999; }
html.light-mode .nc-auth-toggle { color: #666; }
.nc-auth-toggle:hover { color: #9b8ec4 !important; }

/* Register form heading */
.woocommerce-account .u-column2 h2 {
  text-align: center; font-size: 28px !important; letter-spacing: 4px;
  font-weight: 400 !important; text-transform: uppercase; margin-bottom: 40px;
}

/* Privacy policy text */
.woocommerce-account .woocommerce-privacy-policy-text {
  font-size: 11px; line-height: 1.6; margin-top: 10px;
}
html.dark-mode .woocommerce-account .woocommerce-privacy-policy-text,
html:not(.light-mode) .woocommerce-account .woocommerce-privacy-policy-text { color: #777; }
html.light-mode .woocommerce-account .woocommerce-privacy-policy-text { color: #999; }

/* My Account dashboard (logged in) */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none; padding: 0; border: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: block; padding: 14px 0; font-size: 12px; letter-spacing: 3px;
  text-transform: uppercase; text-decoration: none;
  border-bottom: 1px solid #333;
}
html.light-mode .woocommerce-account .woocommerce-MyAccount-navigation ul li a { border-bottom-color: #e0e0e0; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { color: #9b8ec4 !important; }

/* ============================================
   ANNOUNCEMENT BAR
   ============================================ */
#nc-announcement-bar {
  width: 100%; text-align: center; padding: 10px 15px;
  font-size: 11px; letter-spacing: 3px; text-transform: uppercase; font-weight: 700;
  z-index: 9999;
}
html.dark-mode #nc-announcement-bar, html:not(.light-mode) #nc-announcement-bar {
  background: #151515; color: #e0e0e0; border-bottom: 1px solid #222;
}
html.light-mode #nc-announcement-bar {
  background: #f5f5f5; color: #1a1a1a; border-bottom: 1px solid #e0e0e0;
}
#nc-announcement-bar a { color: #9b8ec4 !important; text-decoration: underline; }
html.light-mode #nc-announcement-bar a { color: #7b6fa6 !important; }

/* ============================================
   COOKIE CONSENT BANNER
   ============================================ */
#nc-cookie-consent {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 999999;
  display: flex; justify-content: center; padding: 0 20px;
}
.nc-cookie-inner {
  display: flex; align-items: center; gap: 20px; padding: 16px 24px;
  max-width: 900px; width: 100%; border-radius: 4px 4px 0 0;
  font-size: 13px; line-height: 1.5;
}
html.dark-mode .nc-cookie-inner, html:not(.light-mode) .nc-cookie-inner {
  background: #1a1a1a; border: 1px solid #333; border-bottom: none; color: #ccc;
}
html.light-mode .nc-cookie-inner {
  background: #fff; border: 1px solid #e0e0e0; border-bottom: none; color: #444;
  box-shadow: 0 -2px 20px rgba(0,0,0,0.08);
}
.nc-cookie-inner p { margin: 0; flex: 1; }
.nc-cookie-inner a { color: #9b8ec4 !important; }
.nc-cookie-buttons { display: flex; gap: 10px; flex-shrink: 0; }
.nc-cookie-btn {
  padding: 8px 20px; font-size: 11px; letter-spacing: 2px; text-transform: uppercase;
  font-weight: 700; border: none; cursor: pointer; border-radius: 2px;
}
.nc-cookie-accept { background: #9b8ec4 !important; color: #000 !important; }
.nc-cookie-accept:hover { background: #7b6fa6 !important; }
.nc-cookie-decline { background: transparent !important; border: 1px solid #555 !important; }
html.dark-mode .nc-cookie-decline, html:not(.light-mode) .nc-cookie-decline { color: #999 !important; }
html.light-mode .nc-cookie-decline { color: #666 !important; border-color: #ccc !important; }
.nc-cookie-decline:hover { border-color: #9b8ec4 !important; color: #9b8ec4 !important; }

@media (max-width: 600px) {
  .nc-cookie-inner { flex-direction: column; text-align: center; gap: 12px; }
  .nc-cookie-buttons { width: 100%; justify-content: center; }
}

/* ============================================
   EMAIL SIGNUP POPUP
   ============================================ */
#nc-popup-overlay {
  position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.7); z-index: 1000000;
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
}
#nc-popup {
  position: relative; width: 100%; max-width: 440px;
  padding: 50px 40px; border-radius: 2px; text-align: center;
}
html.dark-mode #nc-popup, html:not(.light-mode) #nc-popup { background: #111; border: 1px solid #333; }
html.light-mode #nc-popup { background: #fff; border: 1px solid #e0e0e0; box-shadow: 0 20px 60px rgba(0,0,0,0.15); }

#nc-popup-close {
  position: absolute; top: 14px; right: 18px; background: none; border: none;
  font-size: 28px; cursor: pointer; line-height: 1; padding: 0;
}
html.dark-mode #nc-popup-close, html:not(.light-mode) #nc-popup-close { color: #999; }
html.light-mode #nc-popup-close { color: #666; }
#nc-popup-close:hover { color: #9b8ec4 !important; }

#nc-popup h2 {
  font-size: 28px !important; letter-spacing: 5px; font-weight: 400 !important;
  text-transform: uppercase; margin: 0 0 5px 0;
}
html.dark-mode #nc-popup h2, html:not(.light-mode) #nc-popup h2 { color: #fff; }
html.light-mode #nc-popup h2 { color: #1a1a1a; }

.nc-popup-subtitle {
  font-size: 14px; letter-spacing: 3px; text-transform: uppercase; margin: 0 0 20px 0;
  color: #9b8ec4 !important; font-weight: 700;
}
.nc-popup-desc {
  font-size: 13px; line-height: 1.7; margin: 0 0 25px 0;
}
html.dark-mode .nc-popup-desc, html:not(.light-mode) .nc-popup-desc { color: #999; }
html.light-mode .nc-popup-desc { color: #666; }

#nc-popup-form input, #nc-popup-verify-form input {
  width: 100%; padding: 14px 0; font-size: 14px;
  border: none; border-bottom: 1px solid #555;
  background: transparent; outline: none;
  letter-spacing: 1px; margin-bottom: 16px; border-radius: 0;
}
html.dark-mode #nc-popup-form input, html:not(.light-mode) #nc-popup-form input,
html.dark-mode #nc-popup-verify-form input, html:not(.light-mode) #nc-popup-verify-form input {
  color: #fff; border-bottom-color: #444;
}
html.light-mode #nc-popup-form input, html.light-mode #nc-popup-verify-form input {
  color: #1a1a1a; border-bottom-color: #ccc;
}
#nc-popup-form input:focus, #nc-popup-verify-form input:focus { border-bottom-color: #9b8ec4 !important; }

#nc-popup-code { text-align: center; font-size: 24px !important; letter-spacing: 8px; }

.nc-popup-submit {
  width: 100%; padding: 16px; font-size: 13px; letter-spacing: 4px;
  text-transform: uppercase; font-weight: 700; border: none; cursor: pointer;
  background: #9b8ec4 !important; color: #000 !important; margin-top: 8px;
}
.nc-popup-submit:hover { background: #7b6fa6 !important; }
.nc-popup-submit:disabled { opacity: 0.6; cursor: wait; }

.nc-popup-privacy {
  font-size: 10px; letter-spacing: 1px; margin-top: 16px; line-height: 1.6;
}
html.dark-mode .nc-popup-privacy, html:not(.light-mode) .nc-popup-privacy { color: #666; }
html.light-mode .nc-popup-privacy { color: #999; }
.nc-popup-privacy a { color: #9b8ec4 !important; }

.nc-popup-resend { font-size: 12px; margin-top: 16px; }
html.dark-mode .nc-popup-resend, html:not(.light-mode) .nc-popup-resend { color: #777; }
html.light-mode .nc-popup-resend { color: #888; }
.nc-popup-resend a { color: #9b8ec4 !important; cursor: pointer; }

.nc-popup-code-display {
  font-size: 32px; letter-spacing: 8px; font-weight: 700;
  padding: 20px; margin: 20px 0; border: 2px dashed #9b8ec4;
  color: #9b8ec4 !important;
}

/* ============================================
   FOOTER EMAIL SIGNUP
   ============================================ */
.nc-footer-signup {
  text-align: center; padding: 40px 20px; max-width: 500px; margin: 0 auto;
}
.nc-footer-signup h4 {
  font-size: 14px !important; letter-spacing: 4px; text-transform: uppercase;
  font-weight: 400 !important; margin-bottom: 10px;
}
html.dark-mode .nc-footer-signup h4, html:not(.light-mode) .nc-footer-signup h4 { color: #fff !important; }
html.light-mode .nc-footer-signup h4 { color: #1a1a1a !important; }
.nc-footer-signup > p {
  font-size: 12px; letter-spacing: 1px; margin-bottom: 20px;
}
html.dark-mode .nc-footer-signup > p, html:not(.light-mode) .nc-footer-signup > p { color: #999; }
html.light-mode .nc-footer-signup > p { color: #666; }

.nc-footer-form {
  display: flex; gap: 0; max-width: 400px; margin: 0 auto;
}
.nc-footer-form input {
  flex: 1; padding: 12px 16px; font-size: 13px; letter-spacing: 1px;
  border: 1px solid #444; border-right: none; border-radius: 0;
  background: transparent !important; outline: none;
}
html.dark-mode .nc-footer-form input, html:not(.light-mode) .nc-footer-form input {
  color: #fff !important; border-color: #444;
}
html.light-mode .nc-footer-form input {
  color: #1a1a1a !important; border-color: #ccc;
}
.nc-footer-form input:focus { border-color: #9b8ec4 !important; }
.nc-footer-form button {
  padding: 12px 24px; font-size: 11px; letter-spacing: 3px; text-transform: uppercase;
  font-weight: 700; border: none; cursor: pointer;
  background: #9b8ec4 !important; color: #000 !important;
}
.nc-footer-form button:hover { background: #7b6fa6 !important; }

.nc-footer-signup-msg {
  font-size: 12px; letter-spacing: 1px; margin-top: 12px;
}

/* ============================================
   NOTIFY ME (Product Page)
   ============================================ */
.nc-notify-me {
  margin-top: 20px; padding-top: 20px; border-top: 1px solid #333;
}
html.light-mode .nc-notify-me { border-top-color: #e0e0e0; }
.nc-notify-label {
  font-size: 11px; letter-spacing: 3px; text-transform: uppercase; font-weight: 700;
  margin-bottom: 12px;
}
html.dark-mode .nc-notify-label, html:not(.light-mode) .nc-notify-label { color: #ccc; }
html.light-mode .nc-notify-label { color: #444; }

#nc-notify-form {
  display: flex; gap: 0;
}
#nc-notify-form input {
  flex: 1; padding: 12px 16px; font-size: 13px; letter-spacing: 1px;
  border: 1px solid #444; border-right: none; border-radius: 0;
  background: transparent !important; outline: none;
}
html.dark-mode #nc-notify-form input, html:not(.light-mode) #nc-notify-form input {
  color: #fff !important; border-color: #444;
}
html.light-mode #nc-notify-form input {
  color: #1a1a1a !important; border-color: #ccc;
}
#nc-notify-form input:focus { border-color: #9b8ec4 !important; }
.nc-notify-btn {
  padding: 12px 24px; font-size: 11px; letter-spacing: 3px; text-transform: uppercase;
  font-weight: 700; border: none; cursor: pointer;
  background: #9b8ec4 !important; color: #000 !important;
}
.nc-notify-btn:hover { background: #7b6fa6 !important; }
.nc-notify-msg { font-size: 12px; letter-spacing: 1px; margin-top: 10px; }