/* ==========================================================================
   Vestis — site-wide skin for inner pages (shop / product / cart / checkout).
   Applies the "La Boutique" design language over Glozin + WooCommerce.
   Loaded on every page EXCEPT the bespoke front page.
   ========================================================================== */
:root{
  --v-ground:#E9E6E0; --v-cream:#F3EFE9; --v-ink:#161616; --v-black:#121212;
  --v-gold:#EED899; --v-gold-2:#e6c96f; --v-gold-ink:#7A5F1E; --v-muted:#6E6960;
  --v-line:rgba(22,22,22,.12);
  --v-serif:'Gilda Display',Georgia,'Times New Roman',serif;
  --v-ui:'Outfit',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}

/* Ground + type ---------------------------------------------------------- */
body{background:var(--v-cream);color:var(--v-ink);font-family:var(--v-ui)}
#site-content,.site-content,.woocommerce,.page-content,.entry-content{background:transparent}
a{color:inherit}
a:hover{color:var(--v-gold-ink)}

.page-title,.woocommerce-products-header__title,.product_title.entry-title,
section.related>h2,.up-sells>h2,.cross-sells h2,.cart_totals>h2,#order_review_heading,
.woocommerce-order-details__title,.woocommerce-column__title,.woocommerce-MyAccount-content h1,
h1.entry-title,.woocommerce-breadcrumb + .page-title{
  font-family:var(--v-serif) !important;font-weight:400 !important;letter-spacing:0}
.woocommerce-loop-product__title{font-family:var(--v-ui) !important;color:var(--v-ink);font-weight:400}
.woocommerce-result-count,.woocommerce-ordering,.woocommerce-breadcrumb{color:var(--v-muted)}

/* Header ----------------------------------------------------------------- */
#site-header,.site-header{background:var(--v-cream) !important;border-bottom:1px solid rgba(22,22,22,.1)}
.header-logo img{height:30px !important;width:auto !important}
.header-account,.header-search,.header-wishlist,.header-cart{color:var(--v-ink)}

/* Announcement bar (injected before header) ------------------------------ */
.v-site-announce{background:var(--v-black);color:var(--v-gold);text-align:center;
  font-size:12px;letter-spacing:.02em;padding:10px 12px;font-family:var(--v-ui)}

/* Buttons → champagne gold, square -------------------------------------- */
.woocommerce a.button.alt,.woocommerce button.button.alt,.single_add_to_cart_button,
#place_order,.checkout-button,.wc-proceed-to-checkout a.button,.woocommerce-cart .button,
.cart-collaterals .button,.wc-block-cart__submit-button,.add_to_cart_button.glozin-button,
.woocommerce #respond input#submit,.woocommerce-MyAccount-content .button,.return-to-shop .button{
  background:var(--v-gold) !important;color:var(--v-black) !important;border:0 !important;
  border-radius:0 !important;box-shadow:none !important;letter-spacing:.08em;text-transform:uppercase;
  font-weight:500;font-family:var(--v-ui) !important}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.single_add_to_cart_button:hover,
#place_order:hover,.checkout-button:hover,.wc-proceed-to-checkout a.button:hover,
.add_to_cart_button.glozin-button:hover{background:var(--v-gold-2) !important;color:var(--v-black) !important}
/* Secondary/plain buttons: outlined black */
.woocommerce a.button:not(.alt):not(.add_to_cart_button),.button.wc-backward{
  background:transparent !important;color:var(--v-ink) !important;border:1px solid var(--v-ink) !important;border-radius:0 !important}

/* Product loop ----------------------------------------------------------- */
.woocommerce-badge{white-space:nowrap}
.woocommerce-badge.new,.woocommerce-badge.new.woocommerce-badge{
  background:var(--v-gold) !important;color:var(--v-black) !important;border-radius:0 !important;
  letter-spacing:.08em;text-transform:uppercase;font-weight:500;font-size:11px}
.woocommerce-badge.featured{display:none !important}      /* hide the orange "Hot" */
.woocommerce-badge.onsale{background:var(--v-black) !important;color:var(--v-gold) !important;border-radius:0 !important}
ul.products li.product .star-rating{display:none !important}   /* no empty stars in the grid */
.price,.woocommerce-Price-amount{color:var(--v-ink)}
.price del{color:var(--v-muted)}

/* Single product --------------------------------------------------------- */
.single-product div.product .product_title{font-size:40px;line-height:1.05}
.single-product div.product p.price,.single-product div.product span.price{color:var(--v-ink)}
.woocommerce-tabs .tabs li a{font-family:var(--v-ui)}

/* Craft: readable line length + breathing room -------------------------- */
.woocommerce-product-details__short-description,.woocommerce-Tabs-panel p,
.woocommerce-product-details__short-description p,.term-description p,.entry-content p{max-width:72ch}
.woocommerce-tabs ul.tabs li a{padding-top:12px;padding-bottom:12px}
/* Smooth, non-bouncy motion for anything we can influence */
.v-site-announce,.vsf a,.header-logo a{transition-timing-function:cubic-bezier(.22,1,.36,1)}

/* Cart / checkout tweaks ------------------------------------------------- */
.woocommerce-info,.woocommerce-message{border-top-color:var(--v-gold)}
.select2-container--default .select2-selection--single,
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,
.woocommerce table.shop_table{border-radius:0}

/* ==========================================================================
   Injected Vestis footer (glozin_footer hook)
   ========================================================================== */
#site-footer.site-footer{background:var(--v-cream)}
.vsf{max-width:1280px;margin:0 auto;color:var(--v-ink);font-family:var(--v-ui);font-size:13px}
.vsf__cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding:56px 48px 40px}
.vsf__brand{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.vsf__brand img{height:60px;width:auto}
.vsf__brand .d,.vsf__brand .h{color:var(--v-muted);line-height:1.5}
.vsf__brand .d{max-width:280px}
.vsf__col{display:flex;flex-direction:column;gap:9px}
.vsf__h{margin:0 0 6px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500}
.vsf__col a{color:var(--v-ink)}
.vsf__col a:hover{color:var(--v-gold-ink)}
.vsf__bar{margin:0 48px;padding:18px 0 28px;border-top:1px solid var(--v-line);display:flex;
  justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--v-muted)}

@media (max-width:1000px){ .vsf__cols{grid-template-columns:1fr 1fr;gap:32px 24px} }
@media (max-width:760px){
  .vsf__cols{grid-template-columns:1fr;padding:40px 20px 24px}
  .vsf__bar{margin:0 20px;justify-content:flex-start;gap:8px 20px}
  .single-product div.product .product_title{font-size:30px}
}