/*
Theme Name: Yemen Coffee 1450
Theme URI: https://yemencoffee.com
Author: Golden Orbit
Description: Heritage Yemeni coffee theme — gold & black. Built for WooCommerce. On activation it creates the Home, History, Our Story and Journal pages, sets Journal as the blog, and publishes the first Journal post.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yemen-coffee
Tags: e-commerce, blog, dark, custom-menu, featured-images
WC requires at least: 7.0
*/

/* =========================================================
   YEMEN COFFEE 1450 — Heritage stylesheet
   Gold & Black · Yemeni highland heritage
   ========================================================= */

:root{
  --black:#0a0806;
  --ink:#120e09;
  --panel:#1a140d;
  --panel-2:#221a10;
  --line:rgba(212,168,67,.28);
  --gold:#d4a843;
  --gold-light:#f3dd96;
  --gold-deep:#a8782b;
  --cream:#efe4c8;
  --muted:#b5a27e;
  --gold-grad:linear-gradient(115deg,#f5c62a 0%,#f8e3a0 30%,#fbf3c9 48%,#dcb86c 68%,#b8862f 100%);
  --serif:"Cormorant Garamond",Georgia,serif;
  --display:"Cinzel",Georgia,serif;
  --arabic:"Amiri",serif;
  --max:1200px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--black);
  color:var(--cream);
  font-family:var(--serif);
  font-size:1.2rem;
  line-height:1.7;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.ar{font-family:var(--arabic);direction:rtl}

/* ---------- Gold text & rules ---------- */
.gold-text{
  background:var(--gold-grad);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;
}
.eyebrow{
  font-family:var(--display);
  letter-spacing:.35em;
  font-size:.78rem;
  text-transform:uppercase;
  color:var(--gold);
  display:inline-flex;align-items:center;gap:.9rem;
}
.eyebrow::before,.eyebrow::after{
  content:"";width:34px;height:1px;background:var(--gold);opacity:.7;
}
h1,h2,h3,h4{font-family:var(--display);font-weight:500;line-height:1.2;letter-spacing:.04em}
h2.title{font-size:clamp(2rem,4.2vw,3.2rem);margin:.6rem 0 1.2rem}
h3{font-size:1.45rem}
p+p{margin-top:1rem}
em,.italic{font-style:italic;color:var(--gold-light)}

.container{width:min(var(--max),100% - 32px);margin-inline:auto}
.center{text-align:center}
.narrow{max-width:760px;margin-inline:auto}

/* ---------- Yemeni ornament band (Sana'a trim) ---------- */
.band{
  height:26px;
  background-color:var(--black);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='26' viewBox='0 0 52 26'%3E%3Cg fill='none' stroke='%23d4a843' stroke-width='1.2'%3E%3Cpath d='M0 13 L13 2 L26 13 L13 24 Z'/%3E%3Cpath d='M26 13 L39 2 L52 13 L39 24 Z'/%3E%3Ccircle cx='13' cy='13' r='3' fill='%23d4a843'/%3E%3Ccircle cx='39' cy='13' r='1.6' fill='%23d4a843'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:repeat-x;
  background-position:center;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  opacity:.9;
}
.divider{
  display:flex;align-items:center;justify-content:center;gap:14px;
  margin:1.4rem auto;color:var(--gold);
}
.divider span{height:1px;width:80px;background:linear-gradient(90deg,transparent,var(--gold))}
.divider span:last-child{transform:scaleX(-1)}
.divider svg{width:22px;height:22px}

/* ---------- Header ---------- */
.site-header{
  position:fixed;inset:0 0 auto 0;z-index:50;
  transition:background .4s,border-color .4s,padding .4s;
  border-bottom:1px solid transparent;
  padding:18px 0;
}
.site-header.scrolled{
  background:rgba(10,8,6,.92);
  backdrop-filter:blur(8px);
  border-color:var(--line);
  padding:8px 0;
}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:54px;width:auto}
.brand .brand-text{font-family:var(--display);font-size:1rem;letter-spacing:.25em;line-height:1.1}
.brand .brand-text small{display:block;font-size:.65rem;letter-spacing:.5em;color:var(--gold)}
.nav-links{display:flex;gap:34px;list-style:none;align-items:center}
.nav-links a{
  font-family:var(--display);font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;
  position:relative;padding:6px 0;color:var(--cream);transition:color .3s;
}
.nav-links a::after{
  content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;background:var(--gold);
  transition:width .35s,left .35s;
}
.nav-links a:hover,.nav-links a.active{color:var(--gold-light)}
.nav-links a:hover::after,.nav-links a.active::after{width:100%;left:0}
.nav-links .btn{padding:10px 22px}
.nav-links .btn::after{display:none}
.menu-toggle{
  display:none;background:none;border:1px solid var(--line);color:var(--gold);
  width:44px;height:44px;cursor:pointer;
}
.menu-toggle span{display:block;width:20px;height:1px;background:var(--gold);margin:5px auto;transition:.3s}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--display);font-size:.8rem;letter-spacing:.25em;text-transform:uppercase;
  padding:14px 34px;border:1px solid var(--gold);color:var(--gold-light);
  position:relative;overflow:hidden;transition:color .4s;cursor:pointer;background:none;
}
.btn::before{
  content:"";position:absolute;inset:0;background:var(--gold-grad);
  transform:translateY(101%);transition:transform .45s cubic-bezier(.7,0,.2,1);z-index:-1;
}
.btn:hover{color:var(--black)}
.btn:hover::before{transform:translateY(0)}
.btn-solid{background:var(--gold-grad);color:var(--black);border-color:transparent}
.btn-solid::before{background:var(--cream)}
.btn{z-index:0}

/* ---------- Hero ---------- */
.hero{
  position:relative;min-height:100vh;display:grid;place-items:center;
  text-align:center;overflow:hidden;
  background:#1a140d;
}
.hero-bg{
  position:absolute;inset:0;background-size:cover;background-position:center;
  transform:scale(1.08);animation:slowzoom 22s ease-out forwards;
}
@keyframes slowzoom{to{transform:scale(1)}}
.hero::after{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(ellipse at center,rgba(10,8,6,.25) 0%,rgba(10,8,6,.6) 70%,rgba(10,8,6,.9) 100%),
    linear-gradient(180deg,rgba(10,8,6,.6) 0%,transparent 30%,transparent 60%,var(--black) 100%);
}
.hero-content{position:relative;z-index:2;padding:140px 16px 200px}
.hero-logo{width:min(300px,62vw);margin:0 auto 1.4rem;filter:drop-shadow(0 8px 30px rgba(0,0,0,.6))}
.hero-ar{font-family:var(--arabic);font-size:1.5rem;color:var(--gold);margin-bottom:1.2rem}
.welcome-rotator{position:relative;height:3.4em;font-size:clamp(1.5rem,3.6vw,2.6rem);font-family:var(--display)}
.welcome-rotator span{
  position:absolute;inset:0;opacity:0;transform:translateY(16px);
  transition:opacity 1s,transform 1s;
  display:flex;align-items:center;justify-content:center;
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.welcome-rotator span.on{opacity:1;transform:none}
.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:1.6rem}
.scroll-cue{
  position:absolute;bottom:150px;left:50%;transform:translateX(-50%);z-index:2;
  width:1px;height:60px;background:linear-gradient(var(--gold),transparent);
  animation:cue 2.4s infinite;
}
@keyframes cue{0%{opacity:0;transform:translate(-50%,-10px)}50%{opacity:1}100%{opacity:0;transform:translate(-50%,14px)}}

/* A2 — text framing the welcome image */
.hero-frame{
  position:absolute;left:0;right:0;bottom:0;z-index:3;
}
.hero-frame .frame-inner{
  width:min(980px,100% - 32px);margin:0 auto;
  border:1px solid var(--line);border-bottom:none;
  background:linear-gradient(180deg,rgba(18,14,9,.88),var(--black));
  padding:28px 40px 30px;text-align:center;position:relative;
}
.hero-frame .frame-inner::before,.hero-frame .frame-inner::after{
  content:"◆";position:absolute;top:-11px;color:var(--gold);font-size:14px;background:var(--black);padding:0 8px;
}
.hero-frame .frame-inner::before{left:22px}
.hero-frame .frame-inner::after{right:22px}
.hero-frame h4{font-size:.9rem;letter-spacing:.35em;color:var(--gold);margin-bottom:.5rem}
.hero-frame p{font-size:1.15rem;color:var(--cream)}

/* ---------- Page hero (inner pages) ---------- */
.page-hero{
  position:relative;min-height:68vh;display:grid;place-items:center;text-align:center;overflow:hidden;
  background:#1a140d;
}
.page-hero .hero-bg{animation-duration:16s}
.page-hero .hero-content{padding:150px 16px 90px}
.page-hero h1{font-size:clamp(2.2rem,5.4vw,4.2rem)}
.page-hero .sub{font-style:italic;color:var(--gold-light);font-size:1.3rem;max-width:720px;margin:1rem auto 0}

/* ---------- Sections ---------- */
section{position:relative}
.section{padding:110px 0}
.section.dark{background:var(--ink)}
.section.panel{
  background:
    radial-gradient(ellipse at top,rgba(212,168,67,.08),transparent 60%),
    var(--panel);
}

/* ---------- Varieties (Qamariya arches) ---------- */
.varieties{
  display:grid;grid-template-columns:repeat(7,1fr);gap:18px;margin-top:3rem;
}
.arch{
  position:relative;aspect-ratio:3/5;
  border:1px solid var(--gold);
  border-radius:999px 999px 6px 6px;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
  padding:0 8px 26px;
  background:linear-gradient(180deg,rgba(212,168,67,.04),rgba(212,168,67,.12));
  transition:transform .45s,box-shadow .45s,background .45s;
  overflow:hidden;
}
.arch::before{ /* inner arch line */
  content:"";position:absolute;inset:7px;border:1px solid var(--line);border-radius:999px 999px 3px 3px;
}
.arch .qamariya{ /* stained-glass fan */
  position:absolute;top:14px;left:50%;transform:translateX(-50%);
  width:72%;aspect-ratio:2/1;border-radius:999px 999px 0 0;
  background:
    conic-gradient(from 270deg at 50% 100%,
      #b8862f 0 22deg,#7a1f1a 22deg 45deg,#f3dd96 45deg 68deg,#245a52 68deg 90deg,
      #b8862f 90deg 112deg,#7a1f1a 112deg 135deg,#f3dd96 135deg 158deg,#245a52 158deg 180deg,transparent 180deg);
  opacity:.75;
  -webkit-mask:radial-gradient(circle at 50% 100%,transparent 18%,#000 19%);
          mask:radial-gradient(circle at 50% 100%,transparent 18%,#000 19%);
}
.arch .num{font-family:var(--display);font-size:.72rem;color:var(--gold);letter-spacing:.3em;margin-bottom:.4rem}
.arch .name{font-family:var(--display);font-size:1.05rem;letter-spacing:.14em;text-align:center}
.arch .ar{font-size:1.1rem;color:var(--gold-light);margin-top:.2rem}
.arch:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(212,168,67,.18);background:linear-gradient(180deg,rgba(212,168,67,.08),rgba(212,168,67,.22))}

/* ---------- Split image / text ---------- */
.split{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}
.split.reverse .split-media{order:2}
.split-media{position:relative}
.split-media img{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--panel-2)}
.split-media::before{
  content:"";position:absolute;inset:-16px 16px 16px -16px;border:1px solid var(--gold);z-index:-1;
}
.split.reverse .split-media::before{inset:-16px -16px 16px 16px}
.arch-img img{border-radius:999px 999px 0 0}
.split-media .tag{
  position:absolute;bottom:-22px;right:24px;background:var(--black);border:1px solid var(--gold);
  padding:10px 20px;font-family:var(--display);font-size:.75rem;letter-spacing:.3em;color:var(--gold)
}

/* ---------- Product / shop ---------- */
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:3rem}
.yc-product{
  border:1px solid var(--line);background:var(--panel);position:relative;
  transition:border-color .4s,transform .4s;display:flex;flex-direction:column;
}
.yc-product:hover{border-color:var(--gold);transform:translateY(-6px)}
.product-img{aspect-ratio:1/1;overflow:hidden;position:relative;background:var(--panel-2)}
.product-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.yc-product:hover .product-img img{transform:scale(1.06)}
.product-body{padding:26px 26px 30px;flex:1;display:flex;flex-direction:column}
.product-body h3{font-size:1.25rem;margin-bottom:.4rem}
.product-body p{font-size:1.05rem;color:var(--muted);flex:1}
.product-body .btn{margin-top:1.4rem;align-self:flex-start}
.badge{
  position:absolute;top:16px;left:16px;z-index:2;background:var(--gold-grad);color:var(--black);
  font-family:var(--display);font-size:.68rem;letter-spacing:.2em;padding:6px 12px;text-transform:uppercase;
}
.badge.soon{background:var(--black);color:var(--gold);border:1px solid var(--gold)}
.yc-product.soon .product-img img{filter:grayscale(.6) brightness(.55)}
.placeholder-art{
  width:100%;height:100%;display:grid;place-items:center;
  background:
    radial-gradient(circle at center,rgba(212,168,67,.18),transparent 65%),
    var(--panel-2);
}
.placeholder-art svg{width:42%;opacity:.8}

/* ---------- Full-bleed quote image (roofs) ---------- */
.bleed{
  position:relative;min-height:85vh;display:grid;place-items:center;text-align:center;overflow:hidden;
  background-color:#1a140d;background-position:center;background-size:cover;
}
.bleed::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--black) 0%,rgba(10,8,6,.66) 18%,rgba(10,8,6,.66) 82%,var(--black) 100%)}
.bleed .container{position:relative;z-index:2}
.quote{
  font-size:clamp(1.4rem,2.8vw,2.1rem);font-style:italic;line-height:1.55;max-width:900px;margin:0 auto;
}
.quote-mark{font-family:var(--display);font-size:5rem;line-height:.6;color:var(--gold);display:block;margin-bottom:.5rem}
.signature{margin-top:1.6rem;font-family:var(--display);letter-spacing:.3em;font-size:.85rem;color:var(--gold)}

/* ---------- Cards / teasers ---------- */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:3rem}
.card{
  position:relative;overflow:hidden;min-height:440px;display:flex;align-items:flex-end;
  border:1px solid var(--line);background:var(--panel-2) center/cover;
}
.card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(10,8,6,.95));transition:background .5s}
.card:hover::after{background:linear-gradient(180deg,rgba(10,8,6,.2) 0%,rgba(10,8,6,.97))}
.card-body{position:relative;z-index:2;padding:30px}
.card-body h3{margin:.5rem 0}
.card-body p{font-size:1.05rem;color:var(--muted)}
.card-body .more{margin-top:1rem;display:inline-block;font-family:var(--display);font-size:.75rem;letter-spacing:.3em;color:var(--gold)}

/* ---------- History timeline ---------- */
.timeline{position:relative;margin-top:2rem}
.timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,var(--gold) 6%,var(--gold) 94%,transparent)}
.chapter{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:60px 0;position:relative}
.chapter::before{
  content:"";position:absolute;left:50%;top:76px;width:14px;height:14px;background:var(--black);
  border:1px solid var(--gold);transform:translateX(-50%) rotate(45deg);
}
.chapter .meta{text-align:right}
.chapter:nth-child(even) .meta{order:2;text-align:left}
.chapter .year{font-family:var(--display);font-size:clamp(2.4rem,5vw,4rem);line-height:1}
.chapter .label{font-family:var(--display);letter-spacing:.3em;font-size:.75rem;color:var(--gold);text-transform:uppercase;margin-top:.6rem}
.chapter h3{font-size:1.7rem;margin-bottom:1rem}
.chapter .lead{font-style:italic;color:var(--gold-light)}
.pull{
  margin-top:1.4rem;padding:16px 22px;border-left:2px solid var(--gold);
  font-family:var(--display);font-size:1rem;letter-spacing:.08em;color:var(--gold-light);
  background:rgba(212,168,67,.06)
}

.fallacy{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:3rem}
.pair{border:1px solid var(--line);padding:30px 20px;text-align:center;background:var(--panel)}
.pair .from{color:var(--muted);font-size:1rem}
.pair .arrow{color:var(--gold);margin:.6rem 0;font-size:1.3rem}
.pair .to{font-family:var(--display);font-size:1.15rem;letter-spacing:.06em}
.pair.yemen{border-color:var(--gold);background:linear-gradient(180deg,rgba(212,168,67,.12),var(--panel))}
.pair.yemen .to{color:var(--gold-light)}

.big-question{
  font-family:var(--display);font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.35;max-width:900px;margin:0 auto 2rem;
}
.empires{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:2.6rem 0}
.empires div{background:var(--ink);padding:26px 20px;font-size:1.05rem}
.empires strong{display:block;font-family:var(--display);color:var(--gold);font-weight:500;letter-spacing:.1em;margin-bottom:.4rem}

.figure{margin-top:3rem;border:1px solid var(--line);padding:12px;background:var(--panel)}
.figure img{width:100%}
.figure figcaption{font-size:.95rem;color:var(--muted);text-align:center;padding:12px 0 4px;font-style:italic}

/* ---------- Story ---------- */
.mv{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:3rem}
.mv-card{border:1px solid var(--gold);padding:46px 40px;position:relative;background:var(--panel)}
.mv-card h3{color:var(--gold);letter-spacing:.3em;font-size:1rem;margin-bottom:1rem}
.mv-card p{font-size:1.3rem;font-style:italic}
.mv-card::after{content:"";position:absolute;inset:8px;border:1px solid var(--line);pointer-events:none}

.values{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:3rem}
.value{border:1px solid var(--line);border-radius:999px 999px 4px 4px;padding:56px 20px 30px;text-align:center;background:var(--panel);transition:border-color .4s,transform .4s}
.value:hover{border-color:var(--gold);transform:translateY(-6px)}
.value .n{font-family:var(--display);font-size:2.2rem;line-height:1}
.value h4{font-size:1rem;letter-spacing:.12em;margin:1rem 0 .6rem;color:var(--gold-light)}
.value p{font-size:1rem;color:var(--muted)}

.commit{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:2rem 0}
.commit li{padding:18px 22px 18px 54px;border:1px solid var(--line);position:relative;background:var(--panel)}
.commit li::before{content:"◆";position:absolute;left:22px;top:18px;color:var(--gold)}

.letter{
  max-width:820px;margin:0 auto;padding:70px 64px;position:relative;
  background:
    radial-gradient(ellipse at top,rgba(212,168,67,.1),transparent 60%),
    var(--panel);
  border:1px solid var(--gold);
}
.letter::before{content:"";position:absolute;inset:10px;border:1px solid var(--line);pointer-events:none}
.letter p{font-size:1.25rem}
.letter .sign{margin-top:2.4rem;font-family:var(--display)}
.letter .sign .name{font-size:1.6rem}
.letter .sign small{display:block;letter-spacing:.3em;color:var(--gold);font-size:.75rem;margin-top:.3rem}

/* ---------- Journal ---------- */
.yc-narrow{max-width:820px;margin:0 auto}
.post-meta{font-family:var(--display);font-size:.75rem;letter-spacing:.3em;color:var(--gold);margin-bottom:1rem}
.topics{list-style:none;margin:2rem 0;counter-reset:t}
.topics li{counter-increment:t;display:flex;gap:22px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line)}
.topics li::before{content:counter(t,decimal-leading-zero);font-family:var(--display);color:var(--gold);font-size:1.3rem;min-width:40px}
.coming{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:3rem}
.coming .card{min-height:360px}

/* ---------- Footer ---------- */
.site-footer{background:var(--ink);border-top:1px solid var(--line);padding:80px 0 30px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}
.footer-grid img{height:110px;width:auto;margin-bottom:1rem}
.footer-grid h4{font-size:.85rem;letter-spacing:.3em;color:var(--gold);margin-bottom:1.2rem}
.footer-grid ul{list-style:none}
.footer-grid li{margin-bottom:.5rem}
.footer-grid a:hover{color:var(--gold-light)}
.footer-grid p{color:var(--muted);font-size:1.05rem}
.footer-bottom{margin-top:60px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.95rem;color:var(--muted)}
.footer-bottom .ar{color:var(--gold)}

/* ---------- Reveal animation ---------- */
.reveal{opacity:0;transform:translateY(34px);transition:opacity 1s ease,transform 1s ease}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.2s}.reveal.d3{transition-delay:.3s}
.reveal.d4{transition-delay:.4s}.reveal.d5{transition-delay:.5s}.reveal.d6{transition-delay:.6s}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .varieties{grid-template-columns:repeat(4,1fr)}
  .values{grid-template-columns:repeat(3,1fr)}
  .fallacy{grid-template-columns:repeat(2,1fr)}
  .empires{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .menu-toggle{display:block}
  .nav-links{
    position:fixed;inset:0;background:rgba(10,8,6,.98);flex-direction:column;justify-content:center;gap:28px;
    opacity:0;pointer-events:none;transition:opacity .4s;
  }
  .nav-links a{font-size:1rem}
  body.menu-open .nav-links{opacity:1;pointer-events:auto}
  body.menu-open .menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  body.menu-open .menu-toggle span:nth-child(2){opacity:0}
  body.menu-open .menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .menu-toggle{position:relative;z-index:60}
  .split,.split.reverse{grid-template-columns:1fr;gap:50px}
  .split.reverse .split-media{order:0}
  .product-grid,.cards,.coming{grid-template-columns:1fr}
  .mv,.commit{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;text-align:center}
  .footer-grid img{margin-inline:auto}
  .timeline::before{left:10px}
  .chapter{grid-template-columns:1fr;gap:16px;padding:40px 0 40px 40px}
  .chapter::before{left:10px;top:52px}
  .chapter .meta,.chapter:nth-child(even) .meta{order:0;text-align:left}
  .section{padding:80px 0}
}
@media (max-width:600px){
  body{font-size:1.1rem}
  .varieties{grid-template-columns:repeat(2,1fr)}
  .values{grid-template-columns:1fr}
  .fallacy,.empires{grid-template-columns:1fr}
  .hero-frame .frame-inner{padding:22px 20px}
  .hero-frame p{font-size:1rem}
  .hero-content{padding-bottom:260px}
  .scroll-cue{display:none}
  .letter{padding:50px 26px}
  .brand img{height:44px}
}

/* ---------- Dark overlays so text stays readable on every image ---------- */
.page-hero::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(180deg,rgba(10,8,6,.88) 0%,rgba(10,8,6,.72) 40%,rgba(10,8,6,.78) 75%,var(--black) 100%);
}
.page-hero .hero-bg{filter:grayscale(.35) brightness(.7)}
.page-hero .hero-content{position:relative;z-index:2}
.page-hero h1,.page-hero .sub,.hero-content h1{text-shadow:0 2px 18px rgba(0,0,0,.85)}
.page-hero .sub{color:var(--cream)}

.hero::after{
  background:
    radial-gradient(ellipse at center,rgba(10,8,6,.55) 0%,rgba(10,8,6,.78) 65%,rgba(10,8,6,.95) 100%),
    linear-gradient(180deg,rgba(10,8,6,.7) 0%,transparent 30%,transparent 60%,var(--black) 100%);
}
.hero .hero-bg{filter:brightness(.8)}
.welcome-rotator span{filter:drop-shadow(0 2px 10px rgba(0,0,0,.9))}

.bleed::after{
  background:linear-gradient(180deg,var(--black) 0%,rgba(10,8,6,.78) 18%,rgba(10,8,6,.78) 82%,var(--black) 100%);
}
.quote,.bleed p{text-shadow:0 2px 14px rgba(0,0,0,.9)}

.card::after{background:linear-gradient(180deg,rgba(10,8,6,.35) 0%,rgba(10,8,6,.97) 75%)}

/* ---------- Founder letter on papyrus scroll ---------- */
.scroll-section{background:
  radial-gradient(ellipse at center,rgba(212,168,67,.12),transparent 60%),var(--panel)}
.scroll{max-width:860px;margin:2.4rem auto 0;position:relative;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6))}
.scroll-paper{
  position:relative;margin:0 26px;
  padding:90px 80px 80px;
  background:url("assets/images/papyrus.webp") center/100% 100% no-repeat;
  color:#3a2512;
}
.scroll-paper p{font-size:1.22rem;line-height:1.8}
.scroll-paper p.first em{color:#6b3d14;font-size:1.35rem}
.scroll-paper em{color:#6b3d14}
.scroll-ar{font-family:var(--arabic);text-align:center;color:#8a5a1e;font-size:1.3rem;margin:0 0 1.6rem}

/* rolled paper + wooden handles */
.scroll-rod{
  position:relative;height:46px;border-radius:23px;z-index:2;
  background:linear-gradient(180deg,#a87a42 0%,#e9d2a0 22%,#f3e2b8 40%,#d4b47c 62%,#8e6230 100%);
  box-shadow:inset 0 -3px 6px rgba(60,35,10,.35),0 6px 12px rgba(0,0,0,.35);
}
.scroll-rod.top{margin-bottom:-14px}
.scroll-rod.bottom{margin-top:-14px}
.scroll-rod::before,.scroll-rod::after{
  content:"";position:absolute;top:50%;width:34px;height:34px;transform:translateY(-50%);border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#a06a35,#5a3414 55%,#2c1806 100%);
  box-shadow:0 2px 6px rgba(0,0,0,.5), inset 0 0 0 3px rgba(212,168,67,.55);
}
.scroll-rod::before{left:-20px}
.scroll-rod::after{right:-20px}

/* founder portrait — gilded oval cameo */
.founder-portrait{
  width:210px;aspect-ratio:3/4;margin:0 auto 1.2rem;border-radius:50%;padding:7px;
  background:var(--gold-grad);
  box-shadow:0 0 0 3px #5a3a18,0 10px 24px rgba(60,35,10,.45);
}
.founder-portrait img{
  width:100%;height:100%;object-fit:cover;object-position:50% 22%;border-radius:50%;
  filter:sepia(.35) contrast(1.05) saturate(.9);
  border:3px solid #3a2512;
}

.scroll-sign{margin-top:2.4rem;position:relative}
.scroll-sign .warmly{font-style:italic;color:#6b4a26}
.signature-script{font-family:"Pinyon Script",cursive;font-size:3rem;line-height:1.2;color:#2a1a0b;margin:.2rem 0}
.scroll-sign small{display:block;font-family:var(--display);letter-spacing:.3em;font-size:.75rem;color:#8a5a1e}
.seal{
  position:absolute;right:0;bottom:-10px;width:96px;height:96px;border-radius:50%;
  display:grid;place-items:center;transform:rotate(-12deg);
  background:radial-gradient(circle at 40% 35%,#9c2a1e,#6d1710 60%,#4a0d08 100%);
  box-shadow:0 4px 10px rgba(0,0,0,.45),inset 0 0 0 5px rgba(0,0,0,.18),inset 0 0 0 7px rgba(212,168,67,.35);
}
.seal img{width:92%;filter:sepia(1) saturate(2) brightness(1.1)}

@media (max-width:700px){
  .scroll-paper{margin:0 12px;padding:64px 30px 60px}
  .scroll-paper p{font-size:1.08rem}
  .founder-portrait{width:160px}
  .signature-script{font-size:2.4rem}
  .seal{width:70px;height:70px;bottom:auto;top:-6px}
  .scroll-rod{height:36px}
  .scroll-rod::before,.scroll-rod::after{width:26px;height:26px}
  .scroll-rod::before{left:-12px}.scroll-rod::after{right:-12px}
}

/* =========================================================
   WORDPRESS
   ========================================================= */
body.admin-bar .site-header{top:32px}
@media (max-width:782px){body.admin-bar .site-header{top:46px}}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.brand img{max-height:54px;width:auto}
.nav-links .current-menu-item>a,.nav-links .current_page_item>a,.nav-links .current-menu-parent>a{color:var(--gold-light)}
.nav-links .current-menu-item>a::after,.nav-links .current_page_item>a::after{width:100%;left:0}
.nav-cart .cart-link{display:flex;align-items:center;gap:6px;color:var(--gold-light)}
.nav-cart .cart-link::after{display:none}
.cart-count{
  min-width:20px;height:20px;border-radius:10px;background:var(--gold-grad);color:var(--black);
  font-family:var(--display);font-size:.7rem;display:inline-grid;place-items:center;padding:0 5px;letter-spacing:0;
}
.page-hero.compact{min-height:46vh}
.page-hero.compact .hero-content{padding:140px 16px 60px}
.post-meta{font-family:var(--display);font-size:.75rem;letter-spacing:.3em;color:var(--gold);text-transform:uppercase}

/* Journal listing */
.journal-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:3rem}
.journal-filter a{font-family:var(--display);font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;padding:9px 20px;border:1px solid var(--line);color:var(--cream);transition:.3s}
.journal-filter a:hover,.journal-filter a.active{border-color:var(--gold);color:var(--black);background:var(--gold-grad)}
.post-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;margin-bottom:4rem}
.post-feature-media{position:relative;display:block}
.post-feature-media::before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1px solid var(--gold);z-index:-1}
.post-feature-media img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.post-feature-media .tag{position:absolute;bottom:-18px;right:20px;background:var(--black);border:1px solid var(--gold);padding:8px 18px;font-family:var(--display);font-size:.72rem;letter-spacing:.3em;color:var(--gold)}
.post-feature .title a:hover{color:var(--gold-light)}
.post-feature p{color:var(--muted);margin-bottom:1.6rem}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:2rem}
.post-card{min-height:400px}
.post-card h3{font-size:1.3rem}
.pagination{margin-top:4rem;display:flex;justify-content:center}
.pagination .nav-links{display:flex;gap:8px;position:static;opacity:1;pointer-events:auto;background:none;flex-direction:row}
.pagination .page-numbers{min-width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);font-family:var(--display);color:var(--cream)}
.pagination .page-numbers.current,.pagination .page-numbers:hover{background:var(--gold-grad);color:var(--black);border-color:transparent}

/* Single post content */
.post-hero h1{font-size:clamp(2rem,4.6vw,3.6rem);max-width:960px;margin-inline:auto}
.entry-content{font-size:1.25rem}
.entry-content>*+*{margin-top:1.3rem}
.entry-content p.lead,.entry-content p:first-child{font-size:1.45rem;color:var(--gold-light);font-style:italic}
.entry-content h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-top:2.6rem;color:var(--gold-light)}
.entry-content h3{font-size:1.4rem;margin-top:2rem;color:var(--gold)}
.entry-content a{color:var(--gold-light);border-bottom:1px solid var(--line)}
.entry-content a:hover{border-color:var(--gold)}
.entry-content strong{color:var(--gold-light);font-weight:600}
.entry-content ul{padding-left:1.4rem}
.entry-content ul li::marker{color:var(--gold)}
.entry-content ol:not(.topics){padding-left:1.6rem}
.entry-content ol.topics{padding:0}
.entry-content img,.entry-content figure{max-width:100%;height:auto}
.entry-content figure{margin:2.2rem 0}
.entry-content figcaption{font-size:.95rem;color:var(--muted);text-align:center;font-style:italic;margin-top:.6rem}
.entry-content blockquote{
  border:none;margin:2.6rem 0;padding:34px 40px;text-align:center;position:relative;
  border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);background:rgba(212,168,67,.05);
}
.entry-content blockquote p{font-family:var(--display);font-size:clamp(1.3rem,2.6vw,1.8rem);font-style:normal;line-height:1.4}
.entry-content blockquote p,.entry-content blockquote p:first-child{color:transparent;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text}
.entry-content blockquote cite{display:block;margin-top:.8rem;font-size:.9rem;color:var(--muted)}
.entry-content hr{border:none;height:1px;background:var(--line);margin:3rem 0}
.entry-content .wp-block-image img{border:1px solid var(--line)}
.entry-content .alignwide{margin-inline:-80px}
.post-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.post-tags a{font-size:.85rem;border:1px solid var(--line);padding:4px 14px;color:var(--muted)}
.post-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}
.post-nav .next{text-align:right}
.post-nav a small{display:block;font-family:var(--display);font-size:.7rem;letter-spacing:.25em;color:var(--gold)}
.post-nav a span{font-size:1.05rem}
.post-nav .prev a:hover span,.post-nav .next a:hover span{color:var(--gold-light)}

/* Comments */
.comments-area{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--line)}
.comments-title,.comment-reply-title{font-size:1.3rem;color:var(--gold);margin-bottom:1.4rem}
.comment-list{list-style:none}
.comment-list .comment{padding:20px 0;border-bottom:1px solid var(--line)}
.comment-list .children{list-style:none;margin-left:30px}
.comment-author img{border-radius:50%;float:left;margin-right:14px}
.comment-meta{font-size:.9rem;color:var(--muted)}
.comment-form label{display:block;font-family:var(--display);font-size:.75rem;letter-spacing:.2em;color:var(--gold);margin-bottom:6px}
.comment-form p{margin-bottom:1rem}

/* Forms (comments + WooCommerce) */
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],input[type=url],textarea,select{
  width:100%;background:var(--panel-2);border:1px solid var(--line);color:var(--cream);
  font-family:var(--serif);font-size:1.05rem;padding:12px 14px;border-radius:0;outline:none;transition:border-color .3s;
}
input:focus,textarea:focus,select:focus{border-color:var(--gold)}
select option{background:var(--panel-2)}
button,input[type=submit]{font-family:var(--display)}

/* =========================================================
   WOOCOMMERCE
   ========================================================= */
.wc-page{color:var(--cream)}
.woocommerce .woocommerce-breadcrumb{font-family:var(--display);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:2rem}
.woocommerce .woocommerce-breadcrumb a{color:var(--gold)}
.product-single{padding-top:150px}

/* buttons */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,
.wc-block-components-button:not(.is-link),.wp-block-button__link,.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{
  background:var(--gold-grad)!important;color:var(--black)!important;border:none!important;border-radius:0!important;
  font-family:var(--display)!important;font-weight:500!important;letter-spacing:.2em!important;text-transform:uppercase;
  font-size:.78rem!important;padding:15px 28px!important;transition:filter .3s,transform .3s!important;
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.wc-block-components-button:not(.is-link):hover{filter:brightness(1.1);transform:translateY(-2px)}
.woocommerce a.added_to_cart,.added_to_cart{display:inline-block;margin-left:12px;font-family:var(--display);font-size:.72rem;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}
.yc-product .added_to_cart{margin:12px 0 0}

/* product grid */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,1fr);gap:28px;margin:0!important}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{
  width:auto!important;margin:0!important;float:none!important;background:var(--panel);border:1px solid var(--line);
  padding:0 0 26px!important;text-align:center;transition:border-color .4s,transform .4s;position:relative;
}
.woocommerce ul.products li.product:hover{border-color:var(--gold);transform:translateY(-6px)}
.woocommerce ul.products li.product a img{margin:0 0 1.2rem!important;aspect-ratio:1/1;object-fit:cover;background:var(--panel-2)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--display);font-size:1.15rem!important;color:var(--cream);padding:0 18px!important;letter-spacing:.05em}
.woocommerce ul.products li.product .price,.yc-product .product-price{color:var(--gold-light)!important;font-size:1.15rem!important;font-family:var(--serif)}
.woocommerce ul.products li.product .button{margin-top:1rem!important}
.woocommerce span.onsale{
  background:var(--gold-grad)!important;color:var(--black)!important;border-radius:0!important;min-height:auto!important;min-width:auto!important;
  line-height:1!important;padding:8px 12px!important;font-family:var(--display);font-size:.68rem!important;letter-spacing:.2em;text-transform:uppercase;top:14px!important;left:14px!important;right:auto!important;margin:0!important;
}
.woocommerce .price del{opacity:.55;color:var(--muted)}
.woocommerce .price ins{text-decoration:none}
.yc-product .product-price{margin:.2rem 0 .6rem}
.yc-product h3 a:hover{color:var(--gold-light)}
.woocommerce .woocommerce-result-count{color:var(--muted);font-size:1rem}
.woocommerce .woocommerce-ordering select{width:auto}
.woocommerce nav.woocommerce-pagination ul{border:none!important;display:flex;justify-content:center;gap:8px}
.woocommerce nav.woocommerce-pagination ul li{border:none!important}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{min-width:44px;padding:12px!important;border:1px solid var(--line);color:var(--cream)}
.woocommerce nav.woocommerce-pagination ul li span.current,.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--gold-grad)!important;color:var(--black)!important}

/* single product */
.woocommerce div.product div.images img{border:1px solid var(--line)}
.woocommerce div.product .product_title{font-size:clamp(2rem,4vw,3rem);background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1rem}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--gold-light)!important;font-size:1.6rem!important}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--cream);margin:1.2rem 0}
.woocommerce div.product form.cart{margin:2rem 0!important;display:flex;gap:14px;flex-wrap:wrap;align-items:stretch}
.woocommerce div.product form.cart::before,.woocommerce div.product form.cart::after{display:none}
.woocommerce .quantity .qty{width:84px;height:100%;min-height:48px;text-align:center}
.woocommerce div.product form.cart .variations{width:100%}
.woocommerce div.product form.cart .variations th,.woocommerce div.product form.cart .variations td{padding:6px 0;color:var(--gold);font-family:var(--display);font-size:.8rem;letter-spacing:.15em}
.woocommerce .product_meta{font-size:.95rem;color:var(--muted);border-top:1px solid var(--line);padding-top:1rem}
.woocommerce .product_meta a{color:var(--gold)}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0!important;margin:3rem 0 0!important;border-bottom:1px solid var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:none!important;border:none!important;border-radius:0!important;margin:0 22px 0 0!important;padding:0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-family:var(--display);font-size:.8rem!important;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)!important;padding:14px 0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--gold-light)!important;box-shadow:inset 0 -2px 0 var(--gold)}
.woocommerce div.product .woocommerce-tabs .panel{padding:2rem 0}
.woocommerce div.product .woocommerce-tabs .panel h2{font-size:1.4rem;color:var(--gold)}
.woocommerce table.shop_attributes th,.woocommerce table.shop_attributes td{border-color:var(--line)!important;color:var(--cream);background:none!important;padding:10px!important;font-style:normal}
.woocommerce .related>h2,.woocommerce .upsells>h2{font-size:1.8rem;text-align:center;margin:3rem 0 2rem;color:var(--gold-light)}
.woocommerce .star-rating span::before,.woocommerce p.stars a{color:var(--gold)}

/* notices */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner{
  background:var(--panel)!important;color:var(--cream)!important;border:1px solid var(--line)!important;border-top:2px solid var(--gold)!important;
}
.woocommerce-message::before,.woocommerce-info::before{color:var(--gold)!important}
.woocommerce-error{border-top-color:#b84a3a!important}
.woocommerce-message a:not(.button),.woocommerce-info a:not(.button){color:var(--gold-light)}

/* classic cart / checkout / account tables */
.woocommerce table.shop_table{border:1px solid var(--line)!important;border-radius:0!important;background:var(--panel)}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:var(--line)!important;color:var(--cream)}
.woocommerce table.shop_table th{font-family:var(--display);font-size:.78rem;letter-spacing:.15em;color:var(--gold)}
.woocommerce table.shop_table img{width:70px}
.woocommerce a.remove{color:var(--gold)!important}
.woocommerce a.remove:hover{background:var(--gold)!important;color:var(--black)!important}
.woocommerce form .form-row label{color:var(--gold);font-family:var(--display);font-size:.75rem;letter-spacing:.15em}
.woocommerce-checkout #payment{background:var(--panel)!important;border-radius:0!important;border:1px solid var(--line)}
.woocommerce-checkout #payment div.payment_box{background:var(--panel-2)!important;color:var(--cream)!important}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--panel-2)!important}
.woocommerce form.login,.woocommerce form.register,.woocommerce form.checkout_coupon{border:1px solid var(--line)!important;border-radius:0!important}
.woocommerce-MyAccount-navigation ul{list-style:none;border:1px solid var(--line)}
.woocommerce-MyAccount-navigation li a{display:block;padding:12px 18px;border-bottom:1px solid var(--line);font-family:var(--display);font-size:.78rem;letter-spacing:.15em}
.woocommerce-MyAccount-navigation li.is-active a,.woocommerce-MyAccount-navigation li a:hover{color:var(--black);background:var(--gold-grad)}
.select2-container--default .select2-selection--single{background:var(--panel-2)!important;border:1px solid var(--line)!important;border-radius:0!important;height:48px!important}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--cream)!important;line-height:46px!important}
.select2-dropdown{background:var(--panel-2)!important;color:var(--cream)}

/* block cart / checkout (WooCommerce default since 8.3) */
.wc-page .wp-block-woocommerce-cart,.wc-page .wp-block-woocommerce-checkout{color:var(--cream)}
.wc-block-components-sidebar-layout .wc-block-components-main,.wc-block-components-sidebar{color:var(--cream)}
.wc-block-components-totals-wrapper,.wc-block-cart-items,.wc-block-cart-items td,.wc-block-cart-items th,.wc-block-components-order-summary{border-color:var(--line)!important}
.wc-block-components-product-name{color:var(--cream)!important;font-family:var(--display)}
.wc-block-components-product-price,.wc-block-formatted-money-amount,.wc-block-components-totals-item__value{color:var(--gold-light)}
.wc-block-components-title,.wc-block-cart__totals-title,.wc-block-components-checkout-step__title{color:var(--gold)!important;font-family:var(--display)!important;letter-spacing:.12em}
.wc-block-components-text-input input,.wc-block-components-combobox .wc-block-components-combobox-control input,.wc-blocks-components-select__select,.wc-block-components-textarea{
  background:var(--panel-2)!important;color:var(--cream)!important;border-color:var(--line)!important;border-radius:0!important;
}
.wc-block-components-text-input label,.wc-block-components-combobox label,.wc-blocks-components-select__label{color:var(--muted)!important}
.wc-block-components-quantity-selector{border-color:var(--line)!important;border-radius:0!important}
.wc-block-components-quantity-selector input,.wc-block-components-quantity-selector button{color:var(--cream)!important;background:transparent!important}
.wc-block-components-radio-control__option,.wc-block-components-checkbox label{color:var(--cream)}
.wc-block-components-panel__button,.wc-block-components-totals-coupon-link{color:var(--gold-light)!important}
.wc-block-components-radio-control-accordion-option,.wc-block-checkout__payment-method .wc-block-components-radio-control__option{border-color:var(--line)!important;box-shadow:none!important}
.wc-block-components-order-summary-item__quantity{background:var(--gold)!important;color:var(--black)!important;border:none!important}
.wc-block-cart__empty-cart__title,.wp-block-woocommerce-empty-cart-block h2{color:var(--gold-light)}

/* responsive */
@media (max-width:900px){
  .post-feature{grid-template-columns:1fr;gap:40px}
  .post-grid{grid-template-columns:1fr}
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr)}
  .post-nav{grid-template-columns:1fr;text-align:center}
  .post-nav .next{text-align:center}
  .entry-content .alignwide{margin-inline:0}
  .nav-links .nav-cart{order:-1}
}
@media (max-width:600px){
  .woocommerce ul.products{grid-template-columns:1fr}
  .entry-content{font-size:1.12rem}
}
.comment-navigation .nav-links,.posts-navigation .nav-links,.post-navigation .nav-links{position:static;opacity:1;pointer-events:auto;background:none;flex-direction:row;justify-content:space-between}