/* dt-brand-theme.css v1.0.0 2026-10-31 (BT-001) - served from wp-content/mu-plugins/, loaded by 38-dt-brand-theme.php on
   pages (not the homepage), blog posts and product-category archives only; the product rules (L6 / L10) stay idle until
   product pages are in scope (hold, Josh 2026-10-31).
   The logo look of STD-040 on landing / category / product / blog pages: L1 section rule, L3 trust icons, L4 hero emblem
   badge, L5 "Shop by" tile icons, L6 product feature-card icons, L8 brand landing (L1 + L3 + L4 + ribbon ticker).
   Fonts untouched (Josh 2026-10-31: "lets leave the font alone for now....keep current state").
   --dt-ribbon / --dt-logo-teal are proposed dt-core tokens (34_Design_System builds dt-core); --dt-emblem is printed by the
   loader (media 733267). Icons in L3 / L5 / L6 need markup: <img class="dt-bt-ico"> in place of the emoji in those slots -
   the preview does that in the browser (pipeline/page_chrome/build_theme_preview.py, EMOJI_MAP / HREF_MAP). */
:root{--dt-ribbon:linear-gradient(100deg,#1565c0,#7b1fa2 52%,#c2185b);--dt-logo-teal:#039bb6}

/* L1 - one section rule: 3 px ribbon under section headings (was pillar pink, wellness green, pink hairlines, none) */
.dt-pillar-landing .dt-section-h2::after,.dt-product-hero h2::after,.dt-sec-head h2::after,.dt-product-shell h2::after{background:var(--dt-ribbon)!important}
.dt-sec-line{background:var(--dt-ribbon)!important}
.dt-soft h2::before{background:linear-gradient(90deg,transparent,#1565c0,#7b1fa2)!important;opacity:1!important}
.dt-soft h2::after{background:linear-gradient(90deg,#7b1fa2,#c2185b,transparent)!important;opacity:1!important}
.dt-brand-page .dt-section-h2{position:relative;padding-bottom:16px}
.dt-brand-page .dt-section-h2::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:80px;height:3px;border-radius:2px;background:var(--dt-ribbon)}
.wd-term-desc h2::after,.dt-b2 h2::after{content:"";display:block;width:80px;height:3px;margin-top:12px;border-radius:2px;background:var(--dt-ribbon)}
.wd-term-desc h2::after{margin:12px auto 0}   /* shop guide headings are centered; blog headings are left-aligned */

/* L4 - emblem badge in the hero eyebrow; "Featured Pick" tag in the ribbon */
.dt-pillar-landing .dt-hero-eyebrow::before,.dt-soft .dt-hero2 .h2eyebrow::before,.dt-brand-page .hero-eyebrow::before,.dt-heroB .eb::before{
  content:"";display:inline-block;vertical-align:middle;width:32px;height:32px;margin:-4px 10px 0 0;border-radius:50%;
  background:#fff var(--dt-emblem) center/26px no-repeat;box-shadow:0 2px 6px rgba(0,0,0,.22)}
.dt-soft .dt-hero2 .h2eyebrow{padding-left:6px!important}
@media (max-width:480px){.dt-soft .dt-hero2 .h2eyebrow::before{width:22px;height:22px;margin:-3px 6px 0 0;background-size:18px}
  .dt-soft .dt-hero2 .h2eyebrow{letter-spacing:.14em!important}}   /* keeps the pill on one line at 390 px */
.dt-soft .dt-hero2 .h2feature .ftag{background:var(--dt-ribbon)!important}

/* L3 - trust icons (ribbon set) + one chip style */
.dt-bt-ico{display:inline-block;vertical-align:middle;object-fit:contain}
.dt-trust-row .dt-trust-icon .dt-bt-ico,.dt-trust-strip .trust-icon .dt-bt-ico{width:52px;height:52px}
.dt-hero2 .h2trust span .dt-bt-ico{width:28px;height:28px}
.dt-trust-row .dt-badge{display:inline-flex!important;align-items:center;gap:8px;background:#fff!important;color:#2c3e50!important;
  border:1px solid #f3e5ec;padding:6px 14px 6px 8px!important;box-shadow:0 2px 8px rgba(136,14,79,.08)}
.dt-trust-row .dt-badge .dt-bt-ico{width:28px;height:28px}

/* L8 - brand landing ticker = the pop-up sheet header band */
.dt-brand-page .dt-marquee{background:var(--dt-ribbon)!important;border-bottom:3px solid var(--dt-logo-teal)}
.dt-brand-page .dt-marquee-item{color:#fff!important;display:inline-flex;align-items:center;gap:8px}
.dt-brand-page .dt-marquee-item .dt-bt-ico{width:24px;height:24px}

/* L5 - "Shop by" tiles: the live icon of the same destination */
.dt-pillar-landing .dt-attr-circle .dt-bt-ico{width:1.9em;height:1.9em;max-width:none}   /* scales with the tile's emoji size */

/* L6 - product feature cards (div.dt-card); L10 - related-category link cards (a.dt-card) get the icon of the link's
   destination (exact -> parent -> pillar, BT-002) - same size */
.dt-card .dt-feat-icon .dt-bt-ico{width:56px;height:56px}