/*
Theme Name: Asterielle Child
Template: storefront
Version: 1.0.0
*/
:root{
  --as-bg:#FAF7F0; --as-mid:#171A2E; --as-mid2:#20243D; --as-ink:#2A2733;
  --as-gold:#D4AF6A; --as-lav:#8C86C8; --as-muted:#77738B; --as-radius:18px;
}
body{background:var(--as-bg);color:var(--as-ink);font-family:'Nunito Sans',sans-serif;}
h1,h2,h3{font-family:'Marcellus',serif;font-weight:400;}
html body h1,html body h2,html body h3,html body h4{font-family:'Marcellus',serif!important;}
html body{background:var(--as-bg);}
.as-wrap{max-width:1160px;margin:0 auto;padding:0 24px;}
.as-section{padding:84px 0;}
.as-eyebrow{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--as-lav);margin:0 0 14px;text-align:center;}
.as-h2{font-size:clamp(30px,3.6vw,48px);text-align:center;margin:0 0 14px;}
.as-lead{text-align:center;color:var(--as-muted);max-width:60ch;margin:0 auto 48px;line-height:1.8;}
/* storefront wraps content in a narrow container - let the front page go full bleed */
.home .site-content,.home .site-content .col-full{max-width:100%!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin:0!important;}
.home .site-content > *{max-width:none;}
/* hide storefront footer */
.storefront-breadcrumb{display:none;}
footer.site-footer{display:none!important;}
/* hero */
.as-hero{background:var(--as-mid);color:#F5F2FA;position:relative;overflow:hidden;border-radius:0 0 34px 34px;}
.as-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(1.4px 1.4px at 12% 22%, rgba(255,255,255,.7) 50%, transparent 51%),radial-gradient(1.2px 1.2px at 34% 68%, rgba(255,255,255,.5) 50%, transparent 51%),radial-gradient(1.6px 1.6px at 56% 30%, rgba(212,175,106,.8) 50%, transparent 51%),radial-gradient(1.1px 1.1px at 74% 74%, rgba(255,255,255,.55) 50%, transparent 51%),radial-gradient(1.5px 1.5px at 88% 18%, rgba(255,255,255,.65) 50%, transparent 51%),radial-gradient(1.2px 1.2px at 45% 12%, rgba(255,255,255,.5) 50%, transparent 51%),radial-gradient(1.3px 1.3px at 66% 52%, rgba(212,175,106,.6) 50%, transparent 51%);}
.as-hero .inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:92px 0 86px;}
.as-hero h1{font-size:clamp(40px,5.2vw,72px);line-height:1.08;margin:14px 0 20px;color:#F5F2FA;}
.as-hero p{color:#B9B4CE;max-width:48ch;line-height:1.8;}
.as-btn{display:inline-block;margin-top:30px;padding:16px 44px;border-radius:999px;background:var(--as-gold);color:#171A2E!important;font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;text-decoration:none;transition:.25s;}
.as-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(212,175,106,.35);}
.as-btn.line{background:transparent;color:#F5F2FA!important;border:1px solid rgba(245,242,250,.5);margin-left:12px;}
.as-hero .art img{width:100%;max-width:430px;border-radius:24px;box-shadow:0 30px 70px rgba(0,0,0,.45);display:block;margin:0 auto;}
/* stone selector */
.as-stones{background:var(--as-mid2);border-radius:26px;padding:56px 40px;text-align:center;}
.as-stones .chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:840px;margin:26px auto 0;}
.as-chip{display:inline-flex;align-items:center;gap:9px;padding:10px 20px;border-radius:999px;border:1px solid rgba(245,242,250,.25);color:#F5F2FA!important;text-decoration:none;font-size:13px;transition:.2s;}
.as-chip .dot{width:13px;height:13px;border-radius:50%;box-shadow:0 0 8px rgba(255,255,255,.35);}
.as-chip:hover{background:rgba(212,175,106,.18);border-color:var(--as-gold);}
/* grid */
.as-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.as-card{background:#fff;border-radius:var(--as-radius);overflow:hidden;text-decoration:none;color:var(--as-ink);display:block;box-shadow:0 6px 24px rgba(42,39,51,.07);transition:.25s;}
.as-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(42,39,51,.13);}
.as-card img{width:100%;aspect-ratio:3/4;object-fit:cover;}
.as-card .in{padding:18px 20px 22px;}
.as-card h3{font-size:19px;margin:0 0 6px;}
.as-card .price{color:var(--as-muted);font-size:13.5px;}
.as-card .price s{opacity:.5;margin-right:8px;}
.as-card .star{display:inline-block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--as-lav);background:#F1EFFA;border-radius:999px;padding:4px 12px;margin-bottom:10px;}
/* zodiac strip */
.as-zodiac{background:var(--as-mid);color:#F5F2FA;text-align:center;border-radius:26px;padding:64px 30px;}
.as-zodiac .wheel{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:900px;margin:30px auto 0;}
.as-zodiac .wheel a{padding:9px 18px;border-radius:999px;border:1px solid rgba(245,242,250,.28);color:#F5F2FA!important;text-decoration:none;font-size:13px;letter-spacing:.06em;}
.as-zodiac .wheel a:hover{border-color:var(--as-gold);color:var(--as-gold)!important;}
/* gift section */
.as-gift{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;background:#fff;border-radius:28px;padding:56px;box-shadow:0 10px 36px rgba(42,39,51,.08);}
.as-gift img{width:100%;border-radius:20px;aspect-ratio:4/3.4;object-fit:cover;}
.as-gift p{color:var(--as-muted);line-height:1.85;}
/* reviews */
.as-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.as-rev{background:#fff;border-radius:var(--as-radius);padding:30px;box-shadow:0 6px 24px rgba(42,39,51,.07);}
.as-rev .stars{color:var(--as-gold);letter-spacing:.22em;font-size:12px;}
.as-rev p{font-size:15px;line-height:1.75;margin:12px 0 16px;}
.as-rev .who{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--as-muted);}
/* faq */
.as-faq{max-width:740px;margin:0 auto;}
.as-faq details{background:#fff;border-radius:16px;margin-bottom:12px;padding:20px 26px;box-shadow:0 4px 18px rgba(42,39,51,.06);}
.as-faq summary{cursor:pointer;font-family:'Marcellus',serif;font-size:19px;list-style:none;display:flex;justify-content:space-between;}
.as-faq summary::after{content:"+";color:var(--as-lav);}
.as-faq details[open] summary::after{content:"\2013";}
.as-faq p{color:var(--as-muted);line-height:1.75;padding-top:10px;margin:0;}
/* footer */
.as-footer{background:var(--as-mid);color:#B9B4CE;padding:62px 0 38px;font-size:14px;border-radius:34px 34px 0 0;margin-top:40px;}
.as-footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;}
.as-footer h4{color:#F5F2FA;font-family:'Nunito Sans',sans-serif;font-size:11px;letter-spacing:.26em;text-transform:uppercase;margin:0 0 16px;font-weight:700;}
.as-footer a{color:#B9B4CE;text-decoration:none;line-height:2.15;display:inline-block;}
.as-footer a:hover{color:var(--as-gold);}
.as-footer .brand{font-family:'Marcellus',serif;font-size:30px;color:#F5F2FA;}
.as-footer .base{border-top:1px solid rgba(245,242,250,.15);margin-top:44px;padding-top:22px;font-size:12px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}
@media(max-width:960px){.as-hero .inner{grid-template-columns:1fr;}.as-grid{grid-template-columns:repeat(2,1fr);}.as-gift{grid-template-columns:1fr;padding:32px;}.as-reviews{grid-template-columns:1fr;}.as-footer .cols{grid-template-columns:1fr 1fr;}}

/* --- brand buttons (woo) --- */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.single_add_to_cart_button,
.wc-block-components-button,body .woocommerce-message .button{
  background:var(--as-gold)!important;color:#171A2E!important;border:1px solid var(--as-gold)!important;border-radius:999px!important;
  font-size:13px!important;letter-spacing:.18em!important;text-transform:uppercase!important;font-weight:700!important;padding:16px 38px!important;
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.single_add_to_cart_button:hover,
.wc-block-components-button:hover{background:transparent!important;color:var(--as-gold)!important;}
.woocommerce .quantity input{border-radius:12px!important;border:1px solid #E3DED2!important;}

/* no sidebar: let commerce pages use the full width */
.jw-fullwidth .content-area,.jw-fullwidth #primary{width:100%!important;float:none!important;}
.jw-fullwidth .widget-area,.jw-fullwidth #secondary{display:none!important;}