/* ═══ Peacock theme layer — loaded after shop.css ═══
   Emerald · teal · antique gold · midnight navy on warm ivory. */
:root{
  --paper:#f7f3ea;--surface:#efe8d8;--ink:#13392f;--muted:#4f5a4b;--line:#dcd2bb;
  --gold:#7a5c22;--gold-bright:#c9a24a;--gold-soft:#e3c98a;
  --emerald:#1d6b4f;--teal:#1c6b66;--navy:#15305a;--deep:#0e2b26;
}
body{background:
  radial-gradient(1200px 600px at 100% -10%,rgba(28,107,102,.06),transparent 60%),
  radial-gradient(900px 500px at -10% 30%,rgba(201,162,74,.07),transparent 60%),
  var(--paper)}
::selection{background:#1c6b66;color:#fff}

/* Announcement & header */
.announcement{background:linear-gradient(90deg,var(--deep),#163f4a 50%,var(--deep));color:#efe6cf;border-bottom:1px solid rgba(201,162,74,.55)}
.announcement span{color:var(--gold-soft)}
.header{position:relative;background:rgba(247,243,234,.96);border-bottom:0}
.header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-bright) 20%,var(--teal) 50%,var(--gold-bright) 80%,transparent)}
.monogram{border:1.5px solid var(--gold-bright);background:radial-gradient(circle at 50% 40%,#fbf7ee,#efe6cf);box-shadow:0 0 0 4px var(--paper),0 0 0 5px rgba(28,107,102,.35)}
.monogram span{color:var(--gold-bright);background:transparent}
.monogram-img{padding:0;overflow:hidden}
.monogram-img img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.desktop-nav a{position:relative}
.desktop-nav a::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:linear-gradient(90deg,var(--teal),var(--gold-bright));transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.desktop-nav a:hover::after,.desktop-nav a[aria-current]::after{transform:scaleX(1)}
.desktop-nav a[aria-current]{box-shadow:none}
.bag-link b{background:var(--ink);color:var(--gold-soft)}

/* Hero */
.hero h1{background:linear-gradient(120deg,var(--ink) 0%,var(--teal) 55%,var(--navy) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}
.little-line{background:linear-gradient(90deg,var(--gold-bright),var(--teal))}
.tiny-star{color:var(--gold-bright)}
.hero-visual{box-shadow:inset 0 0 0 1px rgba(201,162,74,.6)}
.hero-visual::after{content:"";position:absolute;inset:14px;border:1px solid rgba(227,201,138,.75);pointer-events:none}
.hero-caption{background:rgba(247,243,234,.97);border-top:2px solid;border-image:linear-gradient(90deg,var(--teal),var(--gold-bright),var(--navy)) 1}
.hero-caption>span{color:var(--gold)}

/* Buttons — emerald with a gold sheen on hover */
.button{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--ink),var(--emerald) 60%,var(--teal));border-color:var(--ink);color:#f7f3ea}
.button::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(227,201,138,.45),transparent);transform:skewX(-20deg);transition:left .7s ease}
.button:hover{background:linear-gradient(135deg,var(--deep),var(--emerald) 50%,var(--teal));color:#fff}
.button:hover::after{left:120%}
.button span{color:var(--gold-soft)}
.button.outline{background:transparent;color:var(--ink);border-color:var(--ink)}
.button.outline:hover{background:var(--ink);color:#fff}
.button.light{background:var(--paper);color:var(--ink);border-color:var(--gold-bright)}
.button.light span{color:var(--gold)}
.text-link{border-bottom:1px solid var(--gold-bright)}
.text-link:hover,a:hover{color:var(--teal)}

/* Craft strip — dark jewel band */
.craft-strip{background:linear-gradient(90deg,var(--deep),#123a3c 50%,var(--deep));color:var(--gold-soft);border-block:1px solid rgba(201,162,74,.5)}
.craft-strip span:nth-child(even){color:var(--gold-bright)}

/* Section eyebrows in teal */
.section-head .eyebrow,.page-heading .eyebrow{color:var(--teal)}
.section-head h2 em,.custom-section em{color:var(--teal);font-style:italic}
.serif-dot{color:var(--gold-bright)}

/* Product cards — gold frame and lift on hover */
.product-card{position:relative;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.product-card:hover{transform:translateY(-6px)}
.product-image{background:linear-gradient(160deg,#efe6d2,#e3ecdf)}
.product-image::after{content:"";position:absolute;inset:10px;border:1px solid rgba(227,201,138,.95);opacity:0;transform:scale(.97);transition:opacity .4s,transform .4s;pointer-events:none}
.product-card:hover .product-image::after{opacity:1;transform:none}
.product-image::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(14,43,38,.35));opacity:0;transition:opacity .4s;z-index:1;pointer-events:none}
.product-card:hover .product-image::before{opacity:1}
.image-arrow{z-index:2;background:linear-gradient(135deg,var(--ink),var(--teal));color:var(--gold-soft);box-shadow:0 4px 14px rgba(14,43,38,.25)}
.product-meta .eyebrow{color:var(--teal)}
.product-meta h3 a{background:linear-gradient(var(--gold-bright),var(--gold-bright)) 0 100%/0 1px no-repeat;transition:background-size .4s}
.product-card:hover .product-meta h3 a{background-size:100% 1px}

/* Story band — midnight jewel tones with a faint feather pattern */
.story-band{background:
  radial-gradient(circle at 85% 20%,rgba(31,138,133,.35),transparent 45%),
  radial-gradient(circle at 70% 90%,rgba(201,162,74,.18),transparent 40%),
  linear-gradient(135deg,var(--deep),#123a3c 55%,var(--navy))}
.story-copy .eyebrow{color:var(--gold-soft)}
.story-copy h2{color:#f7f3ea}
.story-signature{color:var(--gold-soft)}
.story-image::after{content:"";position:absolute;inset:18px;border:1px solid rgba(227,201,138,.7);pointer-events:none}

/* Custom section */
.custom-section .eyebrow{color:var(--teal)}

/* Forms, bag, checkout */
.order-summary,.contact-form{background:linear-gradient(180deg,#f1ead9,#ece4d0);border-top:2px solid;border-image:linear-gradient(90deg,var(--teal),var(--gold-bright),var(--navy)) 1}
.form-field input:not([type=checkbox]):not([type=radio]),.form-field select,.form-field textarea{border-color:#c8bd9f;background:rgba(255,255,255,.55);transition:border-color .2s,box-shadow .2s}
.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(28,107,102,.15);outline:none}
.form-field #id_method>div{background:rgba(255,255,255,.5);border-color:#d6cbb0;transition:border-color .2s}
.form-field #id_method>div:has(input:checked){border-color:var(--teal);box-shadow:inset 3px 0 0 var(--gold-bright)}
.whatsapp-button{background:linear-gradient(135deg,#0f5e3f,#1d7a52 60%,#1c6b66)}
.confirmation-mark{color:var(--gold-bright)}
details summary{color:var(--ink)}
details[open] summary{color:var(--teal)}

/* Footer — deep emerald */
footer{background:linear-gradient(180deg,var(--deep),#0b221e);color:#e9e2cf;border-top:1px solid rgba(201,162,74,.55)}
footer .eyebrow{color:var(--gold-soft)}
.footer-brand{color:#f7f3ea}
.footer-main p:not(.eyebrow){color:#c9d1c5}
.footer-main h2{color:var(--gold-soft)}
.footer-main>div>a:not(.footer-brand){color:#d6dccf}
.footer-main>div>a:hover{color:var(--gold-soft)}
.footer-bottom{border-top-color:rgba(201,162,74,.3);color:#b9c3b8}

/* Scroll reveal (enabled by shop.js; content stays visible without JS) */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}.product-card:hover{transform:none}}
@media(max-width:780px){
  .hero-visual::after{inset:10px}
}

/* Page settles from a gentle zoom as the intro opens (classes set by intro.js) */
html.intro-playing .header,html.intro-playing main,html.intro-playing .announcement{transform:scale(1.04);transform-origin:50% 0}
html.intro-playing .header{opacity:0}
html.intro-revealing .header,html.intro-revealing main,html.intro-revealing .announcement{transform:none;transition:transform .95s cubic-bezier(.4,0,.2,1)}
html.intro-revealing .header{opacity:1;transition:transform .95s cubic-bezier(.4,0,.2,1),opacity .7s ease .15s}
html.intro-playing body{overflow:hidden}
html.intro-revealing body{overflow-x:hidden}
.location-card{margin:24px 0;padding:24px;border:1px solid #c8bd9f;border-radius:12px;background:linear-gradient(140deg,#f6efe1,#e7e9da)}
.location-card h2,.location-card h3{margin:10px 0;font-weight:400}.location-card p{line-height:1.6}
.wa-float{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));right:20px;z-index:20;background:#12513c;color:#fff;padding:16px 20px;border:1px solid #d1b675;border-radius:40px;box-shadow:0 6px 24px #0003;font-size:14px}
.wa-float:hover{color:#fff;background:#0b392b}footer{padding-bottom:80px}
.wa-nudge{position:fixed;right:20px;bottom:max(86px,calc(env(safe-area-inset-bottom) + 86px));z-index:21;width:min(280px,calc(100vw - 40px));background:#fbf7ee;border:1px solid #d1b675;border-radius:14px;box-shadow:0 10px 30px #0004;padding:16px 18px;opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease}
.wa-nudge.show{opacity:1;transform:none}
.wa-nudge p{margin:0 0 10px;font-size:13px;line-height:1.5;color:#253b32;padding-right:16px}
.wa-nudge a{display:inline-block;font-size:13px;font-weight:600;color:#12513c;text-decoration:underline}
.wa-nudge-close{position:absolute;top:8px;right:10px;background:none;border:none;font-size:18px;line-height:1;color:#62685e;cursor:pointer;padding:6px;min-width:28px;min-height:28px}
@media(max-width:480px){.wa-float{right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:14px 16px}.location-card{padding:18px}.wa-nudge{right:12px;bottom:max(78px,calc(env(safe-area-inset-bottom) + 78px))}}