/* QB Site V5 — article, episode, guest, sponsored signal and footer identity */
:root{--qb-v5-navy:#0b1020;--qb-v5-navy-2:#11182b;--qb-v5-ink:#171b2b;--qb-v5-gold:#c8a96e;--qb-v5-gold-2:#a8843e;--qb-v5-line:rgba(20,25,42,.1);--qb-v5-soft:#f6f3ec;--qb-v5-muted:#756f66;--qb-v5-card:#fffdf9}
.site-section{position:relative}
/* Detail pages only: do not override the Home V5 container system. */
.qcat-hero .container-fluid-site,.dnr-hero .container-fluid-site,.qbg-hero .container-fluid-site{width:min(1440px,100%);margin-inline:auto;padding-inline:clamp(16px,4vw,46px)}
/* Shared detail-page hero language */
.qcat-hero,.dnr-hero,.qbg-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid rgba(200,169,110,.35);min-height:230px;display:flex;align-items:center}
.qcat-hero,.dnr-hero{background:linear-gradient(135deg,#0b1020 0%,#11182b 62%,#1b1830 100%)!important;padding:clamp(46px,7vw,88px) 0!important}
.qcat-hero-bg,.dnr-hero-bg,.qbg-hero-bg{opacity:.85}
.qcat-hero::before,.dnr-hero::before,.qbg-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 16% 30%,rgba(200,169,110,.15),transparent 32%),radial-gradient(circle at 85% 90%,rgba(38,93,151,.18),transparent 36%);pointer-events:none}
.qcat-hero::after,.dnr-hero::after,.qbg-hero::after{content:'';position:absolute;inset:0;z-index:-1;opacity:.3;background-image:linear-gradient(rgba(200,169,110,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(200,169,110,.06) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 90%);pointer-events:none}
.qcat-hero-inner,.dnr-hero-inner,.qbg-hero-in{width:min(1440px,100%);position:relative;z-index:1}
.qcat-title,.dnr-title,.qbg-name{font-family:var(--font,'IBM Plex Sans Arabic'),Arial,sans-serif!important;text-shadow:0 8px 28px rgba(0,0,0,.2)}
.qcat-title,.dnr-title{color:#fff!important;font-weight:950!important;letter-spacing:-.04em!important}
.qcat-badge,.dnr-badge,.qbg-brand{border-color:rgba(200,169,110,.35)!important;background:rgba(200,169,110,.1)!important;color:var(--qb-v5-gold)!important;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.qcat-breadcrumb,.dnr-breadcrumb{color:rgba(255,255,255,.55)!important}
.qcat-breadcrumb a,.dnr-breadcrumb a{color:rgba(255,255,255,.7)!important}
/* Article */
.qcat-hero-article{min-height:260px}
.article-layout{max-width:1180px;margin-inline:auto;grid-template-columns:minmax(0,1fr) 290px!important;gap:clamp(22px,4vw,42px)!important}
.article-main{background:var(--qb-v5-card);border:1px solid var(--qb-v5-line);border-radius:22px;padding:clamp(18px,3.2vw,38px);box-shadow:0 16px 42px rgba(21,27,43,.07)}
.article-sidebar{top:calc(var(--qb-v5-total-h,158px) + 22px)!important}
.dnr-ticker{border-radius:14px!important;background:rgba(200,169,110,.06);padding:10px 13px!important;min-height:52px;box-shadow:0 8px 20px rgba(21,27,43,.04)}
.article-share .share-btn{box-shadow:0 3px 10px rgba(21,27,43,.12)}
.article-body,.article-main .qb-content-frame{font-size:clamp(.98rem,1.3vw,1.09rem)!important;line-height:2!important;color:var(--qb-v5-ink)!important}
.article-body p,.article-main .qb-content-frame p{max-width:78ch}
.article-body h2,.article-body h3{font-family:var(--font,'IBM Plex Sans Arabic'),Arial,sans-serif!important;color:var(--qb-v5-ink)}
.article-body blockquote{border-inline-start-color:var(--qb-v5-gold)!important;background:#fbf6eb!important;border-radius:0 14px 14px 0!important}
.article-tags-row{border-top-color:var(--qb-v5-line)!important}
.sidebar-widget{border-radius:18px!important;border-color:var(--qb-v5-line)!important;box-shadow:0 10px 28px rgba(21,27,43,.06)}
.booking-widget{background:linear-gradient(145deg,#0b1020,#172038)!important;border-color:rgba(200,169,110,.24)!important}
.booking-widget h4{color:var(--qb-v5-gold)!important}
.related-item{padding:8px;border-radius:12px;transition:background .2s,transform .2s}
.related-item:hover{background:rgba(200,169,110,.08);transform:translateY(-2px)}
/* Dinar episode — protect red identity while adopting the new shell */
.dnr-hero{border-bottom-color:rgba(227,6,19,.35)}
.dnr-hero::before{background:radial-gradient(circle at 16% 30%,rgba(227,6,19,.18),transparent 34%),radial-gradient(circle at 86% 82%,rgba(200,169,110,.1),transparent 35%)}
.dnr-detail-body{background:linear-gradient(180deg,#fffdf9 0%,#f6f1e9 100%)!important;padding-top:clamp(24px,4vw,48px)!important}
.dnr-broadcast-card{max-width:1120px;margin-inline:auto;border:1px solid rgba(227,6,19,.2)!important;border-radius:22px!important;box-shadow:0 22px 60px rgba(24,13,19,.16)!important}
.qb-video-topbar{background:linear-gradient(90deg,#14142a,#32131a)!important;border-bottom-color:rgba(227,6,19,.22)!important}
.qb-video-bottombar{background:#14142a!important;border-top-color:rgba(227,6,19,.22)!important}
.dnr-spotlight-main{border-color:rgba(227,6,19,.16)!important;background:#fffdf9!important;box-shadow:0 10px 26px rgba(21,27,43,.06)}
.dnr-spotlight-main:hover{border-color:rgba(227,6,19,.42)!important}
.dnr-spotlight-chip:hover{border-color:#e30613!important}
.dnr-related-section{border-top-color:rgba(227,6,19,.2)!important}
.dnr-section-heading{color:var(--qb-v5-ink)!important}
.dnr-section-heading i{color:#e30613!important}
/* Guest profile */
.qbg-hero{background:linear-gradient(135deg,#0b1020 0%,#11182b 64%,#1b1830 100%)!important;padding:clamp(44px,6vw,78px) 0!important;min-height:310px}
.qbg-hero::before{background:radial-gradient(circle at 20% 45%,rgba(200,169,110,.18),transparent 34%),radial-gradient(circle at 82% 10%,rgba(42,95,151,.2),transparent 35%)}
.qbg-grid{gap:clamp(26px,5vw,70px)!important}
.qbg-photo{border-color:var(--qb-v5-gold)!important;box-shadow:0 18px 48px rgba(0,0,0,.36)!important}
.qbg-name{font-size:clamp(1.7rem,4vw,3.1rem)!important}
.qbg-about{color:rgba(255,255,255,.78)!important}
.qbg-last{background:linear-gradient(180deg,#fffdf9,#f6f1e9)!important}
.qbg-sec-label{display:inline-flex!important;align-items:center;gap:7px;padding:6px 11px;border-radius:9px;background:rgba(200,169,110,.12);color:#9a7739!important;letter-spacing:.04em}
.qbg-sec-title{font-family:var(--font,'IBM Plex Sans Arabic'),Arial,sans-serif!important;color:var(--qb-v5-ink)!important;letter-spacing:-.03em}
[data-theme="dark"] .qbg-sec-title{color:#fff!important}
.qbg-feat{border-radius:22px!important;border-color:rgba(200,169,110,.2)!important;box-shadow:0 18px 44px rgba(21,27,43,.1)!important}
.qbg-feat-play{background:var(--qb-v5-gold)!important}
.qbg-ep{border-radius:16px!important;box-shadow:0 8px 20px rgba(21,27,43,.05)}
.qbg-ep-badge{background:#e30613!important}
.qbg-ep-badge-pod{background:#8b5cf6!important}
.qbg-others{background:#f6f3ec!important;border-top:1px solid rgba(200,169,110,.18)}
/* Sponsored Signal above footer — shared on home and public pages */
.qbfa3{background:linear-gradient(180deg,#11182b 0%,#0b1020 100%)!important;padding:clamp(28px,5vw,58px) 0!important;border-top:1px solid rgba(200,169,110,.25);border-bottom:1px solid rgba(200,169,110,.16)}
.qbfa3 .qbadc-wrap{margin:0!important}
.qbfa3 .qbadc-head{text-align:right;display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}
.qbfa3 .qbadc-badge{background:rgba(200,169,110,.13)!important;border-color:rgba(200,169,110,.35)!important;color:var(--qb-v5-gold)!important}
.qbfa3 .qbadc-heading{color:#fff!important;font-family:var(--font,'IBM Plex Sans Arabic'),Arial,sans-serif!important;font-size:clamp(1.15rem,2.5vw,1.7rem)!important}
.qbfa3 .qbadc-heading::before{content:'QB / ';color:var(--qb-v5-gold);font-weight:950}
.qbfa3 .qbadc-frame{border-radius:18px!important;border:1px solid rgba(200,169,110,.26)!important;box-shadow:0 16px 36px rgba(0,0,0,.25)}
.qbfa3 .qbadc-swiper .swiper-button-next,.qbfa3 .qbadc-swiper .swiper-button-prev{background:rgba(11,16,32,.82)!important;border-color:rgba(200,169,110,.4)!important;color:var(--qb-v5-gold)!important}
/* Footer V5 */
#qbFooter.qb-footer-v5{position:relative;overflow:hidden;background:linear-gradient(180deg,#0b1020 0%,#080c18 100%)!important;color:#fff;border-top:0;margin-top:0!important}
#qbFooter.qb-footer-v5::before{content:'';position:absolute;top:0;inset-inline:0;height:2px;background:linear-gradient(90deg,transparent,var(--qb-v5-gold),transparent)}
#qbFooter.qb-footer-v5 .qbf-glow{opacity:.35;background:radial-gradient(circle at 12% 8%,rgba(200,169,110,.18),transparent 32%),radial-gradient(circle at 88% 18%,rgba(42,95,151,.14),transparent 30%)}
.qbf-news{position:relative;background:linear-gradient(90deg,rgba(200,169,110,.13),rgba(200,169,110,.04));border-bottom:1px solid rgba(200,169,110,.18)!important}
.qbf-news-in{padding-block:clamp(18px,3vw,28px)!important;gap:18px!important}
.qbf-news-head{color:var(--qb-v5-gold)!important;font-size:1rem!important}
.qbf-news-text p{color:rgba(255,255,255,.6)!important}
.qbf-news-form input{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important;border-radius:12px!important}
.qbf-news-form button{background:linear-gradient(135deg,var(--qb-v5-gold),var(--qb-v5-gold-2))!important;color:#161a2a!important;border-radius:12px!important}
.qbf-main{position:relative;padding-block:clamp(34px,5vw,60px)!important;grid-template-columns:1.45fr repeat(3,1fr)!important;gap:clamp(22px,4vw,52px)!important}
.qbf-brand{padding-inline-end:clamp(0px,3vw,38px);border-inline-end:1px solid rgba(255,255,255,.1)}
.qbf-logo img{width:84px!important;height:auto!important;object-fit:contain;filter:drop-shadow(0 7px 18px rgba(200,169,110,.18))}
.qbf-about{color:rgba(255,255,255,.6)!important;line-height:1.9!important}
.qbf-col-title{color:var(--qb-v5-gold)!important;font-family:var(--font,'IBM Plex Sans Arabic'),Arial,sans-serif!important}
.qbf-links a{color:rgba(255,255,255,.68)!important;border-radius:8px;padding-block:4px;transition:color .2s,background .2s,transform .2s}
.qbf-links a:hover{color:#fff!important;background:rgba(200,169,110,.08);transform:translateX(-3px)}
.qbf-soc{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important;color:rgba(255,255,255,.75)!important;border-radius:10px!important}
.qbf-soc:hover{background:var(--qb-v5-gold)!important;color:#161a2a!important;border-color:var(--qb-v5-gold)!important}
.qbf-bottom{background:rgba(0,0,0,.2)!important;border-top:1px solid rgba(255,255,255,.09)!important}
.qbf-copy,.qbf-made,.qbf-legal a{color:rgba(255,255,255,.5)!important}
.qbf-legal a:hover{color:var(--qb-v5-gold)!important}
@media(max-width:900px){.article-layout{grid-template-columns:1fr!important}.article-sidebar{position:static!important}.qbf-main{grid-template-columns:repeat(2,minmax(0,1fr))!important}.qbf-brand{grid-column:1/-1;border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:22px}}
@media(max-width:640px){.qcat-hero,.dnr-hero,.qbg-hero{min-height:220px!important;padding-block:38px!important}.article-main{border-radius:16px;padding:16px}.qbf-news-in{display:block!important}.qbf-news-text{margin-bottom:13px}.qbf-main{grid-template-columns:1fr 1fr!important;gap:24px 14px!important}.qbf-brand{grid-column:1/-1}.qbf-col-title{font-size:.82rem}.qbf-links a{font-size:.72rem}.qbfa3 .qbadc-head{display:block;text-align:center}.qbfa3 .qbadc-heading{margin-top:9px}.qbg-feat{grid-template-columns:1fr!important}.qbg-feat-thumb{min-height:0!important;aspect-ratio:16/9}.qbg-ep-title{font-size:.78rem!important}}
@media(max-width:430px){.qbf-main{grid-template-columns:1fr!important}.qbf-col{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:15px}.qbf-brand{border-bottom:1px solid rgba(255,255,255,.1)}.qcat-title,.dnr-title{font-size:1.3rem!important}.qbg-name{font-size:1.7rem!important}}
@media(prefers-reduced-motion:reduce){#qbFooter.qb-footer-v5 *,.qbfa3 *,.article-main *,.qbg-hero *,.dnr-detail-body *{transition:none!important}}

/* Home ad studio uses the same Sponsored Signal visual language */
.qbad-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#11182b 0%,#0b1020 100%)!important;border-top:1px solid rgba(200,169,110,.25);border-bottom:1px solid rgba(200,169,110,.18)}
.qbad-section .qbad-container{position:relative;z-index:1;padding-block:clamp(34px,5vw,66px)!important}
.qbad-section .qbad-badge{background:rgba(200,169,110,.13)!important;border-color:rgba(200,169,110,.35)!important;color:var(--qb-v5-gold)!important}
.qbad-section .qbad-title,.qbad-section .qbad-sub{color:#fff!important}
.qbad-section .qbad-title span{color:var(--qb-v5-gold)!important}
.qbad-section .qbad-sub{color:rgba(255,255,255,.64)!important}
.qbad-section .qbad-feat{background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.1)!important;color:#fff}
/* ──── qbad-features / qbad-cta: layout base (كانت مفقودة كلياً) ──── */
.qbad-features{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
.qbad-feat{flex:1 1 220px;display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:16px;border:1px solid rgba(200,169,110,.2);transition:transform .25s ease,box-shadow .25s ease}
.qbad-feat:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.qbad-feat-ic{font-size:1.6rem;line-height:1;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(200,169,110,.14)}
.qbad-feat b{display:block;font-family:var(--font,'IBM Plex Sans Arabic'),Arial,sans-serif;font-size:.98rem;font-weight:800;margin-bottom:2px}
.qbad-feat small{display:block;font-size:.8rem;opacity:.72;font-weight:500}
.qbad-cta-wrap{margin-top:28px;text-align:center}
.qbad-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border-radius:999px;background:linear-gradient(135deg,#d9bd85,var(--qb-v5-gold) 55%,#b3925a);color:#14142a!important;font-family:var(--font,'IBM Plex Sans Arabic'),Arial,sans-serif;font-weight:800;font-size:1rem;text-decoration:none;box-shadow:0 12px 28px rgba(200,169,110,.28);transition:transform .25s ease,box-shadow .25s ease}
.qbad-cta:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(200,169,110,.4);color:#14142a!important}
.qbad-cta svg{flex-shrink:0}
@media (max-width:640px){.qbad-feat{flex:1 1 100%}}

.qbad-section .qbad-showcase{margin-top:22px}
.qbad-section .qb-sponsored-signal .qbadc-head{text-align:center}
.qbad-section .qb-sponsored-signal .qbadc-heading{color:#fff!important}
.qbad-section .qb-sponsored-signal .qbadc-frame{border-color:rgba(200,169,110,.28)!important}
