/*
Theme Name: The Heritage Hues
Template: astra
Author: Anjali Patel
Description: The Heritage Hues — Festive Editorial. Ivory + ink cocoa + gold with a marigold festive accent, Newsreader + Inter, zari-thread signature.
Version: 1.2.0
*/

:root{
  --hh-ivory:#F4EFE3; --hh-sand:#E6D8BD; --hh-cream:#FFFCF5;
  --hh-gold:#B98E3C; --hh-gold-soft:#D9BE7E; --hh-bronze:#6E4B1D;
  --hh-cocoa:#5B4636; --hh-ink:#2C2018; --hh-marigold:#E0852E;
  --hh-text:#3A2C20; --hh-muted:#7A6A54; --hh-muted2:#9A8A72;
}

body{background:#F4EFE3;color:#3A2C20;font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased}
.hh-serif{font-family:'Newsreader',Georgia,serif}
h1,h2,h3,.entry-title,.woocommerce-loop-product__title,.product_title{font-family:'Newsreader',Georgia,serif!important;font-weight:500}
a{text-decoration:none}
img{max-width:100%;height:auto}
::selection{background:#E0852E;color:#F4EFE3}

/* hide Astra chrome, we inject our own */
.site-header,#masthead,.ast-above-header,.ast-below-header{display:none!important}
.site-footer,#colophon{display:none!important}
#page{overflow-x:hidden}

/* eyebrow label with gold hairline */
.hh-eyebrow{font-family:'Inter',sans-serif;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#B98E3C;display:inline-flex;align-items:center;gap:14px}
.hh-eyebrow::before{content:'';width:30px;height:1px;background:#B98E3C;display:inline-block}
.hh-eyebrow.center{justify-content:center}

/* buttons */
.hh-btn{font-family:'Inter',sans-serif;transition:background .35s ease,color .35s ease,border-color .35s ease,transform .35s ease;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;border-radius:2px}
.hh-btn-solid{background:#2C2018;color:#F4EFE3;padding:16px 30px}
.hh-btn-solid:hover{background:#6E4B1D}
.hh-btn-out{border:1px solid #2C2018;color:#2C2018;background:transparent;padding:16px 30px}
.hh-btn-out:hover{background:#2C2018;color:#F4EFE3}
.hh-btn-gold{background:#B98E3C;color:#2C2018;padding:13px 22px}
.hh-btn-gold:hover{background:#D9BE7E}

/* interactions */
.hh-link{position:relative;display:inline-block;color:inherit}
.hh-link::after{content:'';position:absolute;left:0;bottom:-4px;width:0;height:1px;background:#B98E3C;transition:width .35s ease}
.hh-link:hover::after{width:100%}
.hh-card{transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s ease}
.hh-card:hover{transform:translateY(-7px);box-shadow:0 30px 60px -32px rgba(44,32,24,.5)}
.hh-card:hover .hh-img{transform:scale(1.07)}
.hh-img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.hh-tile:hover .hh-tile-img{transform:scale(1.09)}
.hh-tile-img{transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.hh-tile:hover .hh-tile-frame{inset:14px}
.hh-tile-frame{transition:inset .5s ease}
.hh-ig:hover .hh-ig-ov{opacity:1}
@keyframes hhMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* WooCommerce — brand */
.woocommerce .price,.woocommerce div.product p.price,.woocommerce ul.products li.product .price{color:#6E4B1D!important;font-family:'Newsreader',serif!important;font-weight:600;font-size:1.15em}
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button.alt,.woocommerce button.button.alt{background:#2C2018!important;color:#F4EFE3!important;border-radius:2px!important;letter-spacing:.12em;text-transform:uppercase;font-family:'Inter',sans-serif!important;font-size:.78em!important}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce #respond input#submit:hover{background:#6E4B1D!important}
.woocommerce span.onsale{background:#E0852E!important;color:#2C2018!important;border-radius:2px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{padding-top:.6em;color:#2C2018}
.woocommerce-info,.woocommerce-message{border-top-color:#B98E3C!important}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{background:#FFFCF5;border:1px solid rgba(110,75,29,.12);border-radius:3px;overflow:hidden}
.woocommerce ul.products li.product a img{margin:0}
.woocommerce ul.products li.product .button{margin:0 12px 14px}

/* responsive — tablet */
@media(max-width:980px){
  .hh-hero{grid-template-columns:1fr!important}
  .hh-hero-panel{min-height:340px!important}
  .hh-2col{grid-template-columns:1fr!important}
  .hh-2col>div:first-child{min-height:300px!important}
  .hh-cat{grid-template-columns:repeat(2,1fr)!important}
  .hh-arr{grid-template-columns:repeat(2,1fr)!important}
  .hh-ig-grid{grid-template-columns:repeat(3,1fr)!important}
  .hh-story{grid-template-columns:1fr!important;text-align:center}
  .hh-foot{grid-template-columns:1fr 1fr!important}
}
/* responsive — mobile */
@media(max-width:600px){
  .hh-foot{grid-template-columns:1fr!important}
  .hh-nav-left{display:none!important}
  .hh-cat .hh-tile{height:240px!important}
  .hh-arr .hh-card>a{height:260px!important}
  .hh-eyebrow::before{width:20px}
}
@media(max-width:400px){
  .hh-cat{gap:12px!important}
  .hh-arr{gap:14px!important}
}