/* ============================================================
   NIČ NE RABIM. — WooCommerce overrides
   Keeps WC functional while matching our editorial aesthetic.
   ============================================================ */

/* ===================================================================
   REMOVE WC DEFAULTS THAT CLASH WITH OUR DESIGN
   =================================================================== */
.woocommerce-notices-wrapper:empty,
.woocommerce-breadcrumb{ /* handled by our own eyebrow breadcrumb */ }

/* Woo breadcrumb — minimal */
.woo-breadcrumb{
  padding:clamp(92px,12vw,148px) var(--gutter) 0;
  display:block;
  color:var(--ink-42);
}
.woo-breadcrumb a{ color:var(--ink-42); transition:color .2s; }
.woo-breadcrumb a:hover{ color:var(--ink); }
.bc-sep{ margin:0 .5em; color:var(--ink-28); }

/* ===================================================================
   ADD-TO-CART BUTTON
   =================================================================== */
.single_add_to_cart_button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button{
  display:inline-flex; align-items:center; gap:.7em;
  font-family:var(--text) !important; font-weight:500; font-size:14px;
  letter-spacing:.02em;
  padding:15px 26px; border:1px solid var(--ink) !important;
  background:var(--ink) !important; color:var(--bone) !important;
  border-radius:0 !important;
  transition:background .3s, color .3s;
  cursor:pointer; text-transform:none;
}
.single_add_to_cart_button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover{
  background:transparent !important; color:var(--ink) !important;
}
.woocommerce button.button.alt{ background:var(--charcoal) !important; border-color:var(--charcoal) !important; }
.woocommerce button.button.alt:hover{ background:transparent !important; color:var(--charcoal) !important; }

/* ===================================================================
   QUANTITY INPUT
   =================================================================== */
.quantity{ display:inline-flex; align-items:center; gap:0; margin-right:14px; }
.quantity .qty{
  font-family:var(--mono); font-size:16px; text-align:center;
  width:56px; padding:14px 8px; border:1px solid var(--bone-line);
  background:none; outline:none; color:var(--ink);
  -moz-appearance:textfield;
}
.quantity .qty::-webkit-inner-spin-button,
.quantity .qty::-webkit-outer-spin-button{ -webkit-appearance:none; }

/* ===================================================================
   VARIATION SELECT
   =================================================================== */
.variations{ width:100%; border-collapse:collapse; margin:18px 0; }
.variations td, .variations th{ padding:0; border:none; text-align:left; }
.variations label{
  font-family:var(--text); font-weight:500; font-size:11px;
  letter-spacing:.18em; text-transform:uppercase; color:var(--ink-42);
  display:block; margin-bottom:8px;
}
.variations select{
  font-family:var(--text); font-size:14px; color:var(--ink);
  background:none; border:1px solid var(--bone-line);
  padding:10px 14px; width:100%; outline:none; border-radius:0;
  cursor:pointer; transition:border-color .2s;
  -webkit-appearance:none; appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%231A1A1A' stroke-width='1.5' fill='none' stroke-linecap='round'/></svg>");
  background-repeat:no-repeat; background-position:right 12px center;
  padding-right:36px;
}
.variations select:focus{ border-color:var(--ink); }
.reset_variations{
  font-family:var(--mono); font-size:11px; letter-spacing:.06em; color:var(--ink-42);
  text-transform:uppercase; text-decoration:underline; margin-top:8px; display:inline-block;
}
.woocommerce-variation-price{ margin:12px 0; }
.woocommerce-variation-price .woocommerce-Price-amount{
  font-family:var(--text); font-size:20px; color:var(--ink);
}

/* ===================================================================
   NOTICES
   =================================================================== */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error li{
  font-family:var(--text); font-size:14px; padding:14px var(--gutter);
  background:var(--bone-soft); border:none; border-left:2px solid var(--ink);
  border-radius:0; margin:0 0 1px; list-style:none;
}
.woocommerce-error{ background:transparent; border:none; padding:0; }
.woocommerce-message::before{ display:none; }

/* ===================================================================
   CART PAGE
   =================================================================== */
.woocommerce-cart .cart-wrap{
  padding:calc(var(--gutter) + 78px) var(--gutter) var(--section-y);
}
.woocommerce table.shop_table{
  border-collapse:collapse; width:100%; font-family:var(--text);
}
.woocommerce table.shop_table th{
  font-family:var(--text); font-weight:500; font-size:11px;
  letter-spacing:.18em; text-transform:uppercase; color:var(--ink-42);
  border-bottom:1px solid var(--bone-line); padding:0 12px 14px;
}
.woocommerce table.shop_table td{
  padding:18px 12px; border-bottom:1px solid var(--bone-line); vertical-align:middle;
}
.woocommerce table.shop_table .product-name a{ color:var(--ink); font-weight:500; }
.woocommerce .cart-collaterals{ margin-top:clamp(32px,4vw,56px); }
.woocommerce .cart_totals h2{
  font-family:var(--display); font-weight:700; text-transform:uppercase;
  font-size:clamp(22px,2.4vw,30px); letter-spacing:-.02em; margin:0 0 20px;
}
.woocommerce .cart_totals table th,
.woocommerce .cart_totals table td{
  font-size:14px; padding:10px 0; border-bottom:1px solid var(--bone-line);
}
.woocommerce .cart_totals .order-total td{ font-weight:600; font-size:18px; }
.woocommerce a.remove{
  color:var(--ink-42) !important; font-size:18px; line-height:1;
  transition:color .2s;
}
.woocommerce a.remove:hover{ color:var(--charcoal) !important; background:none !important; }

/* ===================================================================
   CHECKOUT PAGE
   =================================================================== */
.woocommerce-checkout .checkout-wrap{
  padding:calc(var(--gutter) + 78px) var(--gutter) var(--section-y);
  display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(32px,5vw,80px);
  align-items:start;
}
@media (max-width: 880px){
  .woocommerce-checkout .checkout-wrap{ grid-template-columns:1fr; }
}
.woocommerce form .form-row{ margin-bottom:18px; }
.woocommerce form .form-row label{
  font-family:var(--text); font-weight:500; font-size:11px;
  letter-spacing:.18em; text-transform:uppercase; color:var(--ink-42);
  display:block; margin-bottom:6px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea{
  font-family:var(--text); font-size:15px; color:var(--ink);
  background:none; border:none; border-bottom:1px solid var(--bone-line);
  padding:10px 0; width:100%; outline:none; border-radius:0;
  transition:border-color .2s;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus{ border-color:var(--ink); }
.woocommerce #payment{ background:var(--bone-soft); border-radius:0; padding:24px; }
.woocommerce #payment ul.payment_methods{ list-style:none; padding:0; margin:0 0 20px; }
.woocommerce #payment ul.payment_methods li{ padding:8px 0; border-bottom:1px solid var(--bone-line); }
.woocommerce #payment label{ font-size:14px; color:var(--ink); }

/* ===================================================================
   MY ACCOUNT PAGE
   =================================================================== */
.woocommerce-account .account-wrap{
  padding:calc(var(--gutter) + 78px) var(--gutter) var(--section-y);
  display:grid; grid-template-columns:200px 1fr; gap:clamp(32px,5vw,80px);
}
@media (max-width: 640px){
  .woocommerce-account .account-wrap{ grid-template-columns:1fr; }
}
.woocommerce-MyAccount-navigation ul{ list-style:none; padding:0; margin:0; }
.woocommerce-MyAccount-navigation li{ margin:0; }
.woocommerce-MyAccount-navigation a{
  font-family:var(--text); font-size:13px; letter-spacing:.04em; color:var(--ink-60);
  display:block; padding:8px 0; border-bottom:1px solid var(--bone-line);
  transition:color .2s;
}
.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation .is-active a{ color:var(--ink); }
.woocommerce-MyAccount-content h2{
  font-family:var(--display); font-weight:700; text-transform:uppercase;
  font-size:clamp(20px,2.2vw,28px); letter-spacing:-.02em; margin:0 0 24px;
}

/* ===================================================================
   PAGINATION
   =================================================================== */
.woocommerce-pagination .page-numbers{
  font-family:var(--mono); font-size:13px; letter-spacing:.08em;
  color:var(--ink-42); padding:8px 12px; border:1px solid transparent;
  transition:border-color .2s, color .2s; display:inline-block; margin:4px;
}
.woocommerce-pagination .current{ color:var(--ink); border-color:var(--ink); }
.woocommerce-pagination{ text-align:center; padding:clamp(40px,5vw,64px) 0 0; }

/* ===================================================================
   PRODUCT GALLERY LIGHTBOX (WC built-in)
   =================================================================== */
.pswp__bg{ background:var(--charcoal) !important; }
.pswp__button{ opacity:.7; }
.pswp__button:hover{ opacity:1; }
