/* ============================================================
   Upniche Pages — Dark WooCommerce skin
   Matches the Upniche design system (ink/gold/violet).
   Loaded on shop, product, cart, checkout & account pages.
============================================================ */
:root{
  --upn-ink:#100D23; --upn-ink2:#171231; --upn-ink3:#1F1840;
  --upn-paper:#EFEAF7; --upn-muted:#A199C4; --upn-faint:rgba(239,234,247,.12);
  --upn-gold:#FFC24B; --upn-violet:#7C6CFF; --upn-teal:#3DDAB4;
}

body.woocommerce, body.woocommerce-page,
body.woocommerce-cart, body.woocommerce-checkout, body.woocommerce-account{
  background:var(--upn-ink);color:var(--upn-paper);
}
.woocommerce-page h1,.woocommerce-page h2,.woocommerce-page h3,
.woocommerce h1,.woocommerce h2,.woocommerce h3{color:var(--upn-paper)}
.woocommerce a:not(.button),.woocommerce-page a:not(.button){color:var(--upn-paper)}
.woocommerce a:not(.button):hover{color:var(--upn-gold)}

/* breadcrumb, result count, ordering */
.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-result-count{color:var(--upn-muted)}
.woocommerce .woocommerce-ordering select,
.woocommerce select, .woocommerce-page select{
  background:var(--upn-ink2);color:var(--upn-paper);
  border:1px solid var(--upn-faint);border-radius:8px;padding:.45em .8em;
}

/* product grid cards */
.woocommerce ul.products li.product{
  background:var(--upn-ink2);border:1px solid var(--upn-faint);
  border-radius:14px;padding:16px;transition:border-color .15s,transform .15s;
}
.woocommerce ul.products li.product:hover{border-color:var(--upn-gold);transform:translateY(-3px)}
.woocommerce ul.products li.product img{border-radius:10px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--upn-paper);font-size:1rem}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price{
  color:var(--upn-gold);font-weight:600;
}
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del{color:var(--upn-muted);opacity:.7}
.woocommerce span.onsale{
  background:var(--upn-gold);color:#1A1304;border-radius:99px;
  min-height:0;min-width:0;line-height:1;padding:.5em .9em;font-weight:600;
}
.woocommerce .star-rating span::before{color:var(--upn-gold)}

/* 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(--upn-gold);color:#1A1304;border:none;border-radius:10px;
  font-weight:600;padding:.8em 1.5em;transition:transform .15s ease,filter .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(--upn-gold);color:#1A1304;filter:brightness(1.07);transform:translateY(-2px);
}
.woocommerce a.added_to_cart{color:var(--upn-teal);padding-left:.6em}
.woocommerce #respond input#submit.disabled, .woocommerce a.button.disabled,
.woocommerce button.button.disabled, .woocommerce button.button:disabled{
  background:var(--upn-ink3);color:var(--upn-muted);
}

/* 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(--upn-faint)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background:var(--upn-ink2)!important;border:1px solid var(--upn-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(--upn-ink3)!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--upn-muted)!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--upn-paper)!important}
.woocommerce div.product .woocommerce-tabs .panel{
  background:transparent!important;border:1px solid var(--upn-faint);
  border-radius:0 12px 12px 12px;padding:24px;color:var(--upn-paper);
}
.woocommerce div.product .woocommerce-tabs .panel h2,
.woocommerce div.product .woocommerce-tabs .panel p,
.woocommerce div.product .woocommerce-tabs .panel li{color:var(--upn-paper)}
.woocommerce div.product .woocommerce-tabs .panel a{color:var(--upn-gold)}
.woocommerce div.product form.cart .variations select{max-width:100%}
.woocommerce div.product form.cart div.quantity .qty{
  background:var(--upn-ink2);color:var(--upn-paper);
  border:1px solid var(--upn-faint);border-radius:8px;height:42px;
}

/* tables: cart, totals, account orders */
.woocommerce table.shop_table{
  background:var(--upn-ink2);border:1px solid var(--upn-faint);border-radius:12px;
}
.woocommerce table.shop_table th{color:var(--upn-paper)}
.woocommerce table.shop_table td, .woocommerce table.shop_table th{
  border-color:var(--upn-faint);
}
.woocommerce-cart table.cart img{border-radius:8px}
.woocommerce a.remove{color:var(--upn-muted)!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(--upn-ink2);color:var(--upn-paper);
  border:1px solid var(--upn-faint);border-radius:8px;padding:.7em .9em;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus{border-color:var(--upn-gold);outline:none}
.woocommerce form .form-row label{color:var(--upn-muted)}
.select2-container--default .select2-selection--single{
  background:var(--upn-ink2);border:1px solid var(--upn-faint);border-radius:8px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--upn-paper)}
.select2-dropdown{background:var(--upn-ink3);color:var(--upn-paper);border-color:var(--upn-faint)}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--upn-violet)}

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

/* notices */
.woocommerce-message, .woocommerce-info, .woocommerce-error{
  background:var(--upn-ink2);color:var(--upn-paper);
  border-top-color:var(--upn-gold);border-radius:0 0 10px 10px;
}
.woocommerce-message::before{color:var(--upn-teal)}
.woocommerce-info::before{color:var(--upn-violet)}
.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(--upn-faint);border-radius:10px;margin-bottom:8px;background:var(--upn-ink2);
}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:.7em 1em;color:var(--upn-muted)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{color:var(--upn-gold)}

/* pagination */
.woocommerce nav.woocommerce-pagination ul{border:1px solid var(--upn-faint);border-radius:10px;overflow:hidden}
.woocommerce nav.woocommerce-pagination ul li{border-right:1px solid var(--upn-faint)}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{color:var(--upn-muted);background:var(--upn-ink2)}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--upn-gold);color:#1A1304}

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