/**
 * Deep Perfume — WooCommerce brand styling.
 * Restyles the existing (Elessi/Woo) markup into brand colors: notices,
 * buttons, shop grid, cart, checkout, account. Depends on tokens.css.
 * Logical properties; no left/right. Brief §7, §12, §15.
 */

/* =========================================================================
 * Notices — brand colors, not the default green (§15)
 * ====================================================================== */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-message{
  font-family:var(--f-ar); font-size:var(--fs-body); line-height:var(--lh-ar-body);
  border:0; border-radius:var(--r-md); padding:var(--s-4) var(--s-5);
  border-inline-start:4px solid var(--c-plum);
  background:var(--c-stone); color:var(--c-ink);
}
.woocommerce-message{ border-inline-start-color:var(--c-emerald); }
.woocommerce-info{ border-inline-start-color:var(--c-brass-text); }
.woocommerce-error{ border-inline-start-color:#A6362F; background:#F4E1DE; }
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a{ color:var(--c-plum); }
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before{ color:inherit; }

/* Free-shipping progress bar (deep_free_shipping_notice). */
.deep-shipping-bar{
  font-family:var(--f-ar); text-align:center;
  padding:var(--s-3) var(--s-4); margin-block-end:var(--s-4);
  border-radius:var(--r-md); background:var(--c-plum); color:var(--c-cream);
}
.deep-shipping-bar.is-complete{ background:var(--c-emerald); }
.deep-shipping-bar__msg .amount{ color:var(--c-brass); font-weight:700; }

/* =========================================================================
 * Buttons — brand plum
 * ====================================================================== */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt,
.woocommerce #payment #place_order{
  font-family:var(--f-ar); font-weight:700; font-size:var(--fs-body);
  background:var(--c-plum); color:var(--c-cream);
  border:0; border-radius:var(--r-md); min-height:44px;
  padding:var(--s-3) var(--s-6); cursor:pointer;
  transition:background var(--dur-fast);
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button.alt:hover,
.woocommerce #payment #place_order:hover{ background:var(--c-plum-deep); color:var(--c-cream); }

/* Secondary/outline button (e.g. "update cart"). */
.woocommerce button.button[name="update_cart"],
.woocommerce .button.wc-backward{
  background:transparent; color:var(--c-plum);
  border:1px solid var(--c-plum);
}
.woocommerce button.button[name="update_cart"]:hover,
.woocommerce .button.wc-backward:hover{ background:var(--c-plum); color:var(--c-cream); }

/* =========================================================================
 * Shop archive grid + product cards
 * ====================================================================== */
.woocommerce ul.products{ gap:var(--s-5); }
.woocommerce ul.products li.product{
  background:#fff; border:1px solid var(--c-line); border-radius:var(--r-md);
  overflow:hidden; padding:0; margin:0; display:flex; flex-direction:column;
  transition:box-shadow var(--dur-fast), transform var(--dur-fast);
}
.woocommerce ul.products li.product:hover{ box-shadow:var(--sh-2); transform:translateY(-3px); }
.woocommerce ul.products li.product a img{ margin:0; border-radius:0; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--f-ar); font-size:var(--fs-h3); font-weight:500; color:var(--c-ink);
  padding:var(--s-3) var(--s-4) 0;
}
.woocommerce ul.products li.product .price{
  font-family:var(--f-ar); color:var(--c-plum); font-weight:700;
  padding:0 var(--s-4); font-size:var(--fs-body);
}
.woocommerce ul.products li.product .button{
  margin:var(--s-3) var(--s-4) var(--s-4); width:calc(100% - 2*var(--s-4));
}

/* Sale price marks are never shown as discounts (§1.4); keep prices calm. */
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del{ display:none; }
.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins{ text-decoration:none; }

/* =========================================================================
 * Breadcrumb, sorting, pagination
 * ====================================================================== */
.woocommerce .woocommerce-breadcrumb{
  font-family:var(--f-ar); font-size:var(--fs-small); color:var(--c-ink-muted);
}
.woocommerce .woocommerce-breadcrumb a{ color:var(--c-plum); text-decoration:none; }
.woocommerce .woocommerce-ordering select{
  font-family:var(--f-ar); border:1px solid var(--c-line); border-radius:var(--r-md);
  padding:var(--s-2) var(--s-3); background:#fff; color:var(--c-ink);
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span.current{
  border-radius:var(--r-sm); color:var(--c-plum);
}
.woocommerce nav.woocommerce-pagination ul li span.current{ background:var(--c-plum); color:var(--c-cream); }

/* =========================================================================
 * Cart
 * ====================================================================== */
.woocommerce table.shop_table{
  border:1px solid var(--c-line); border-radius:var(--r-md); border-collapse:separate;
}
.woocommerce table.shop_table th{ font-family:var(--f-ar); color:var(--c-plum); font-weight:700; }
.woocommerce table.shop_table td{ font-family:var(--f-ar); color:var(--c-ink); }
.woocommerce-cart table.cart img{ border-radius:var(--r-sm); }
.woocommerce a.remove{ color:var(--c-plum) !important; /* plugin sets inline color */ }
.woocommerce a.remove:hover{ background:var(--c-plum); color:var(--c-cream) !important; }
.woocommerce .cart-collaterals .cart_totals h2,
.woocommerce-cart .cart-collaterals .cart_totals > h2{
  font-family:var(--f-ar); color:var(--c-plum);
}
.woocommerce .coupon input[type="text"]{
  border:1px solid var(--c-line); border-radius:var(--r-md); padding:var(--s-3);
  font-family:var(--f-ar);
}

/* =========================================================================
 * Checkout
 * ====================================================================== */
.woocommerce-checkout h3,
.woocommerce-checkout #order_review_heading{
  font-family:var(--f-ar); color:var(--c-plum); font-size:var(--fs-h3);
}
.woocommerce form .form-row label{ font-family:var(--f-ar); color:var(--c-ink); }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row .select2-container .select2-selection{
  font-family:var(--f-ar); border:1px solid var(--c-line); border-radius:var(--r-md);
  padding:var(--s-3); background:#fff; color:var(--c-ink); min-height:44px;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus{ outline:2px solid var(--c-plum); outline-offset:1px; }
.woocommerce-checkout #payment{ background:var(--c-stone); border-radius:var(--r-md); }
.woocommerce-checkout #payment ul.payment_methods{ border-block-end:1px solid var(--c-line); }
.woocommerce-checkout #payment div.payment_box{
  background:#fff; color:var(--c-ink); border-radius:var(--r-md);
}
.woocommerce-checkout #payment div.payment_box::before{ border-block-end-color:#fff; }

/* Order review totals emphasis */
.woocommerce-checkout .order-total .amount,
.woocommerce-cart .order-total .amount{ color:var(--c-plum); }

/* =========================================================================
 * My Account
 * ====================================================================== */
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  border:1px solid var(--c-line); border-radius:var(--r-md); overflow:hidden;
}
.woocommerce-account .woocommerce-MyAccount-navigation li{ border-block-end:1px solid var(--c-line); }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  background:var(--c-plum); color:var(--c-cream);
}
.woocommerce-account .woocommerce-MyAccount-navigation li a{
  font-family:var(--f-ar); color:var(--c-ink); display:block; padding:var(--s-3) var(--s-4);
}

/* =========================================================================
 * Give WooCommerce pages room under the fixed solid header
 * (shop/cart/checkout are solid-header pages, padding already applied via
 *  .has-solid-header #main-content — this just adds breathing space).
 * ====================================================================== */
.woocommerce-page .site-main{ padding-block-start:var(--s-7); }