/* ============================================================
   NVG Pages — Dark WooCommerce skin
   Matches the Night Vision Gears HUD system (gunmetal/phosphor/thermal).
   Loaded on shop, product, cart, checkout & account pages.
============================================================ */
:root{
  --nvg-void:#070b09; --nvg-carbon:#0b1310; --nvg-panel:#101a15; --nvg-panel2:#16241d;
  --nvg-snow:#e9f2ec; --nvg-haze:#9db3a6; --nvg-faint:rgba(120,210,160,.14);
  --nvg-phos:#37f08c; --nvg-therm:#ff8a2b; --nvg-therm-hot:#ffc24b;
}

body.woocommerce, body.woocommerce-page,
body.woocommerce-cart, body.woocommerce-checkout, body.woocommerce-account{
  background:var(--nvg-carbon);color:var(--nvg-snow);
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.woocommerce-page h1,.woocommerce-page h2,.woocommerce-page h3,
.woocommerce h1,.woocommerce h2,.woocommerce h3{color:var(--nvg-snow);font-family:"Chakra Petch",sans-serif}
.woocommerce a:not(.button),.woocommerce-page a:not(.button){color:var(--nvg-snow)}
.woocommerce a:not(.button):hover{color:var(--nvg-phos)}

/* breadcrumb, result count, ordering */
.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-result-count{color:var(--nvg-haze)}
.woocommerce .woocommerce-ordering select,
.woocommerce select, .woocommerce-page select,
.woocommerce div.product form.cart .variations select{
  background:var(--nvg-panel)!important;color:var(--nvg-snow)!important;
  border:1px solid var(--nvg-faint)!important;border-radius:8px;padding:.55em .8em;
  -webkit-appearance:none;-moz-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239db3a6' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .8em center;padding-right:2.2em;
}
.woocommerce select option,
.woocommerce div.product form.cart .variations select option{background:#ffffff;color:#0b1310}
.woocommerce select:focus,
.woocommerce div.product form.cart .variations select:focus{outline:none;border-color:var(--nvg-phos)!important}

/* product grid cards */
.woocommerce ul.products li.product{
  background:var(--nvg-panel);border:1px solid var(--nvg-faint);
  border-radius:14px;padding:16px;transition:border-color .15s,transform .15s,box-shadow .15s;
}
.woocommerce ul.products li.product:hover{border-color:var(--nvg-phos);transform:translateY(-3px);box-shadow:0 16px 38px rgba(0,0,0,.45)}
.woocommerce ul.products li.product img{border-radius:10px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--nvg-snow);font-size:1rem;font-family:"Chakra Petch",sans-serif}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price{
  color:var(--nvg-phos);font-weight:600;font-family:"Spline Sans Mono",ui-monospace,monospace;
}
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del{color:var(--nvg-haze);opacity:.7}
.woocommerce span.onsale{
  background:var(--nvg-therm);color:#1a0c02;border-radius:99px;
  min-height:0;min-width:0;line-height:1;padding:.5em .9em;font-weight:600;
  font-family:"Chakra Petch",sans-serif;letter-spacing:.03em;
}
.woocommerce .star-rating span::before{color:var(--nvg-therm-hot)}

/* buttons */
.woocommerce #respond input#submit, .woocommerce a.button,
.woocommerce button.button, .woocommerce input.button,
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order,
.woocommerce button.button.alt, .woocommerce a.button.alt{
  background:var(--nvg-phos);color:#04130b;border:none;border-radius:9px;
  font-family:"Chakra Petch",sans-serif;font-weight:600;letter-spacing:.03em;
  padding:.8em 1.5em;transition:transform .15s ease,filter .15s,box-shadow .15s;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover,
.woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover,
.woocommerce #payment #place_order:hover{
  background:var(--nvg-phos);color:#04130b;filter:brightness(1.07);transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(55,240,140,.3);
}
/* the primary buy action leans thermal so it pops against phosphor UI */
.woocommerce div.product form.cart .single_add_to_cart_button{background:var(--nvg-therm)!important;color:#1a0c02!important}
.woocommerce div.product form.cart .single_add_to_cart_button:hover{box-shadow:0 12px 30px rgba(255,138,43,.32)!important}
.woocommerce a.added_to_cart{color:var(--nvg-phos);padding-left:.6em}
.woocommerce #respond input#submit.disabled, .woocommerce a.button.disabled,
.woocommerce button.button.disabled, .woocommerce button.button:disabled{
  background:var(--nvg-panel2);color:var(--nvg-haze);
}

/* single product */
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin-bottom:0}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:var(--nvg-faint)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background:var(--nvg-panel)!important;border:1px solid var(--nvg-faint)!important;
  border-radius:10px 10px 0 0!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--nvg-panel2)!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--nvg-haze)!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--nvg-snow)!important}
.woocommerce div.product .woocommerce-tabs .panel{
  background:transparent!important;border:1px solid var(--nvg-faint);
  border-radius:0 12px 12px 12px;padding:24px;color:var(--nvg-snow);
}
.woocommerce div.product .woocommerce-tabs .panel h2,
.woocommerce div.product .woocommerce-tabs .panel p,
.woocommerce div.product .woocommerce-tabs .panel li{color:var(--nvg-snow)}
.woocommerce div.product .woocommerce-tabs .panel a{color:var(--nvg-phos)}
.woocommerce div.product form.cart .variations select{max-width:100%}
.woocommerce div.product form.cart div.quantity .qty{
  background:var(--nvg-panel);color:var(--nvg-snow);
  border:1px solid var(--nvg-faint);border-radius:8px;height:42px;
}

/* tables: cart, totals, account orders */
.woocommerce table.shop_table{
  background:var(--nvg-panel);border:1px solid var(--nvg-faint);border-radius:12px;
}
.woocommerce table.shop_table th{color:var(--nvg-snow);font-family:"Chakra Petch",sans-serif}
.woocommerce table.shop_table td, .woocommerce table.shop_table th{border-color:var(--nvg-faint)}
.woocommerce-cart table.cart img{border-radius:8px}
.woocommerce a.remove{color:var(--nvg-haze)!important}
.woocommerce a.remove:hover{color:#fff!important;background:#d9534f}

/* forms: checkout, login, coupon */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce #payment .payment_method input[type="text"],
.woocommerce-cart .coupon .input-text{
  background:var(--nvg-panel);color:var(--nvg-snow);
  border:1px solid var(--nvg-faint);border-radius:8px;padding:.7em .9em;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus{border-color:var(--nvg-phos);outline:none}
.woocommerce form .form-row label{color:var(--nvg-haze)}
.select2-container--default .select2-selection--single{
  background:var(--nvg-panel);border:1px solid var(--nvg-faint);border-radius:8px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--nvg-snow)}
.select2-dropdown{background:var(--nvg-panel2);color:var(--nvg-snow);border-color:var(--nvg-faint)}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--nvg-phos);color:#04130b}

/* checkout panels & payment box */
.woocommerce-checkout #payment{background:var(--nvg-panel);border-radius:12px;border:1px solid var(--nvg-faint)}
.woocommerce-checkout #payment div.payment_box{background:var(--nvg-panel2);color:var(--nvg-snow)}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--nvg-panel2)}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--nvg-faint)}
#add_payment_method #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li{color:var(--nvg-snow)}

/* notices */
.woocommerce-message, .woocommerce-info, .woocommerce-error{
  background:var(--nvg-panel);color:var(--nvg-snow);
  border-top-color:var(--nvg-phos);border-radius:0 0 10px 10px;
}
.woocommerce-message::before{color:var(--nvg-phos)}
.woocommerce-info::before{color:var(--nvg-therm-hot)}
.woocommerce-error::before{color:#d9534f}

/* my account */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0}
.woocommerce-account .woocommerce-MyAccount-navigation li{
  border:1px solid var(--nvg-faint);border-radius:10px;margin-bottom:8px;background:var(--nvg-panel);
}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:.7em 1em;color:var(--nvg-haze)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{color:var(--nvg-phos)}

/* pagination */
.woocommerce nav.woocommerce-pagination ul{border:1px solid var(--nvg-faint);border-radius:10px;overflow:hidden}
.woocommerce nav.woocommerce-pagination ul li{border-right:1px solid var(--nvg-faint)}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{color:var(--nvg-haze);background:var(--nvg-panel)}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--nvg-phos);color:#04130b}

@media (prefers-reduced-motion: reduce){
  .woocommerce ul.products li.product:hover,
  .woocommerce a.button:hover, .woocommerce button.button:hover{transform:none}
}