/* =========================================
   ELARA HERBAL — SHOP ARCHIVE REDESIGN
   Loaded only on the main Shop page (is_shop()).
   Built against Astra's actual WooCommerce markup
   (astra-shop-thumbnail-wrap / astra-shop-summary-wrap /
   ast-on-card-button / ast-woo-product-category), not
   bare WooCommerce templates.
   ========================================= */

/* ---- constrain WooCommerce's content wrapper, remove Astra's own gutter ---- */
#primary{max-width:var(--mx);margin:0 auto;padding:0 32px;}
.ast-woocommerce-container{padding:0 !important;}

/* ---- hide Astra/WC default breadcrumb + plain "Shop" title (replaced by our hero banner) ---- */
.woocommerce-breadcrumb,
.woocommerce-products-header{display:none !important;}

/* ---- full-bleed hero banner ---- */
.shop-hero{background:var(--cr);padding:54px 32px 40px;text-align:center;position:relative;overflow:hidden;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;}
.shop-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 80% 20%,rgba(194,146,46,.06) 0%,transparent 70%);pointer-events:none;}
.shop-hero-inner{max-width:var(--mx);margin:0 auto;position:relative;padding:0 32px;}
.shop-crumb{font-size:13px;color:var(--bd);margin-bottom:16px;}
.shop-crumb a{color:var(--bd);transition:color .25s ease;}
.shop-crumb a:hover{color:var(--g);}
.shop-crumb span{color:var(--dk);font-weight:500;}
.shop-h1{font-family:'Playfair Display',serif;font-size:42px;font-weight:700;color:var(--dk);margin:0 0 10px;}
.shop-sub{font-size:15px;color:var(--bd);max-width:520px;margin:0 auto 26px;line-height:1.7;}

.shop-cat-pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;}
.shop-pill{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:30px;font-size:13px;font-weight:600;color:var(--bd);background:#fff;border:1px solid var(--br);transition:all .25s ease;}
.shop-pill span{font-size:11px;opacity:.65;}
.shop-pill:hover{border-color:var(--g);color:var(--g);}
.shop-pill.is-active{background:var(--g);border-color:var(--g);color:#fff;}
.shop-pill.is-active span{color:#fff;opacity:.8;}

/* ---- result count / ordering bar (Astra already floats these; just restyle) ---- */
.woocommerce-result-count{font-size:13px;color:var(--bd);margin:30px 0 22px;}
.woocommerce-ordering{margin:30px 0 22px;}
.woocommerce-ordering select.orderby{padding:9px 34px 9px 14px;border:1px solid var(--br);border-radius:6px;font-size:13px;color:var(--dk);background:#fff;cursor:pointer;}
.woocommerce-ordering select.orderby:focus{outline:none;border-color:var(--g);}

/* ---- product grid ---- */
ul.products{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:28px !important;list-style:none !important;margin:0 0 10px !important;padding:0 !important;clear:both;}
ul.products li.product{width:auto !important;float:none !important;margin:0 !important;text-align:left !important;background:#fff;border:1px solid var(--br);border-radius:var(--r);overflow:hidden;position:relative;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .3s ease;box-shadow:0 2px 12px var(--sh);}
ul.products li.product:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(46,42,34,.12);border-color:#E7D6AE;}

/* ---- thumbnail + quick-add icon overlay (Astra's astra-shop-thumbnail-wrap) ---- */
.astra-shop-thumbnail-wrap{position:relative;overflow:hidden;display:block;background:var(--be);}
.astra-shop-thumbnail-wrap .woocommerce-LoopProduct-link{display:block;}
.astra-shop-thumbnail-wrap img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.8,.2,1);}
li.product:hover .astra-shop-thumbnail-wrap img{transform:scale(1.07);}
.astra-shop-thumbnail-wrap .ast-on-card-button .ahfb-svg-iconset{background:var(--g) !important;color:#fff !important;opacity:1 !important;box-shadow:0 4px 12px rgba(58,74,44,.35) !important;}
.astra-shop-thumbnail-wrap .ast-on-card-button:hover .ahfb-svg-iconset{background:var(--gd) !important;color:#fff !important;}
.astra-shop-thumbnail-wrap .ast-card-action-tooltip{background:var(--dk) !important;}
.astra-shop-thumbnail-wrap .ast-card-action-tooltip::after{border-color:transparent transparent transparent var(--dk) !important;}

/* ---- sale badge (covers both possible WC/Astra class names) ---- */
span.onsale,.ast-onsale-card{background:var(--au) !important;color:#fff !important;font-weight:700;letter-spacing:.4px;}

/* ---- summary (category eyebrow, title, price, add to cart) ---- */
.astra-shop-summary-wrap{padding:16px 18px 20px;}
.ast-woo-product-category{display:block;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--au) !important;margin-bottom:6px;}
.astra-shop-summary-wrap a.ast-loop-product__link,
.astra-shop-summary-wrap a.woocommerce-loop-product__link{text-decoration:none;}
.astra-shop-summary-wrap .woocommerce-loop-product__title{font-family:'Playfair Display',serif;font-size:16px;font-weight:600;color:var(--dk) !important;margin:0 0 8px;line-height:1.4;}
.astra-shop-summary-wrap > span.price{display:block;margin-bottom:14px;font-size:15px;}
.astra-shop-summary-wrap span.price .woocommerce-Price-amount{color:var(--g) !important;font-weight:700;}
.astra-shop-summary-wrap span.price del .woocommerce-Price-amount{color:#A09589 !important;font-weight:400;text-decoration:line-through;}
.astra-shop-summary-wrap span.price ins{text-decoration:none;}

.astra-shop-summary-wrap a.button.add_to_cart_button{display:block;text-align:center;background:var(--g) !important;color:#fff !important;border:none;border-radius:6px;padding:12px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;transition:background .25s ease;}
.astra-shop-summary-wrap a.button.add_to_cart_button:hover{background:var(--gd) !important;}
.astra-shop-summary-wrap a.button.add_to_cart_button.loading{opacity:.7;}
.astra-shop-summary-wrap a.added_to_cart{display:block;text-align:center;margin-top:8px;font-size:12px;color:var(--g) !important;font-weight:600;}
.astra-shop-summary-wrap a.added_to_cart:hover{text-decoration:underline;}

/* ---- star rating (recolor to brand gold, beat Astra's own #FDA256 rule) ---- */
.woocommerce .star-rating,
.astra-shop-summary-wrap .star-rating{color:var(--au) !important;margin-bottom:8px;}
.woocommerce .star-rating::before,
.astra-shop-summary-wrap .star-rating::before{color:#E3D2AC !important;}
.woocommerce .star-rating span::before,
.astra-shop-summary-wrap .star-rating span::before{color:var(--au) !important;}

/* ---- pagination ---- */
nav.woocommerce-pagination{text-align:center;margin:14px 0 64px;clear:both;}
nav.woocommerce-pagination ul.page-numbers{display:flex;justify-content:center;gap:8px;list-style:none;padding:0;margin:0;flex-wrap:wrap;border:none !important;}
nav.woocommerce-pagination ul.page-numbers li{border:none !important;}
nav.woocommerce-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border-radius:6px;font-size:13px;font-weight:600;color:var(--bd) !important;border:1px solid var(--br) !important;background:#fff !important;transition:all .25s ease;}
nav.woocommerce-pagination a.page-numbers:hover{border-color:var(--g) !important;color:var(--g) !important;}
nav.woocommerce-pagination .page-numbers.current{background:var(--g) !important;border-color:var(--g) !important;color:#fff !important;}

/* ---- empty state ---- */
.woocommerce-info{background:var(--be);border:1px solid var(--br);border-left:3px solid var(--au);border-radius:var(--rs);padding:18px 22px;font-size:14px;color:var(--dk);list-style:none;margin:30px 0 60px;clear:both;}

/* ---- responsive ---- */
@media(max-width:1100px){
  ul.products{grid-template-columns:repeat(3,1fr) !important;}
}
@media(max-width:900px){
  #primary{padding:0 24px;}
}
@media(max-width:760px){
  ul.products{grid-template-columns:repeat(2,1fr) !important;gap:18px !important;}
  .shop-h1{font-size:30px;}
  .shop-hero{padding:38px 22px 30px;}
  .woocommerce-result-count,.woocommerce-ordering{float:none !important;display:block;text-align:center;margin:14px 0;}
  .astra-shop-summary-wrap{padding:14px 14px 16px;}
  .astra-shop-summary-wrap .woocommerce-loop-product__title{font-size:14.5px;}
}
@media(max-width:480px){
  ul.products{grid-template-columns:1fr !important;}
  .shop-cat-pills{gap:8px;}
  .shop-pill{padding:8px 14px;font-size:12px;}
}