/* QAISS Channel Identity V7
   Restores the drawn background rails for Dinar and Podcast.
   Typography is intentionally untouched. */

:root{
  --qb-light-page:#f7f5ef;
  --qb-light-surface:#fffdf8;
  --qb-navy:#0b1020;
  --qb-navy-2:#11182b;
  --qb-gold:#c8a96e;
  --qb-dinar:#e30613;
  --qb-podcast:#8b5cf6;
  --qb-podcast-2:#b18cff;
}

/* Shared editorial frame */
.qcat-hero,.qbg-hero{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
  background:var(--qb-light-surface)!important;
}
.qcat-hero::before,.qbg-hero::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  background:
    linear-gradient(115deg,rgba(200,169,110,.09),transparent 32%,rgba(23,27,43,.025) 70%),
    repeating-linear-gradient(135deg,transparent 0 42px,rgba(200,169,110,.08) 42px 44px,transparent 44px 92px);
  pointer-events:none;
}
.qcat-hero-lines,.qbg-hero-bg{opacity:.78!important;pointer-events:none!important}

/* Dinar: drawn red rails, not a text/font color treatment */
.dnr-hero,.qcat-hero:has(.fa-tv),.qcat-hero.qcat-hero-dinar{
  --channel-accent:var(--qb-dinar);
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(249,247,241,.98)),
    repeating-linear-gradient(135deg,transparent 0 44px,rgba(227,6,19,.12) 44px 47px,transparent 47px 96px)!important;
}
.dnr-hero::after,.qcat-hero:has(.fa-tv)::after,.qcat-hero.qcat-hero-dinar::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.92;
  background:
    linear-gradient(90deg,transparent 0 7%,rgba(227,6,19,.76) 7% 7.35%,transparent 7.35% 92.65%,rgba(227,6,19,.76) 92.65% 93%,transparent 93%),
    repeating-linear-gradient(0deg,transparent 0 84px,rgba(227,6,19,.32) 84px 86px,transparent 86px 168px);
  pointer-events:none;
}
.dnr-hero .qcat-badge,.qcat-hero:has(.fa-tv) .qcat-badge,.dnr-hero .qbg-label{
  color:var(--qb-dinar)!important;
  border-color:rgba(227,6,19,.38)!important;
}
.dnr-hero .qcat-dot,.qcat-hero:has(.fa-tv) .qcat-dot{background:var(--qb-dinar)!important}
.dnr-hero .qcat-hero-lines,.qcat-hero:has(.fa-tv) .qcat-hero-lines{opacity:.95!important}

/* Podcast: same geometric language, violet rails */
.qcat-hero:has(.fa-podcast),.qcat-hero.qcat-hero-podcast{
  --channel-accent:var(--qb-podcast);
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(249,247,241,.98)),
    repeating-linear-gradient(135deg,transparent 0 44px,rgba(139,92,246,.12) 44px 47px,transparent 47px 96px)!important;
}
.qcat-hero:has(.fa-podcast)::after,.qcat-hero.qcat-hero-podcast::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.92;
  background:
    linear-gradient(90deg,transparent 0 7%,rgba(139,92,246,.78) 7% 7.35%,transparent 7.35% 92.65%,rgba(139,92,246,.78) 92.65% 93%,transparent 93%),
    repeating-linear-gradient(0deg,transparent 0 84px,rgba(139,92,246,.3) 84px 86px,transparent 86px 168px);
  pointer-events:none;
}
.qcat-hero:has(.fa-podcast) .qcat-badge,.qcat-hero.qcat-hero-podcast .qcat-badge{
  color:var(--qb-podcast)!important;
  border-color:rgba(139,92,246,.4)!important;
}
.qcat-hero:has(.fa-podcast) .qcat-dot,.qcat-hero.qcat-hero-podcast .qcat-dot{background:var(--qb-podcast)!important}

/* Channel index / detail surfaces */
body.qb-v5-body:has(.dnr-hero) .site-section,
body.qb-v5-body:has(.qcat-hero:has(.fa-tv)) .site-section{background:var(--qb-light-page)}
body.qb-v5-body:has(.qcat-hero:has(.fa-podcast)) .site-section{background:var(--qb-light-page)}
.dnr-ticker{border-inline-start:4px solid var(--qb-dinar)!important}
.qbpod-share .qb-tb-btn,.qcat-hero:has(.fa-podcast) ~ * .dnr-ticker{border-color:rgba(139,92,246,.35)!important}

/* Reading frame: let channel accent carry to article/episode reading chrome */
.qb-frame-v6{background:var(--qb-light-surface)!important;border-top:4px solid var(--qb-gold)!important}
body:has(.qcat-hero:has(.fa-tv)) .qb-frame-v6{border-top-color:var(--qb-dinar)!important}
body:has(.qcat-hero:has(.fa-podcast)) .qb-frame-v6{border-top-color:var(--qb-podcast)!important}
body:has(.qcat-hero:has(.fa-tv)) .qb-frame-v6 .qb-frame-context-label{color:var(--qb-dinar)!important}
body:has(.qcat-hero:has(.fa-podcast)) .qb-frame-v6 .qb-frame-context-label{color:var(--qb-podcast)!important}
body:has(.qcat-hero:has(.fa-tv)) .qb-frame-v6 .qb-frame-body h2,
body:has(.qcat-hero:has(.fa-tv)) .qb-frame-v6 .qb-frame-body h3{border-right-color:var(--qb-dinar)!important}
body:has(.qcat-hero:has(.fa-podcast)) .qb-frame-v6 .qb-frame-body h2,
body:has(.qcat-hero:has(.fa-podcast)) .qb-frame-v6 .qb-frame-body h3{border-right-color:var(--qb-podcast)!important}

/* Guest page: lighter editorial hero, gold/Navy rather than accidental full-dark */
.qbg-hero{background:var(--qb-light-surface)!important;border-bottom:1px solid rgba(23,27,43,.11)}
.qbg-hero .qbg-brand,.qbg-hero .qbg-info,.qbg-hero .qbg-stats{position:relative;z-index:2}
.qbg-hero .qbg-photo{box-shadow:0 18px 44px rgba(23,27,43,.14)!important;border-color:rgba(200,169,110,.42)!important}

/* Dark appearance: navy is the surface; identity rails stay vivid */
[data-theme="dark"] .qcat-hero,[data-theme="dark"] .qbg-hero{
  background:var(--qb-navy)!important;
  color:#f1f3f7;
}
[data-theme="dark"] .qcat-hero::before,[data-theme="dark"] .qbg-hero::before{
  background:
    linear-gradient(115deg,rgba(200,169,110,.12),transparent 32%,rgba(255,255,255,.02) 70%),
    repeating-linear-gradient(135deg,transparent 0 42px,rgba(200,169,110,.08) 42px 44px,transparent 44px 92px);
}
[data-theme="dark"] .dnr-hero,[data-theme="dark"] .qcat-hero:has(.fa-tv),[data-theme="dark"] .qcat-hero.qcat-hero-dinar{
  background:linear-gradient(180deg,rgba(11,16,32,.96),rgba(17,24,43,.98)),repeating-linear-gradient(135deg,transparent 0 44px,rgba(227,6,19,.2) 44px 47px,transparent 47px 96px)!important;
}
[data-theme="dark"] .qcat-hero:has(.fa-podcast),[data-theme="dark"] .qcat-hero.qcat-hero-podcast{
  background:linear-gradient(180deg,rgba(11,16,32,.96),rgba(17,24,43,.98)),repeating-linear-gradient(135deg,transparent 0 44px,rgba(139,92,246,.2) 44px 47px,transparent 47px 96px)!important;
}
[data-theme="dark"] .qbg-hero{border-bottom-color:rgba(255,255,255,.1)}
[data-theme="dark"] body.qb-v5-body:has(.dnr-hero) .site-section,
[data-theme="dark"] body.qb-v5-body:has(.qcat-hero) .site-section{background:var(--qb-navy)}
[data-theme="dark"] .qbg-hero .qbg-photo{box-shadow:0 18px 44px rgba(0,0,0,.42)!important}

@media(max-width:760px){
  .qcat-hero::after,.qbg-hero::after{opacity:.7}
  .qcat-hero:has(.fa-tv)::after,.qcat-hero:has(.fa-podcast)::after{background:repeating-linear-gradient(0deg,transparent 0 64px,rgba(227,6,19,.25) 64px 66px,transparent 66px 128px)}
  .qcat-hero:has(.fa-podcast)::after{background:repeating-linear-gradient(0deg,transparent 0 64px,rgba(139,92,246,.25) 64px 66px,transparent 66px 128px)}
  .qcat-hero-inner,.qbg-hero-in{padding-inline:16px!important}
}
@media(prefers-reduced-motion:reduce){.qcat-hero::before,.qcat-hero::after,.qbg-hero::before,.qbg-hero::after{animation:none!important}}