/* ============================================================================
   EDITORIAL REFRESH — direction ב (boutique-editorial), Incentive Ink & Gold.
   Toggle in functions.php: define('SBR_EDITORIAL', true|false).
   EVERYTHING here is scoped under body.sbr-editorial, so flipping that one word
   fully reverts the site to the base look. Non-destructive layer.
   Principle: only ADD ink&gold via elements built to be dark (cards, native-dark
   blocks). Never force a dark background onto a component designed for light.
   ============================================================================ */

/* ---- 1. Section labels → editorial keyline + tracking (the boutique tell) ---- */
body.sbr-editorial .sbr-kicker{letter-spacing:.22em;font-weight:600}
body.sbr-editorial .sbr-kicker__bar{width:44px;height:2px}

/* ---- 2. Display titles → tighter, more confident ---- */
body.sbr-editorial .sbr-svc__title,
body.sbr-editorial .sbr-proc__title,
body.sbr-editorial .sbr-ab__title,
body.sbr-editorial .sbr-faq__title,
body.sbr-editorial .sbr-cs__title,
body.sbr-editorial .sbr-stc__title,
body.sbr-editorial .sbr-wu__title,
body.sbr-editorial .sbr-ctab__title{letter-spacing:-.022em;line-height:1.07}

/* ---- 3. Signature mark watermark on NATIVE-dark bands (ties sections to the logo) ---- */
body.sbr-editorial .sbr-stc--bg-ink,
body.sbr-editorial .sbr-ctab--bg-ink,
body.sbr-editorial .sbr-wu--bg-ink{position:relative;overflow:hidden}
body.sbr-editorial .sbr-stc--bg-ink::after,
body.sbr-editorial .sbr-ctab--bg-ink::after,
body.sbr-editorial .sbr-wu--bg-ink::after{
  content:"";position:absolute;bottom:-70px;inset-inline-start:-54px;
  width:300px;height:300px;pointer-events:none;z-index:0;opacity:.055;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M60 10 L70 60 L60 110 L50 60 Z' fill='%23C8A24C'/%3E%3Cpath d='M16 60 L60 50.5 L104 60 L60 69.5 Z' fill='%23C8A24C'/%3E%3C/svg%3E") no-repeat center/contain}

/* ---- 4. CONTACT → keep the LIGHT section (as designed); make the DETAILS PANEL a
   dark Ink&Gold card. Intentional ink presence, component stays intact. ---- */
/* Panel hugs its own content height instead of stretching to match the (taller)
   form column — so a sparse panel (e.g. WhatsApp-only on the contact page) reads as
   a compact card, not a giant half-empty box. */
body.sbr-editorial .sbr-cs__col--panel{align-self:start}
body.sbr-editorial .sbr-cs__panel{
  background:radial-gradient(130% 130% at 80% -10%,#191F28 0%,var(--ink) 70%);
  color:var(--on-dark);border:1px solid rgba(200,162,76,.26);
  border-radius:18px;padding:30px 28px;position:relative;overflow:hidden}
body.sbr-editorial .sbr-cs__panel-title{color:var(--on-dark)}
body.sbr-editorial .sbr-cs__method-link{color:var(--on-dark)}
body.sbr-editorial a.sbr-cs__method-link:hover{background:rgba(255,255,255,.06)}
body.sbr-editorial .sbr-cs__method-icon{background:rgba(200,162,76,.14);color:var(--accent)}
body.sbr-editorial a.sbr-cs__method-link:hover .sbr-cs__method-icon{background:rgba(200,162,76,.30)}
body.sbr-editorial .sbr-cs__method--wa .sbr-cs__method-icon,
body.sbr-editorial .sbr-cs__method--wa .sbr-cs__ico{color:#3ddc84}
body.sbr-editorial .sbr-cs__method--wa a.sbr-cs__method-link:hover .sbr-cs__method-icon{background:rgba(37,211,102,.28)}
body.sbr-editorial .sbr-cs__method-lbl{color:var(--on-dark-mute)}
body.sbr-editorial .sbr-cs__method-val,
body.sbr-editorial .sbr-cs__method-hours{color:var(--on-dark)}
body.sbr-editorial .sbr-cs__ico{color:var(--accent)}
body.sbr-editorial .sbr-cs__trust{color:var(--on-dark-mute);border-color:rgba(200,162,76,.22);background:rgba(255,255,255,.04)}
/* faint signature mark inside the panel card */
body.sbr-editorial .sbr-cs__panel::after{
  content:"";position:absolute;bottom:-50px;inset-inline-start:-40px;width:200px;height:200px;
  pointer-events:none;opacity:.06;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M60 10 L70 60 L60 110 L50 60 Z' fill='%23C8A24C'/%3E%3Cpath d='M16 60 L60 50.5 L104 60 L60 69.5 Z' fill='%23C8A24C'/%3E%3C/svg%3E") no-repeat center/contain}
body.sbr-editorial .sbr-cs__panel>*{position:relative;z-index:1}

/* ---- 5. FAQ → Ink & Gold editorial accents (stays a light band, now clearly branded) ---- */
body.sbr-editorial .sbr-faq{border-top:3px solid var(--accent)}
body.sbr-editorial .sbr-faq__item{border-color:rgba(200,162,76,.30)}
body.sbr-editorial .sbr-faq__item[open],
body.sbr-editorial .sbr-faq__item.is-open{border-color:var(--accent);box-shadow:0 12px 32px -20px rgba(200,162,76,.55)}
body.sbr-editorial .sbr-faq__qtext{color:var(--ink);font-weight:700}
body.sbr-editorial .sbr-faq__item[open] .sbr-faq__qtext,
body.sbr-editorial .sbr-faq__item.is-open .sbr-faq__qtext{color:var(--accent-strong)}
body.sbr-editorial .sbr-faq__chev{color:var(--accent-strong)}