/* ============================================================
   VELORA SHOP ARCHIVE — Layer 2 restyle (2026-07-20)
   Scoped to body.post-type-archive-product (the /shop/ → /shop-2/
   WooCommerce product archive). Native Woo + Astra loop markup is
   restyled into the v2 "candlelit spice table" system — pure CSS,
   no template surgery, fully functional add-to-basket, reversible.
   Append to Additional CSS after the PDP block. Fonts load from Layer 1.
   Live products: Signature (post-1775, £9.99) · 3-Pack (post-3600, sale).
   ============================================================ */

/* ---- content wrapper ---- */
body.post-type-archive-product .ast-woocommerce-container{
  max-width:1180px; margin-inline:auto;
  padding:0 clamp(1.25rem,5vw,4rem) 3rem;
}

/* ---- breadcrumb ---- */
body.post-type-archive-product .woocommerce-breadcrumb{
  font-family:"Jost",sans-serif; font-size:.72rem; letter-spacing:.18em;
  text-transform:uppercase; color:var(--v-on-cream-dim); text-align:center;
  padding:2.4rem 0 0; margin:0;
}
body.post-type-archive-product .woocommerce-breadcrumb a{
  color:var(--v-gold-deep); text-decoration:none;
}
body.post-type-archive-product .woocommerce-breadcrumb a:hover{ color:var(--v-gold); }

/* ---- archive header band (empty <header> filled via pseudos) ---- */
body.post-type-archive-product .woocommerce-products-header{
  display:flex; flex-direction:column; align-items:center; text-align:center;
  padding:1.4rem 0 .4rem; margin:0; border:0;
}
body.post-type-archive-product .woocommerce-products-header::before{
  content:"The Velora Collection";
  font-family:"Jost",sans-serif; font-weight:500; font-size:.75rem; letter-spacing:.32em;
  text-transform:uppercase; color:var(--v-gold-deep); margin-bottom:1rem;
}
body.post-type-archive-product .woocommerce-products-header::after{
  content:"Shop Our Teas";
  font-family:"Marcellus",serif; font-weight:400; color:var(--v-on-cream);
  font-size:clamp(2.4rem,5vw,3.6rem); line-height:1.05; letter-spacing:-.01em;
}
/* intro line + gold thread hosted on the (empty by default) notices wrapper */
body.post-type-archive-product .woocommerce-notices-wrapper::before{
  content:"Small-batch saffron tea, blended and packed by hand. Every order gives 1% back.";
  display:block; max-width:46ch; margin:1.1rem auto 0; text-align:center;
  font-family:"Spectral",Georgia,serif; font-style:italic; font-size:1.05rem;
  line-height:1.6; color:var(--v-on-cream-dim);
}
body.post-type-archive-product .woocommerce-notices-wrapper::after{
  content:""; display:block; width:54px; height:2px; margin:1.6rem auto 0;
  background:linear-gradient(90deg,transparent,var(--v-gold),transparent);
}

/* ---- toolbar: result-count (left) + ordering (right), Woo default floats ---- */
body.post-type-archive-product .woocommerce-result-count{
  float:left; margin:0; padding:.55em 0;
  font-family:"Jost",sans-serif; font-size:.74rem; letter-spacing:.16em;
  text-transform:uppercase; color:var(--v-on-cream-dim);
}
body.post-type-archive-product .woocommerce-ordering{ float:right; margin:0 0 1rem; }
body.post-type-archive-product .woocommerce-ordering select{
  font-family:"Jost",sans-serif; font-size:.78rem; letter-spacing:.04em; color:var(--v-on-cream);
  background-color:var(--v-cream); border:1px solid var(--v-cream-3); border-radius:4px;
  padding:.6em 2.4em .6em 1em; cursor:pointer; line-height:1.3;
  appearance:none; -webkit-appearance:none; -moz-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' fill='none' stroke='%237a5108' stroke-width='1.6'/></svg>");
  background-repeat:no-repeat; background-position:right .9em center;
}
body.post-type-archive-product .woocommerce-ordering select:focus-visible{
  outline:2px solid var(--v-gold); outline-offset:2px;
}
/* products list clears the floated toolbar */
body.post-type-archive-product ul.products{ clear:both; }

/* ---- product grid: centered (only 2 SKUs; Astra's columns-6 would strand them) ---- */
body.post-type-archive-product ul.products{
  list-style:none !important; margin:0 !important; padding:1rem 0 0 !important;
  display:flex !important; flex-wrap:wrap; justify-content:center;
  gap:clamp(1.5rem,3vw,2.75rem) !important;
}
body.post-type-archive-product ul.products li.product{
  width:min(370px,100%) !important; max-width:370px; margin:0 !important;
  padding:0 !important; text-align:left; float:none !important; clear:none !important;
  background:linear-gradient(180deg,#fffaf0,#f4ecda);
  border:1px solid var(--v-cream-3); border-radius:6px; overflow:hidden;
  display:flex; flex-direction:column;
  box-shadow:0 26px 50px -40px rgba(30,20,5,.55);
  transition:transform .5s var(--v-ease), box-shadow .5s var(--v-ease), border-color .5s var(--v-ease);
}
body.post-type-archive-product ul.products li.product:hover{
  transform:translateY(-6px); border-color:var(--v-gold);
  box-shadow:0 40px 70px -42px rgba(30,20,5,.6);
}

/* image */
body.post-type-archive-product .astra-shop-thumbnail-wrap{
  position:relative; display:block; background:var(--v-cream-2);
  padding:1.4rem; overflow:hidden; margin:0;
}
body.post-type-archive-product .astra-shop-thumbnail-wrap img{
  display:block; width:100%; height:auto; border-radius:4px; margin:0;
  transition:transform .8s var(--v-ease);
}
body.post-type-archive-product ul.products li.product:hover .astra-shop-thumbnail-wrap img{
  transform:scale(1.05);
}
/* hide Astra's on-image hover basket button — redundant with the labelled button below */
body.post-type-archive-product .ast-on-card-button{ display:none !important; }
/* sale badge on the image */
body.post-type-archive-product ul.products li.product .onsale{
  position:absolute; top:1rem; left:1rem; right:auto; z-index:2; margin:0;
  background:var(--v-saffron) !important; color:#fff !important;
  font-family:"Jost",sans-serif; font-weight:600; letter-spacing:.1em; text-transform:uppercase;
  font-size:.62rem; padding:.5em 1em; border-radius:2px; line-height:1.2; min-height:0; min-width:0;
}

/* summary */
body.post-type-archive-product .astra-shop-summary-wrap{
  padding:1.4rem 1.5rem 1.6rem; display:flex; flex-direction:column; gap:.5rem; flex:1;
}
body.post-type-archive-product .ast-woo-product-category{
  font-family:"Jost",sans-serif; font-weight:500; font-size:.66rem; letter-spacing:.22em;
  text-transform:uppercase; color:var(--v-gold-deep); margin:0;
}
body.post-type-archive-product .ast-loop-product__link{ text-decoration:none; }
body.post-type-archive-product .woocommerce-loop-product__title{
  font-family:"Marcellus",serif; font-weight:400; font-size:1.35rem; line-height:1.25;
  color:var(--v-on-cream); margin:0; padding:0;
}
/* per-product unit hint under the title */
body.post-type-archive-product li.post-1775 .woocommerce-loop-product__title::after,
body.post-type-archive-product li.post-3600 .woocommerce-loop-product__title::after{
  display:block; font-family:"Jost",sans-serif; font-weight:400; font-size:.68rem;
  letter-spacing:.12em; text-transform:uppercase; color:var(--v-on-cream-dim); margin-top:.5rem;
}
body.post-type-archive-product li.post-1775 .woocommerce-loop-product__title::after{
  content:"60g pouch · ≈24 cups";
}
body.post-type-archive-product li.post-3600 .woocommerce-loop-product__title::after{
  content:"3 × 60g pouches · save 17%";
}
/* price */
body.post-type-archive-product ul.products li.product .price{
  font-family:"Jost",sans-serif; font-weight:600; font-size:1.15rem;
  color:var(--v-pine) !important; margin:.2rem 0 0;
}
body.post-type-archive-product ul.products li.product .price del{
  color:var(--v-on-cream-dim) !important; font-weight:400; opacity:.85; margin-right:.5rem;
}
body.post-type-archive-product ul.products li.product .price ins{
  text-decoration:none; color:var(--v-pine) !important;
}
/* add-to-basket button (labelled one below summary) */
body.post-type-archive-product ul.products li.product .button{
  margin-top:1rem !important; align-self:stretch; text-align:center; text-decoration:none;
  background:var(--v-pine) !important; color:var(--v-cream) !important;
  border:1px solid transparent !important; border-radius:4px !important;
  font-family:"Jost",sans-serif !important; font-weight:600 !important; letter-spacing:.14em !important;
  text-transform:uppercase !important; font-size:.78rem !important; padding:.95em 1.4em !important;
  transition:transform .5s var(--v-ease), background-color .35s var(--v-ease), box-shadow .5s var(--v-ease) !important;
}
body.post-type-archive-product ul.products li.product .button:hover{
  background:var(--v-pine-deep) !important; transform:translateY(-2px);
  box-shadow:0 14px 30px -16px rgba(31,75,59,.7) !important;
}
/* button "added"/loading states keep the pine look */
body.post-type-archive-product ul.products li.product .button.added,
body.post-type-archive-product ul.products li.product .added_to_cart{
  margin-top:.5rem !important;
}

/* ---- mobile ---- */
@media (max-width:600px){
  body.post-type-archive-product .woocommerce-result-count,
  body.post-type-archive-product .woocommerce-ordering{
    float:none; text-align:center; margin-left:auto; margin-right:auto;
  }
  body.post-type-archive-product .woocommerce-result-count{ display:block; padding-bottom:.4rem; }
  body.post-type-archive-product .woocommerce-ordering select{ width:100%; }
}
/* ===== END VELORA SHOP ARCHIVE ===== */