/*
Theme Name: سفيرات الإسلام
Theme URI: https://safiratislam.com/
Author: OpenAI
Description: قالب عربي RTL لمدرسة سفيرات الإسلام، بتخطيط إخباري ثلاثي الأعمدة ومزامنة تلقائية مع قناة YouTube.
Version: 1.9
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: safiratislam
*/

:root{
  --blue:#0866c6;
  --blue-dark:#064b9d;
  --blue-soft:#2e73df;
  --border:#c7c7c7;
  --text:#111;
  --muted:#666;
  --bg:#f3f3f3;
}
*{box-sizing:border-box}
html{direction:rtl;scroll-behavior:smooth}
body{margin:0;background:#e9e9e9;color:var(--text);font-family:Tahoma,Arial,"Noto Kufi Arabic",sans-serif;font-size:16px;line-height:1.75}
a{color:#044ea9;text-decoration:none}a:hover{text-decoration:underline}
.site-shell{max-width:1220px;margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 10px rgba(0,0,0,.13)}
.site-header{background:linear-gradient(180deg,#0b79d6,#075eb7);border-top:4px solid #1680d8}
.header-inner{display:flex;align-items:center;gap:18px;padding:12px 18px;color:#fff}
.brand{display:flex;align-items:center;gap:12px;min-width:230px}
.brand-mark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--blue);font-size:26px;font-weight:900;box-shadow:inset 0 0 0 3px rgba(255,255,255,.45)}
.brand-text strong{display:block;font-size:22px;line-height:1.25}.brand-text span{font-size:12px;opacity:.9}
.top-nav{flex:1}
.top-nav ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:0;margin:0;padding:0}
.top-nav li{border-left:1px solid rgba(255,255,255,.18)}
.top-nav a{display:block;padding:10px 14px;color:#fff;font-weight:700;font-size:17px;text-shadow:0 1px 0 rgba(0,0,0,.2)}
.top-nav a:hover,.top-nav .current-menu-item>a{background:rgba(255,255,255,.12);text-decoration:none}
.mobile-menu-btn{display:none;margin-right:auto;background:#fff;color:var(--blue-dark);border:0;border-radius:4px;padding:8px 11px;font-size:21px}

.content-wrap{display:grid;grid-template-columns:280px minmax(0,1fr) 230px;gap:8px;padding:16px 8px 24px;align-items:start}
.panel{border:1px solid var(--border);background:#fff;margin-bottom:10px}
.panel-title{position:relative;margin:0;color:#fff;background:linear-gradient(180deg,#3f75f0,#2d5edb);font-size:21px;font-weight:800;padding:5px 14px 6px 46px;line-height:1.25;overflow:hidden}
.panel-title:before{content:"";position:absolute;left:12px;top:-11px;width:52px;height:44px;border-bottom:5px solid rgba(255,255,255,.92);transform:skewX(-38deg)}
.panel-body{padding:6px}

.hero{position:relative;height:400px;overflow:hidden;background:#222;border:1px solid #a9a9a9}
.hero-slide{display:none;position:absolute;inset:0;background:#222}.hero-slide.active{display:block}
.hero-slide img{width:100%;height:100%;object-fit:cover;display:block}
.hero-slide .fallback-hero{width:100%;height:100%;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.22),transparent 22%),linear-gradient(145deg,#1265af,#0d3f79 52%,#e8bd63)}
.hero-caption{position:absolute;right:0;left:0;bottom:42px;background:rgba(0,0,0,.62);color:#fff;padding:12px 20px;font-size:22px;font-weight:800;text-align:center}
.hero-dots{position:absolute;bottom:8px;right:50%;transform:translateX(50%);display:flex;gap:7px;z-index:4}
.hero-dot{width:11px;height:11px;border-radius:50%;border:2px solid #fff;background:#777;cursor:pointer}.hero-dot.active{background:#fff}

.quick-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:18px 4px;border-bottom:1px solid #bbb}
.pill{border:1px solid #d5d5d5;border-radius:22px;padding:5px 14px;background:#fff;color:#2866c4;font-size:15px}
.pill:hover{background:#f4f8ff;text-decoration:none}

.news-list{list-style:none;padding:0;margin:0}.news-list li{padding:8px 7px;border-bottom:1px solid #ddd;font-weight:700;line-height:1.45}.news-list li:last-child{border-bottom:0}
.news-time{color:#1752bb;font-weight:800;margin-left:5px}
.thumb-list{display:grid;gap:8px}.thumb-item{border-bottom:1px solid #ddd;padding-bottom:8px}.thumb-item:last-child{border-bottom:0}.thumb-item img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid #ccc;display:block;margin-bottom:5px}.thumb-item h3{font-size:16px;line-height:1.45;margin:0;text-align:center}
.video-thumb{position:relative;display:block}.video-thumb:after{content:"▶";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(210,0,0,.88);color:#fff;font-size:20px;padding-right:3px}

.article-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:10px}
.article-card{border:1px solid #ddd;background:#fff;min-height:110px}.article-card img{width:100%;height:150px;object-fit:cover;display:block}.article-card .card-inner{padding:8px 10px}.article-card h3{font-size:18px;line-height:1.45;margin:0 0 6px}.article-card p{font-size:14px;color:#555;margin:0}

.featured-opinion{display:grid;grid-template-columns:92px 1fr;gap:9px;padding:9px;border-bottom:1px solid #ddd}.featured-opinion img{width:92px;height:72px;object-fit:cover;border:1px solid #bbb}.featured-opinion h3{font-size:17px;margin:0 0 5px;line-height:1.4}.featured-opinion p{font-size:14px;margin:0;line-height:1.6}
.announcement{padding:9px;border-bottom:1px solid #ddd}.announcement:last-child{border-bottom:0}.announcement strong{display:block;color:#054ba1;margin-bottom:3px}

.main-section{margin-top:14px;border:1px solid #b7b7b7}.section-content{padding:8px}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.video-card{border:1px solid #ddd;background:#fff}.video-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.video-card h3{font-size:15px;line-height:1.45;margin:6px 8px 9px}.video-meta{font-size:12px;color:#666;padding:0 8px 8px}

.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.archive-item{border:1px solid #ddd}.archive-item img{width:100%;height:170px;object-fit:cover}.archive-item-content{padding:10px}.archive-item h2{font-size:19px;margin:0 0 6px;line-height:1.45}
.single-content{padding:18px;font-size:18px;line-height:2}.single-content img{max-width:100%;height:auto}.page-title{font-size:28px;margin:8px 0 14px;border-bottom:3px solid var(--blue);padding-bottom:8px}

.site-footer{background:#084d99;color:#fff;padding:22px 18px;text-align:center;border-top:5px solid #0c75d2}.site-footer a{color:#fff}.footer-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:8px}
.empty-box{padding:22px;text-align:center;color:#666}.site-search{display:flex;margin:10px 0}.site-search input{flex:1;padding:9px;border:1px solid #bbb;border-left:0}.site-search button{border:0;background:var(--blue);color:#fff;padding:0 16px;font-weight:700}

@media (max-width:980px){
  .content-wrap{grid-template-columns:220px minmax(0,1fr)}
  .left-column{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.left-column .panel{margin:0}.hero{height:340px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  body{background:#fff}.site-shell{box-shadow:none}.header-inner{padding:10px 12px;flex-wrap:wrap}.brand{min-width:auto}.brand-text strong{font-size:19px}.mobile-menu-btn{display:block}.top-nav{display:none;flex-basis:100%}.top-nav.open{display:block}.top-nav ul{display:block}.top-nav li{border-left:0;border-top:1px solid rgba(255,255,255,.15)}.top-nav a{padding:9px 8px}
  .content-wrap{display:flex;flex-direction:column;padding:8px}.right-column,.center-column,.left-column{width:100%;display:block}.center-column{order:1}.right-column{order:2}.left-column{order:3}
  .hero{height:260px}.hero-caption{font-size:17px;bottom:30px;padding:8px 10px}.article-cards,.video-grid,.archive-grid{grid-template-columns:1fr}.panel-title{font-size:19px}.article-card img{height:190px}
}

/* Former Safirat school public archive */
.school-intro-body{padding:16px 18px;background:#fff;border:1px solid #d7d7d7;border-top:0}.school-intro-text h3{margin:0 0 8px;color:#0755ad;font-size:22px}.school-intro-text p{font-size:17px;line-height:1.9;margin:6px 0}.more-link{display:inline-block;margin-top:8px;font-weight:700;color:#075dcc;text-decoration:none}.school-photo-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.school-photo-strip img{width:100%;height:110px;object-fit:cover;border:1px solid #d8d8d8;padding:2px;background:#fff}.contact-school-box{line-height:1.9}@media(max-width:760px){.school-photo-strip{grid-template-columns:repeat(2,1fr)}.school-photo-strip img{height:130px}.school-intro-text h3{font-size:19px}}

/* v1.2 visual refresh: Quranic green + warm gold */
:root{--blue:#0d6551;--blue-dark:#074438;--blue-soft:#17816a;--gold:#c9a94f;--border:#d7d2c6;--bg:#f5f2ea}
body{background:#ebe7dc;color:#17201d;font-family:Tahoma,Arial,"Noto Kufi Arabic",sans-serif}
.site-shell{box-shadow:0 4px 24px rgba(30,45,39,.16)}
.site-header{background:linear-gradient(135deg,#0b5949,#0e705c 58%,#156f5e);border-top:4px solid var(--gold)}
.header-inner{min-height:92px}
.brand{min-width:330px;gap:12px;color:#fff;text-decoration:none}
.brand:hover{text-decoration:none}
.brand-logo-wrap{width:92px;height:66px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);overflow:hidden}
.brand-logo{width:100%;height:100%;object-fit:contain;display:block}
.brand-text strong{font-size:23px;color:#fff}.brand-text span{font-size:12px;color:#f5e8bb}
.top-nav a{font-size:16px}.top-nav a:hover,.top-nav .current-menu-item>a{background:rgba(205,177,91,.18)}
.panel{border-color:#d6d0c2;border-radius:3px;overflow:hidden}
.panel-title{background:linear-gradient(135deg,#0f715c,#0a5b4a);border-bottom:3px solid var(--gold);padding-top:7px;padding-bottom:8px}
.panel-title:before{border-bottom-color:#e5c76f}
.hero{height:410px;border-color:#cfc6ae;background:#153f37;border-radius:3px}
.hero-slide img{filter:saturate(.92) contrast(1.02)}
.hero-caption{background:linear-gradient(90deg,rgba(9,40,34,.86),rgba(12,71,59,.78));border-top:1px solid rgba(224,195,104,.6);font-size:23px}
.hero-dot{border-color:#f4e7b9;background:#967d47}.hero-dot.active{background:#f4e7b9}
.pill{color:#0c6653;border-color:#cfc6b2;background:#fffdf8}.pill:hover{background:#f3ecd7}
a{color:#0a5b4a}.news-time{color:#9b7423}.announcement strong{color:#0a5b4a}
.article-card,.video-card{border-color:#ddd4c2;box-shadow:0 2px 8px rgba(42,55,48,.05)}
.article-card img,.video-card img,.thumb-item img{background:#123f36}
.site-footer{background:#073f35;border-top-color:var(--gold)}
.site-search button{background:#0d6551}
.page-title{border-bottom-color:var(--gold);color:#0c5d4d}
.school-intro-text h3{color:#0d6551}.more-link{color:#0d6551}

.quran-listen-grid{padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:linear-gradient(180deg,#fffdf7,#f5f0e4)}
.quran-listen-card{display:flex;gap:10px;align-items:center;border:1px solid #d9cfb6;background:#fff;padding:12px;border-radius:8px;color:#163b33;transition:transform .15s ease,box-shadow .15s ease}
.quran-listen-card:hover{transform:translateY(-2px);box-shadow:0 5px 14px rgba(30,55,45,.12);text-decoration:none}
.quran-listen-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:0 0 42px;background:#0d6551;color:#f7dd87;font-size:22px;font-weight:700}
.quran-listen-card strong{display:block;font-size:15px;line-height:1.45}.quran-listen-card small{display:block;color:#666;line-height:1.55;margin-top:3px}
.external-note{grid-column:1/-1;margin:0;padding:3px 6px;color:#777;font-size:12px}

@media(max-width:980px){.brand{min-width:260px}.quran-listen-grid{grid-template-columns:1fr}.hero{height:350px}}
@media(max-width:760px){.header-inner{min-height:auto}.brand{min-width:0;flex:1}.brand-logo-wrap{width:72px;height:54px}.brand-text strong{font-size:18px}.brand-text span{display:none}.hero{height:270px}.quran-listen-grid{grid-template-columns:1fr}}


/* v1.3 — header readability, channel branding, embedded Quran audio */
.site-header{background:linear-gradient(135deg,#073d33 0%,#0b5b4b 58%,#8a7335 140%) !important;border-top:4px solid #c9a94f !important}
.header-inner{padding:11px 18px !important;min-height:96px;align-items:center}
.brand{min-width:355px !important;max-width:410px;color:#fff !important;flex:0 0 auto}
.brand-logo-wrap{width:78px;height:78px;border-radius:50%;padding:3px;border:2px solid #d7ba60;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.18)}
.brand-logo{border-radius:50%;object-fit:cover}
.brand-text{display:block;min-width:0;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.brand-text strong{display:block !important;color:#fff !important;font-size:23px !important;font-weight:900;line-height:1.35;white-space:normal}
.brand-text span{display:block !important;color:#f4e5b0 !important;font-size:12px !important;line-height:1.65;opacity:1 !important;white-space:normal}
.top-nav a{color:#fff !important;text-shadow:0 1px 1px rgba(0,0,0,.28)}
.panel-title{background:linear-gradient(135deg,#0f715c,#075043) !important;color:#fff !important}

.quran-audio-intro{padding:12px 16px 5px;text-align:center;background:#fffdf8;color:#5c543d;font-size:15px}
.quran-audio-grid{padding:12px 14px 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:linear-gradient(180deg,#fffdf8,#f4efe1)}
.quran-audio-card{border:1px solid #d8ccb0;background:#fff;border-radius:10px;padding:12px;box-shadow:0 2px 8px rgba(39,56,48,.06)}
.quran-audio-heading{display:flex;align-items:center;gap:10px;margin-bottom:9px}.quran-audio-heading strong{display:block;color:#0b5b4b;font-size:17px}.quran-audio-heading small{display:block;color:#6e6755;font-size:12px;margin-top:1px}
.quran-audio-card audio{display:block;width:100%;height:38px}
.quran-audio-credit{margin:0;padding:0 14px 13px;text-align:center;background:#f4efe1;color:#82775d;font-size:11px}
@media(max-width:1050px){.brand{min-width:300px !important;max-width:330px}.brand-text strong{font-size:20px !important}.brand-logo-wrap{width:68px;height:68px}.top-nav a{padding:9px 10px;font-size:15px}}
@media(max-width:760px){.brand{min-width:0 !important;max-width:none;flex:1}.brand-logo-wrap{width:58px;height:58px}.brand-text strong{font-size:18px !important}.brand-text span{display:block !important;font-size:10px !important}.quran-audio-grid{grid-template-columns:1fr}}

/* v1.4 — keep the desktop navigation on one clean row */
.header-inner{gap:10px !important}
.brand{min-width:320px !important;max-width:340px !important}
.top-nav{min-width:0;overflow:visible}
.top-nav ul{display:flex !important;flex-wrap:nowrap !important;align-items:center;justify-content:flex-start;width:100%;white-space:nowrap}
.top-nav li{flex:0 1 auto;min-width:0}
.top-nav a{white-space:nowrap !important;padding:10px 10px !important;font-size:15px !important;line-height:1.25}

@media (max-width:1120px) and (min-width:901px){
  .header-inner{padding-left:12px !important;padding-right:12px !important;gap:7px !important}
  .brand{min-width:285px !important;max-width:300px !important;gap:8px}
  .brand-logo-wrap{width:62px;height:62px}
  .brand-text strong{font-size:19px !important}
  .brand-text span{font-size:10px !important;line-height:1.45}
  .top-nav a{padding:9px 7px !important;font-size:14px !important}
}

/* Before the menu becomes too tight, switch to the mobile menu instead of wrapping. */
@media (max-width:900px){
  .header-inner{flex-wrap:wrap !important;min-height:auto}
  .brand{min-width:0 !important;max-width:none !important;flex:1}
  .mobile-menu-btn{display:block}
  .top-nav{display:none;flex-basis:100%;width:100%}
  .top-nav.open{display:block}
  .top-nav ul{display:block !important;white-space:normal}
  .top-nav li{border-left:0;border-top:1px solid rgba(255,255,255,.15)}
  .top-nav a{white-space:normal !important;padding:10px 12px !important;font-size:15px !important}
}

/* v1.5 — video pagination and searchable Quran audio */
.quran-audio-tools{display:flex;gap:10px;padding:12px 14px;background:#fffdf8;border-bottom:1px solid #e0d5bd}.quran-audio-tools input,.quran-audio-tools select{min-width:0;border:1px solid #cfc3a8;border-radius:8px;background:#fff;padding:10px 12px;font-family:inherit;color:#174b40}.quran-audio-tools input{flex:1}.quran-audio-tools select{width:240px}.saf-video-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:16px 8px}.saf-video-pagination a,.saf-video-pagination span{display:inline-flex;min-width:36px;height:36px;align-items:center;justify-content:center;border:1px solid #cfc3a8;border-radius:7px;background:#fff;color:#0b5b4b;text-decoration:none;padding:0 8px}.saf-video-pagination a.active,.saf-video-pagination .current{background:#0b5b4b;color:#fff;border-color:#0b5b4b}.archive-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.quran-audio-tools{display:block}.quran-audio-tools input,.quran-audio-tools select{width:100%;margin:0 0 8px}.quran-listen-section{margin-top:12px}.archive-video-grid{grid-template-columns:1fr}}


/* v1.6 */
.quran-audio-card[hidden]{display:none!important}
.quran-audio-tools{position:relative;z-index:2}
.quran-audio-tools input[type="search"]{display:block!important;visibility:visible!important;opacity:1!important}
@media(max-width:760px){
  #latest-videos{display:block!important}
  .quran-listen-section{display:block!important;margin-top:14px!important}
  .quran-audio-tools{display:flex!important;flex-direction:column!important}
  .quran-audio-tools input,.quran-audio-tools select{display:block!important;width:100%!important;max-width:none!important}
}
/* Hide cookie-consent UI requested by site owner. */
#cookie-law-info-bar,#cookie_action_close_header,.cookie-law-info-bar,.cli-modal,.cli-settings-overlay,.cky-consent-container,.cky-btn-revisit-wrapper,.cky-modal,.cmplz-cookiebanner,.cmplz-manage-consent,.moove-gdpr-info-bar-container,.moove-gdpr-modal-wrapper,.cc-window,.cc-revoke{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}

/* v1.7 — force videos before Quran listening; clearer reciter search */
#main-center #latest-videos{position:relative;z-index:1}
#main-center .quran-listen-section{position:relative;z-index:1}
.quran-audio-tools{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(220px,.9fr) auto;gap:10px!important;align-items:end;padding:14px!important;background:#fffaf0!important;border:1px solid #ddcfad!important;border-top:0!important}
.quran-audio-tools label{display:block!important;margin:0 0 5px!important;font-size:13px!important;font-weight:800!important;color:#0b5b4b!important}
.quran-audio-tools input[type="search"],.quran-audio-tools select{display:block!important;width:100%!important;min-height:44px!important;border:1px solid #bdae88!important;border-radius:7px!important;background:#fff!important;padding:9px 11px!important;font-family:inherit!important;font-size:14px!important;color:#173f37!important}
#quran-filter-reset{min-height:44px;border:0;border-radius:7px;background:#0b5b4b;color:#fff;padding:0 16px;font-family:inherit;font-weight:800;cursor:pointer}
@media(max-width:760px){.quran-audio-tools{grid-template-columns:1fr!important}.quran-audio-tools>*,#quran-filter-reset{width:100%!important}.quran-listen-section{margin-top:14px!important}}

/* Remove all known cookie consent popups/revisit buttons. */
#cookie-law-info-bar,#cookie-law-info-again,#cookie_action_close_header,.cookie-law-info-bar,.cli-modal,.cli-settings-overlay,.cli_settings_button,
.cky-consent-container,.cky-btn-revisit-wrapper,.cky-revisit-bottom-left,.cky-revisit-bottom-right,.cky-modal,.cky-overlay,.cky-btn-customize,.cky-btn-reject,.cky-btn-accept,
.cmplz-cookiebanner,.cmplz-manage-consent,.cmplz-cookiebanner-container,
.moove-gdpr-info-bar-container,.moove-gdpr-modal-wrapper,.moove-gdpr-branding-cnt,
.cc-window,.cc-revoke,.cc-banner,.cookie-notice-container,#cookie-notice,.cookie-notice-visible,
[data-cky-tag="revisit-consent"],[data-cky-tag="notice"],[aria-label*="cookie" i][role="button"],button[aria-label*="cookie" i]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}

/* v1.8 Quran controls */
.quran-audio-tools{display:grid;grid-template-columns:minmax(200px,1.5fr) minmax(170px,1fr) minmax(150px,.8fr) auto;gap:10px;align-items:end;padding:14px;background:#f7f3e7;border:1px solid #d9c89b;margin:0 0 14px}
.quran-audio-tools label{display:block;font-weight:700;margin:0 0 5px;color:#0c5b49}
.quran-audio-tools input,.quran-audio-tools select{width:100%;height:42px;border:1px solid #c9b77f;border-radius:6px;background:#fff;padding:0 10px;font-family:inherit}
.quran-hizb-note{background:#fff8dc;border-right:4px solid #c8a83f;padding:9px 12px;margin:0 0 12px;font-size:14px;color:#5b4a16}
@media(max-width:760px){.quran-audio-tools{grid-template-columns:1fr 1fr}.quran-search-field{grid-column:1/-1}.quran-audio-grid{grid-template-columns:1fr!important}}
@media(max-width:480px){.quran-audio-tools{grid-template-columns:1fr}.quran-search-field{grid-column:auto}}


/* v1.9 — clean two-row desktop header and compact Quran library */
@media (min-width:901px){
  .header-inner{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    gap:8px 16px!important;
    padding:12px 18px 0!important;
  }
  .brand{
    grid-column:1/-1!important;
    justify-self:start!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }
  .brand-logo-wrap{flex:0 0 auto!important}
  .top-nav{
    grid-column:1/-1!important;
    width:calc(100% + 36px)!important;
    margin:4px -18px 0!important;
    padding:0 12px!important;
    background:rgba(0,0,0,.12)!important;
    border-top:1px solid rgba(255,255,255,.14)!important;
    overflow:hidden!important;
  }
  .top-nav ul{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    align-items:stretch!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
  }
  .top-nav li{flex:0 0 auto!important;min-width:0!important;border-left:1px solid rgba(255,255,255,.13)!important}
  .top-nav li:last-child{border-left:0!important}
  .top-nav a{display:block!important;padding:11px 14px!important;font-size:15px!important;line-height:1.25!important;white-space:nowrap!important}
}
@media (min-width:901px) and (max-width:1120px){
  .top-nav a{padding:10px 10px!important;font-size:14px!important}
}

.quran-audio-grid{position:relative}
.quran-audio-card.saf-quran-page-hidden{display:none!important}
.quran-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:14px;background:#f4efe1;border-top:1px solid #ddd1b5}
.quran-pagination button{min-width:38px;height:38px;padding:0 10px;border:1px solid #c9b77f;border-radius:7px;background:#fff;color:#0b5b4b;font-family:inherit;font-weight:700;cursor:pointer}
.quran-pagination button.is-active{background:#0b5b4b;color:#fff;border-color:#0b5b4b}
.quran-pagination button:disabled{opacity:.45;cursor:default}
.quran-pagination-status{width:100%;text-align:center;color:#6e654f;font-size:12px;margin-bottom:2px}
@media(max-width:760px){.quran-pagination{padding:10px 6px}.quran-pagination button{min-width:34px;height:34px;padding:0 7px}}
/* v2.0 article gallery */
.saf-opening-gallery .gallery{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0!important}.saf-opening-gallery .gallery-item{width:auto!important;margin:0!important}.saf-opening-gallery img{width:100%;height:240px;object-fit:cover;border-radius:8px}@media(max-width:700px){.saf-opening-gallery .gallery{grid-template-columns:1fr}.saf-opening-gallery img{height:auto}}