/* =========================================================
   TV Iranian Republic RC2 final theme + responsive/media fixes
   Keep existing layout; change brand to navy-blue logo theme.
   ========================================================= */
:root{
  --navy:#061b3a;
  --navy-2:#0b2d63;
  --navy-3:#0f4fa8;
  --brand-blue:#0b4fb3;
  --brand-red:#dc2626;
  --silver:#e5e7eb;
  --line:#e5e7eb;
  --shadow:0 18px 45px rgba(15,23,42,.08);
}
*{box-sizing:border-box;}
html,body{max-width:100%;overflow-x:hidden;}
img,video,iframe{max-width:100%;}

/* Header/nav: navy instead of red */
.site-header .topbar{background:#111827!important;color:#fff!important;}
.brandbar{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 58%,var(--navy-3) 100%)!important;color:#fff!important;}
.brand strong,.brand small{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.18);}
.brand-logo{width:86px!important;height:86px!important;border-radius:50%!important;object-fit:contain!important;background:transparent!important;border:0!important;box-shadow:0 10px 28px rgba(0,0,0,.22)!important;}
.main-nav{background:#061b3a!important;box-shadow:0 4px 18px rgba(0,0,0,.14)!important;}
.nav-menu a{color:#fff!important;opacity:.95;}
.nav-menu a:hover{color:#fff!important;opacity:1;}
.nav-menu a:after{background:#fff!important;}
.mobile-nav-toggle{color:#061b3a!important;}
.header-search-btn,.live-pill{border-color:rgba(255,255,255,.45)!important;color:#fff!important;background:rgba(255,255,255,.08)!important;}
.header-search-btn:hover,.live-pill:hover{background:rgba(255,255,255,.16)!important;}
.donate-pill{background:#fff!important;color:var(--brand-red)!important;border:0!important;box-shadow:0 12px 28px rgba(0,0,0,.16)!important;display:inline-flex!important;align-items:center!important;gap:8px!important;}
.donate-pill-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:26px!important;height:26px!important;border-radius:50%!important;background:#fff3f3!important;color:var(--brand-red)!important;line-height:1!important;margin:0!important;}
.donate-pill:before,.donate-pill:after,.donate-pill-icon:before,.donate-pill-icon:after{content:none!important;display:none!important;}

/* Top/footer social icons: white, compact, no labels */
.topbar-social a,.topbar-social-link,.footer-social-link,.footer-socials a,.dynamic-footer-socials a{background:transparent!important;color:#fff!important;fill:#fff!important;border:0!important;box-shadow:none!important;width:34px!important;height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;font-size:0!important;margin:0 5px!important;padding:0!important;}
.topbar-social a span,.topbar-social-link span,.footer-social-link span,.footer-socials a span,.dynamic-footer-socials a span{display:none!important;}
.topbar-social svg,.footer-socials svg,.footer-social-link svg,.dynamic-footer-socials svg{width:22px!important;height:22px!important;color:#fff!important;fill:#fff!important;}
.site-footer{background:#111827!important;color:#fff!important;padding-top:28px!important;padding-bottom:12px!important;}
.footer-grid{padding:28px 0!important;}
.footer-socials,.dynamic-footer-socials{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;justify-content:flex-start!important;}
.footer-bottom{padding:12px!important;}

/* Responsive article/development cover images: no crop */
.clean-cover{width:min(900px,100%)!important;background:#f8fafc!important;border:1px solid #eef2f7!important;box-shadow:0 14px 32px rgba(15,23,42,.08)!important;}
.clean-cover img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;border-radius:16px!important;}
.detail-image,.detail-hero,.detail-cover-image{height:auto!important;max-height:none!important;object-fit:contain!important;}
.reading-content img,.clean-content img,.detail-content img{height:auto!important;max-width:100%!important;object-fit:contain!important;}

/* Content media viewer */
.content-media-viewer{margin:24px 0 32px;direction:rtl;}
.content-main-video{margin:0 0 24px;background:#020617;border-radius:18px;overflow:hidden;box-shadow:0 18px 42px rgba(15,23,42,.16);}
.content-main-video video{display:block;width:100%;max-height:620px;background:#000;}
.content-main-video figcaption{display:grid;gap:4px;padding:14px 18px;color:#fff;}
.content-main-video figcaption span{font-size:14px;color:rgba(255,255,255,.75);}
.content-image-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0;}
.content-gallery-item{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:#111827;box-shadow:0 10px 28px rgba(15,23,42,.06);}
.content-gallery-item img{width:100%;height:160px;object-fit:cover;display:block;}
.content-gallery-item span{display:block;padding:10px 12px;font-size:13px;line-height:1.7;}
.content-audio-item,.content-file-item{display:block;background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:14px;margin:12px 0;}
.content-audio-item audio{width:100%;margin-top:8px;}
.content-embed-item iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:16px;background:#111;}
.hls-status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;background:#eef2ff;color:#1d4ed8;}

/* Mobile cleanup without shrinking the design too much */
@media(max-width:900px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
  .container,.site-main,.site-header,.site-footer,main,section,header,footer{max-width:100%!important;overflow-x:hidden!important;}
  .brandbar-inner{min-height:auto!important;padding:18px 0!important;}
  .brand-logo{width:62px!important;height:62px!important;}
  .brand strong{font-size:30px!important;line-height:1.25!important;}
  .brand small{display:none!important;}
  .brand-actions{display:flex!important;gap:8px!important;align-items:center!important;}
  .donate-pill,.header-search-btn{height:46px!important;min-width:46px!important;}
  .live-pill{display:none!important;}
  .main-nav{position:sticky!important;top:0!important;z-index:70!important;background:#fff!important;box-shadow:0 3px 16px rgba(15,23,42,.10)!important;}
  .nav-inner{height:58px!important;justify-content:flex-start!important;overflow:visible!important;}
  .mobile-nav-toggle{display:inline-flex!important;align-items:center!important;gap:8px!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:14px!important;padding:10px 14px!important;box-shadow:0 8px 24px rgba(15,23,42,.10)!important;}
  .mobile-nav-backdrop{position:fixed!important;inset:0!important;background:rgba(15,23,42,.55)!important;z-index:9998!important;}
  .nav-menu{position:fixed!important;top:0!important;right:0!important;left:auto!important;bottom:0!important;width:min(300px,86vw)!important;height:100dvh!important;background:#fff!important;z-index:9999!important;transform:translateX(105%)!important;transition:transform .24s ease!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:0 0 20px!important;margin:0!important;border-radius:0!important;box-shadow:-20px 0 48px rgba(15,23,42,.28)!important;overflow-y:auto!important;overflow-x:hidden!important;pointer-events:none!important;}
  .nav-menu.open{transform:translateX(0)!important;pointer-events:auto!important;}
  .nav-menu li{width:100%!important;border-bottom:1px solid #eef2f7!important;}
  .nav-menu a{display:flex!important;width:100%!important;padding:15px 20px!important;color:#111827!important;background:#fff!important;text-align:right!important;white-space:normal!important;line-height:1.8!important;}
  .mobile-menu-head{display:flex!important;align-items:center!important;justify-content:space-between!important;background:linear-gradient(135deg,var(--navy),var(--navy-2))!important;color:#fff!important;padding:18px!important;}
  .mobile-menu-close{color:#fff!important;border:1px solid rgba(255,255,255,.35)!important;background:rgba(255,255,255,.12)!important;}
  body.drawer-open,body.nav-open{overflow:hidden!important;}
  .detail-page-sidebar,.list-page-sidebar,.left-sidebar.mobile-hide,.mobile-hide-sidebar{display:none!important;}
  .detail-page-layout,.list-page-layout,.home-layout,.inner-layout{grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;}
  .content-image-gallery{grid-template-columns:1fr 1fr;}
  .content-gallery-item img{height:125px;}
  .content-main-video video{max-height:360px;}
  .footer-grid{grid-template-columns:1fr!important;text-align:right!important;}
  .footer-socials,.dynamic-footer-socials{justify-content:flex-start!important;}
}
@media(max-width:560px){
  .brandbar-inner{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
  .brand{justify-content:flex-start!important;}
  .brand-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .donate-pill,.header-search-btn{width:100%!important;justify-content:center!important;}
  .brand strong{font-size:26px!important;}
  .hero-slider,.main-slider,.slider{max-width:100%!important;overflow:hidden!important;}
  .slider-arrow{display:none!important;}
  .content-image-gallery{grid-template-columns:1fr;}
  .clean-reading-card{padding:18px!important;}
  .clean-article-header h1{font-size:25px!important;}
  .clean-cover{width:100%!important;margin:16px auto 20px!important;}
}