/*
Theme Name: المدينة العربية برو
Theme URI: https://almadina-al3arabiya.com
Author: المدينة العربية
Description: قالب مجلة المدينة العربية — مجلة المدينة والعمران والفكر. من نفس عائلة قالب الاختيار24 برو بهوية مستقلة.
Version: 3.26.0
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: almadina
License: GPLv2 or later
Tags: rtl-language-support, news, blog, two-columns, right-sidebar, custom-logo, custom-menu, featured-images
*/

/* ============================================================
   الهوية: بترولي عميق + ذهبي + ورق دافئ، مع أشرطة ملونة لكل بلوك
   الشعار والعناوين الكبرى: El Messiri — الواجهة: Almarai — القراءة: Noto Naskh Arabic
   ============================================================ */
:root{
  --paper:#f6f4ef; --card:#ffffff; --ink:#122226; --muted:#667275; --line:#e4e0d6;
  --brand:#0d3b44; --brand-2:#14535e; --deep:#072429; --gold:#c9a24b; --gold-2:#e5c77d; --accent:#b4432e;
  --sand:#efe7d6; --sage:#e4ebe2; --rose:#f4e6df; --clay:#9c3b28; --olive:#2c4a3b; --olive-2:#3b6150;
  --on-dark:#ffffff; --on-dark-2:#a9bfc3;
  --f-brand:'El Messiri','Almarai',Tahoma,sans-serif;
  --f-ui:'Almarai',Tahoma,Arial,sans-serif;
  --f-read:'Noto Naskh Arabic','Amiri','Traditional Arabic',serif;
  --r:12px; --sh:0 6px 20px rgba(7,36,41,.08);
  --pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.07'%3E%3Crect x='16' y='16' width='24' height='24'/%3E%3Crect x='16' y='16' width='24' height='24' transform='rotate(45 28 28)'/%3E%3C/g%3E%3C/svg%3E");
  --pattern-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Cg fill='none' stroke='%230d3b44' stroke-opacity='.07'%3E%3Crect x='16' y='16' width='24' height='24'/%3E%3Crect x='16' y='16' width='24' height='24' transform='rotate(45 28 28)'/%3E%3C/g%3E%3C/svg%3E");
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-ui);font-size:16px;line-height:1.75}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5{margin:0;line-height:1.45;text-wrap:balance;font-weight:800}
p{margin:0}
button{font-family:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.container{max-width:1280px;margin-inline:auto;padding-inline:24px}

/* ============ الشريط العلوي ============ */
.top-bar{background:var(--deep);color:var(--on-dark-2);font-size:13px;border-bottom:1px solid rgba(255,255,255,.06)}
.top-bar .container{display:flex;align-items:center;gap:18px;min-height:42px}
.tb-date{display:flex;align-items:center;gap:10px;white-space:nowrap}
.tb-date b{color:#fff;font-weight:700;font-variant-numeric:tabular-nums}
.weather{flex:1;min-width:0;display:flex;align-items:center;gap:0;overflow:hidden;justify-content:center}
.weather .w{display:flex;align-items:center;gap:6px;padding-inline:12px;border-inline-start:1px solid rgba(255,255,255,.08);white-space:nowrap}
.weather .w:first-child{border:0}
.weather .w svg{width:18px;height:18px;color:var(--gold-2);flex-shrink:0}
.weather .w b{color:#fff;font-weight:700;font-variant-numeric:tabular-nums}
.tb-end{display:flex;align-items:center;gap:14px}
.langs ul{display:flex;gap:12px}
.langs a:hover,.langs .current-lang a{color:var(--gold-2)}
.social{display:flex;gap:6px}
.social a{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.07);color:#dbe6e8;transition:background .2s,color .2s}
.social a:hover{background:var(--gold);color:var(--deep)}
.social svg{width:14px;height:14px}

/* ============ الترويسة ============ */
.masthead{background:var(--pattern),radial-gradient(120% 140% at 100% 0%,var(--brand-2) 0%,var(--brand) 45%,var(--deep) 100%);color:#fff;position:relative}
.masthead::after{content:"";position:absolute;inset-inline:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--deep),var(--gold) 25%,var(--gold-2) 50%,var(--gold) 75%,var(--deep))}
.masthead .container{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:34px 38px}
.brand{display:flex;align-items:center;gap:18px;min-width:0}
.brand img.custom-logo{max-height:110px;width:auto}
.brand-mark{width:96px;height:96px;flex-shrink:0;filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-name{font-family:var(--f-brand);font-weight:700;font-size:clamp(38px,5.2vw,62px);color:#fff;white-space:nowrap;letter-spacing:0;line-height:1.15}
.brand-name span{color:var(--gold-2)}
.brand-latin{font-family:Georgia,'Times New Roman',serif;font-size:12.5px;letter-spacing:.42em;color:var(--gold-2);text-transform:uppercase;margin-top:4px;direction:ltr;text-align:right}
.brand-tag{font-size:14px;color:var(--on-dark-2);margin-top:10px;display:flex;align-items:center;gap:10px}
.brand-tag::before{content:"";width:34px;height:2px;background:var(--gold)}

/* مساحات الإعلان */
.ad{display:flex;align-items:center;justify-content:center;margin-inline:auto;max-width:100%}
.ad>*{max-width:100%}
.ad-ph{border:1px dashed currentColor;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:13px;font-weight:700;opacity:.55;text-align:center;width:100%;height:100%}
.ad-ph small{font-weight:400;font-size:12px}
.ad-mast{width:728px;height:90px;color:#fff;flex-shrink:1}
.ad-wide{width:970px;height:90px;color:var(--muted);margin-block:34px}
.ad-box{width:300px;height:250px;color:var(--muted)}
.ad-inpost{width:100%;min-height:120px;color:var(--muted);margin-block:28px;background:var(--paper);border-radius:8px}
.ad-label{display:block;text-align:center;font-size:11px;color:var(--muted);margin-bottom:4px}

/* ============ القائمة (ثابتة) ============ */
.nav-wrap{background:var(--card);position:sticky;top:0;z-index:100;box-shadow:0 4px 18px rgba(7,36,41,.08)}
.admin-bar .nav-wrap{top:32px}
.nav-wrap .container{display:flex;align-items:center;gap:10px}
.main-nav{flex:1;min-width:0}
.main-nav>ul{display:flex;flex-wrap:nowrap}
.main-nav li{position:relative}
.main-nav>ul>li>a{display:block;padding:18px 10px;font-weight:800;font-size:14.5px;color:var(--ink);position:relative;white-space:nowrap}
.main-nav>ul>li>a::after{content:"";position:absolute;inset-inline:10px;bottom:0;height:3px;background:var(--gold);transform:scaleX(0);transition:transform .25s}
.main-nav>ul>li>a:hover::after,.main-nav .current-menu-item>a::after,.main-nav .current-menu-ancestor>a::after{transform:scaleX(1)}
.main-nav>ul>li>a:hover{color:var(--brand)}
.main-nav .sub-menu{position:absolute;top:100%;inset-inline-start:0;min-width:240px;background:var(--card);box-shadow:0 18px 40px rgba(7,36,41,.16);border-top:3px solid var(--gold);border-radius:0 0 10px 10px;padding-block:8px;display:none;z-index:20}
.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{display:block}
.main-nav .sub-menu a{display:block;font-size:14.5px;padding:9px 18px}
.main-nav .sub-menu a:hover{background:var(--paper);color:var(--accent)}
.nav-tools{display:flex;align-items:center;gap:10px}
.live-btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;font-weight:800;font-size:14px;padding:8px 16px;border-radius:40px;white-space:nowrap}
.live-btn i{width:9px;height:9px;border-radius:50%;background:#fff;animation:almadina-pulse 1.6s infinite}
.live-btn:hover{background:var(--clay)}
.search-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--card);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--brand)}
.search-btn:hover{background:var(--brand);color:#fff}
.search-btn svg{width:18px;height:18px}
.search-panel{background:var(--brand);padding-block:14px}
.search-panel form{display:flex;gap:10px;max-width:760px;margin-inline:auto}
.search-panel input{flex:1;min-width:0;font-family:inherit;font-size:16px;padding:12px 18px;border-radius:40px;border:0}
.search-panel button{background:var(--gold);color:var(--deep);border:0;border-radius:40px;padding:0 24px;font-weight:800;cursor:pointer}
.menu-toggle{display:none;background:none;border:0;cursor:pointer;padding:12px 4px;flex-direction:column;gap:5px}
.menu-toggle span{width:26px;height:3px;background:var(--brand);border-radius:2px}
.nav-brand{display:none;font-family:var(--f-brand);font-weight:700;font-size:22px;color:var(--brand);white-space:nowrap}
.nav-brand span{color:var(--gold)}

/* ============ شريط جديد المدينة ============ */
.ticker-wrap{background:var(--sand);border-bottom:1px solid var(--line)}
.ticker{display:flex;align-items:center;height:48px;overflow:hidden}
.ticker-label{background:var(--accent);color:#fff;height:32px;display:flex;align-items:center;gap:8px;padding-inline:14px;border-radius:4px;font-weight:800;font-size:14px;flex-shrink:0}
.ticker-label i{width:8px;height:8px;border-radius:50%;background:#fff;animation:almadina-pulse 1.6s infinite}
@keyframes almadina-pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}70%{box-shadow:0 0 0 8px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.ticker-marquee{flex:1;min-width:0;overflow:hidden;height:100%;display:flex;align-items:center;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ticker-track{display:flex;gap:44px;white-space:nowrap;font-size:14.5px;font-weight:700;animation:almadina-marquee 70s linear infinite;padding-inline-start:20px}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-track a{display:flex;align-items:center;gap:10px}
.ticker-track a::before{content:"";width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}
.ticker-track a:hover{color:var(--accent)}
.ticker-track time{color:var(--muted);font-weight:400;font-size:12.5px}
@keyframes almadina-marquee{from{transform:translateX(0)}to{transform:translateX(50%)}}

/* ============ عناصر مشتركة ============ */
.cat-tag{display:inline-block;font-size:12px;font-weight:800;padding:4px 11px;border-radius:4px;color:#fff;background:var(--brand)}
.c1{background:#0d3b44}.c2{background:#8a6a1f}.c3{background:#6b3f7a}.c4{background:#2f6b4f}.c5{background:#b4432e}.c6{background:#34506e}
.meta{font-size:13px;color:var(--muted);display:flex;gap:6px 12px;flex-wrap:wrap;align-items:center}
.thumb{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--brand),var(--brand-2));display:flex;align-items:center;justify-content:center}
.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
a:hover .thumb img{transform:scale(1.05)}
.thumb .ph{width:42px;height:42px;opacity:.4;color:#fff}
.t2{background:linear-gradient(135deg,#c9a24b,#7d6122)}.t3{background:linear-gradient(135deg,#7a4f8c,#3f2750)}.t4{background:linear-gradient(135deg,#3f8a64,#1d4a35)}.t5{background:linear-gradient(135deg,#c65a42,#7a2d1d)}.t6{background:linear-gradient(135deg,#4a6c90,#243a52)}
.empty-note{background:var(--card);border:1px dashed var(--line);border-radius:var(--r);padding:22px;color:var(--muted);text-align:center;grid-column:1/-1}

.block-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:22px;border-bottom:1px solid var(--line);position:relative}
.block-head::after{content:"";position:absolute;inset-inline-start:0;bottom:-1px;width:74px;height:3px;background:var(--gold)}
.block-head h2{font-family:var(--f-brand);font-size:30px;font-weight:700;padding-bottom:8px;color:var(--brand);line-height:1.3}
.block-head .parent{display:block;font-family:var(--f-ui);font-size:12.5px;font-weight:800;color:var(--accent);margin-bottom:2px}
.see-all{font-size:13px;font-weight:800;color:var(--accent);white-space:nowrap;padding-bottom:12px}
.see-all:hover{text-decoration:underline}

/* ============ أعلى الواجهة: 24 ساعة | السلايدر | رحى الكلام ============ */
.front-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.15fr) minmax(0,1fr);gap:22px;margin-block:28px}
.front-top>*{min-width:0}
.slider{position:relative;border-radius:var(--r);overflow:hidden;background:var(--deep);aspect-ratio:4/3;box-shadow:var(--sh)}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s,visibility .8s}
.slide.is-active{opacity:1;visibility:visible;z-index:1}
.slide .thumb{position:absolute;inset:0}
.slide .thumb img{transform:scale(1.06);transition:transform 7s linear}
.slide.is-active .thumb img{transform:scale(1)}
.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,36,41,0) 30%,rgba(7,36,41,.55) 58%,rgba(7,36,41,.96) 100%);z-index:1}
.slide-body{position:absolute;inset-inline:0;bottom:0;z-index:2;padding:26px 30px 66px;color:#fff}
.slide-body h2{font-size:clamp(22px,2.5vw,32px);font-weight:800;margin:12px 0 8px}
.slide-body h2 a:hover{color:var(--gold-2)}
.slide-body p{color:#d4e0e2;font-size:15.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.slide-body .meta{color:#b8c9cc;margin-top:10px}
.slider-ui{position:absolute;inset-inline:30px;bottom:22px;z-index:3;display:flex;align-items:center;gap:14px}
.dots{display:flex;gap:6px;flex:1}
.dots button{flex:1;max-width:40px;height:4px;border:0;border-radius:2px;background:rgba(255,255,255,.3);cursor:pointer;padding:0;position:relative;overflow:hidden}
.dots button.is-active::after{content:"";position:absolute;inset:0;background:var(--gold);transform-origin:right;animation:almadina-fill var(--dur,6s) linear forwards}
.slider.is-paused .dots button.is-active::after{animation-play-state:paused}
@keyframes almadina-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.counter{color:#fff;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.counter b{color:var(--gold-2);font-size:18px}
.arrows{display:flex;gap:8px}
.arrows button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(7,36,41,.35);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.arrows button:hover{background:var(--gold);color:var(--deep);border-color:var(--gold)}
.arrows svg{width:18px;height:18px}

.side-panel{border-radius:var(--r);box-shadow:var(--sh);padding:20px;display:flex;flex-direction:column;height:0;min-height:100%;overflow:hidden}
.side-panel .list{overflow:auto;flex:1;min-height:0;scrollbar-width:thin}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;margin-bottom:4px}
.panel-head h3{font-family:var(--f-brand);font-size:24px;font-weight:700;display:flex;align-items:center;gap:10px}
.panel-head a{font-size:12.5px;font-weight:800}

.latest{background:var(--card)}
.latest .panel-head{border-bottom:2px solid var(--ink)}
.latest .panel-head h3{color:var(--brand)}
.latest .panel-head h3 i{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(180,67,46,.15)}
.latest-item{display:grid;grid-template-columns:58px 1fr;gap:10px;padding-block:12px;border-bottom:1px solid var(--line)}
.latest-item:last-child{border-bottom:0}
.latest-item time{font-size:12px;font-weight:800;color:var(--accent);line-height:1.4}
.latest-item h4{font-size:14.5px;font-weight:700;line-height:1.6}
.latest-item:hover h4{color:var(--accent)}
.latest-item .cat{font-size:11.5px;color:var(--muted);font-weight:700}

.column-panel{background:var(--pattern),linear-gradient(160deg,var(--clay),#7b2c1d);color:#fff}
.column-panel .panel-head{border-bottom:2px solid rgba(255,255,255,.25)}
.column-panel .panel-head a{color:var(--gold-2)}
.col-item{display:grid;grid-template-columns:50px 1fr;gap:12px;padding-block:13px;border-bottom:1px solid rgba(255,255,255,.14);align-items:start}
.col-item:last-child{border:0}
.col-item img.avatar{width:50px;height:50px;border-radius:50%;border:2px solid var(--gold-2);object-fit:cover}
.col-item small{display:block;font-size:12.5px;font-weight:800;color:var(--gold-2)}
.col-item h4{font-family:var(--f-read);font-size:16px;font-weight:700;line-height:1.6}
.col-item:hover h4{text-decoration:underline;text-decoration-color:var(--gold-2);text-underline-offset:5px}

/* ============ أشرطة البلوكات الملونة ============ */
.band{padding-block:48px}
.band-light{background:var(--paper)}
.band-sand{background:var(--pattern-ink),var(--sand)}
.band-sage{background:var(--sage)}
.band-rose{background:var(--rose)}
.band-dark{background:var(--pattern),linear-gradient(160deg,var(--deep),var(--brand));color:#fff}
.band-dark .block-head{border-color:rgba(255,255,255,.15)}
.band-dark .block-head h2{color:#fff}
.band-dark .block-head .parent,.band-dark .see-all{color:var(--gold-2)}
.band-dark .meta,.band-dark time,.band-dark .card .sub{color:var(--on-dark-2)}
.band-dark .mini{border-color:rgba(255,255,255,.12)}
.band-dark .card:hover h3,.band-dark .mini:hover h4,.band-dark .lead-card:hover h3{color:var(--gold-2)}

/* نمط A: مادة رئيسية + لائحة */
.lead-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:30px}
.lead-card .thumb{aspect-ratio:16/10;border-radius:10px}
.lead-card h3{font-size:25px;margin:16px 0 8px}
.lead-card p{color:var(--muted);font-family:var(--f-read);font-size:17px;line-height:1.9}
.band-dark .lead-card p{color:#c9d7d9}
.lead-card:hover h3{color:var(--accent)}
.mini-list{display:flex;flex-direction:column}
.mini{display:grid;grid-template-columns:130px 1fr;gap:16px;padding-block:14px;border-bottom:1px solid var(--line)}
.mini:first-child{padding-top:0}.mini:last-child{border:0}
.mini .thumb{aspect-ratio:4/3;border-radius:8px}
.mini h4{font-size:16px;font-weight:700;line-height:1.6}
.mini:hover h4{color:var(--accent)}
.mini time{font-size:12px;color:var(--muted)}

/* نمط B: شبكة 4 */
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.card .thumb{aspect-ratio:16/10;border-radius:10px}
.card h3{font-size:16.5px;margin:12px 0 6px;line-height:1.6}
.card:hover h3{color:var(--accent)}
.card time{font-size:12.5px;color:var(--muted)}
.card .sub{font-size:14px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px}

/* نمط C: مادة كبيرة بالعنوان فوق الصورة + لائحة */
.overlay-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:26px}
.over-card{position:relative;border-radius:12px;overflow:hidden;min-height:420px;display:block}
.over-card .thumb{position:absolute;inset:0}
.over-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(7,36,41,.95));z-index:1}
.over-card .body{position:absolute;inset-inline:0;bottom:0;padding:26px;z-index:2;color:#fff}
.over-card h3{font-size:26px;margin-top:10px}
.over-card p{color:#d4e0e2;margin-top:6px}
.over-card:hover h3{color:var(--gold-2)}

/* ============ إنفوغرافيك ============ */
.info-band{background:var(--pattern),linear-gradient(160deg,var(--deep),var(--brand));padding-block:50px;color:#fff}
.info-band .block-head{border-color:rgba(255,255,255,.15)}
.info-band .block-head h2{color:#fff}
.info-band .see-all{color:var(--gold-2)}
.info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.info-card{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:3/4;display:block;border:1px solid rgba(255,255,255,.1)}
.info-card .thumb{position:absolute;inset:0}
.info-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,36,41,.95));z-index:1}
.info-card .body{position:absolute;inset-inline:0;bottom:0;padding:18px;z-index:2}
.info-card .badge{display:inline-block;font-size:11.5px;font-weight:800;color:var(--deep);background:var(--gold);padding:3px 9px;border-radius:4px}
.info-card h3{font-size:16px;margin-top:8px;line-height:1.6}
.info-card:hover h3{color:var(--gold-2)}

/* ============ قراءات المدينة (شريط مميز) ============ */
.readings{background:var(--pattern),linear-gradient(135deg,var(--olive) 0%,#1f3a2d 100%);padding-block:60px;color:#fff;position:relative;overflow:hidden}
.readings::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:8px;background:var(--gold)}
.readings .container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.3fr);gap:44px;align-items:center}
.readings-intro .eyebrow{font-size:13px;font-weight:800;color:var(--gold-2);letter-spacing:.3px}
.readings-intro h2{font-family:var(--f-brand);font-size:48px;font-weight:700;margin:6px 0 16px;line-height:1.2}
.readings-intro p{font-family:var(--f-read);font-size:18.5px;line-height:2;color:#d6e2da;margin-bottom:24px}
.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.book{background:#fbf8f1;color:var(--ink);border-radius:4px 12px 12px 4px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.28);display:flex;flex-direction:column;border-inline-start:6px solid var(--gold)}
.book .thumb{aspect-ratio:4/3}
.book .body{padding:16px 18px 20px}
.book h3{font-family:var(--f-read);font-size:18.5px;line-height:1.6}
.book:hover h3{color:var(--accent)}
.book .by{font-size:12.5px;color:var(--muted);margin-top:8px}

/* ============ شريط الأكثر قراءة + بودكاست + نشرة ============ */
.extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.extras>*{min-width:0}

/* ============ العمود الجانبي والودجات ============ */
.sidebar{display:flex;flex-direction:column;gap:26px;position:sticky;top:90px}
.widget{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:22px}
.widget-title{font-family:var(--f-brand);font-size:22px;font-weight:700;color:var(--brand);padding-bottom:10px;margin-bottom:14px;border-bottom:1px solid var(--line);position:relative}
.widget-title::after{content:"";position:absolute;inset-inline-start:0;bottom:-1px;width:44px;height:3px;background:var(--gold)}
.widget ul li{padding-block:8px;border-bottom:1px dotted var(--line)}
.widget ul li:last-child{border:0}
.most{counter-reset:m;display:flex;flex-direction:column}
.most li{display:grid!important;grid-template-columns:42px 1fr;gap:10px;align-items:start;padding-block:12px!important;border-bottom:1px solid var(--line)!important}
.most li:last-child{border:0!important}
.most li::before{counter-increment:m;content:counter(m);font-family:var(--f-brand);font-size:32px;font-weight:700;color:var(--gold);line-height:1}
.most h5{font-size:14.5px;font-weight:700;line-height:1.6}
.most a:hover h5{color:var(--accent)}
.widget.column-panel .widget-title{color:#fff;border-color:rgba(255,255,255,.2)}
.pod{background:var(--pattern),var(--brand);color:#fff}
.pod .widget-title{color:#fff;border-color:rgba(255,255,255,.15)}
.pod p{color:var(--on-dark-2);font-size:14px;margin-block:12px}
.wave{display:flex;align-items:center;gap:3px;height:48px}
.wave i{display:block;flex:1;background:var(--gold-2);border-radius:2px;opacity:.85}
.nl-box{background:var(--gold);color:var(--deep)}
.nl-box .widget-title{color:var(--deep);border-color:rgba(7,36,41,.15)}
.nl-box .widget-title::after{background:var(--deep)}
.nl-box p{font-size:15px;margin-bottom:14px}
.btn-gold{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--deep);font-weight:800;font-size:14px;padding:10px 22px;border-radius:40px;border:0;cursor:pointer;white-space:nowrap}
.btn-gold:hover{background:var(--gold-2)}
.btn-dark{display:inline-flex;background:var(--deep);color:#fff;font-weight:800;font-size:14px;padding:10px 22px;border-radius:40px}
.btn-dark:hover{background:var(--brand)}
.search-form{display:flex;gap:8px}
.search-form input[type=search]{flex:1;min-width:0;font-family:inherit;font-size:14px;padding:11px 14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}
.search-form button,.btn,input[type=submit]{font-family:inherit;background:var(--brand);color:#fff;border:0;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:800;cursor:pointer;display:inline-block}
.search-form button:hover,.btn:hover,input[type=submit]:hover{background:var(--gold);color:var(--deep)}

/* ============ رأس الصفحات الداخلية ============ */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:34px;align-items:start;margin-bottom:40px}
.page-hero{background:var(--pattern),linear-gradient(120deg,var(--deep),var(--brand));color:#fff;padding-block:44px 38px;margin-bottom:34px;position:relative}
.page-hero::after{content:"";position:absolute;inset-inline:0;bottom:0;height:4px;background:var(--gold)}
.breadcrumb{font-size:13px;color:var(--on-dark-2);display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.breadcrumb a:hover{color:var(--gold-2)}
.breadcrumb .current{color:#fff}
.page-hero h1{font-family:var(--f-brand);font-size:clamp(32px,4.5vw,52px);font-weight:700;line-height:1.25}
.page-hero .desc{color:#c9d7d9;font-size:17px;max-width:70ch;margin-top:10px;font-family:var(--f-read);line-height:1.9}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.chips a{font-size:13.5px;font-weight:700;padding:6px 14px;border-radius:30px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#e2ecee}
.chips a:hover,.chips a.active{background:var(--gold);color:var(--deep);border-color:var(--gold)}
.cat-lead{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:26px;background:var(--card);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;margin-bottom:30px}
.cat-lead .thumb{min-height:320px;height:100%}
.cat-lead .body{padding:28px 28px 28px 10px;display:flex;flex-direction:column;justify-content:center}
.cat-lead h2{font-size:clamp(22px,2.6vw,30px);margin:12px 0 10px}
.cat-lead p{color:var(--muted);font-family:var(--f-read);font-size:17px;line-height:1.9}
.cat-lead:hover h2{color:var(--accent)}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.pagination,.nav-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:36px 0 10px}
.page-numbers{min-width:42px;height:42px;padding-inline:12px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--card);border:1px solid var(--line);font-weight:800;font-size:14px}
.page-numbers.current,a.page-numbers:hover{background:var(--brand);color:#fff;border-color:var(--brand)}

/* ============ صفحة المقال ============ */
.progress{position:fixed;top:0;inset-inline:0;height:3px;z-index:200}
.progress i{display:block;height:100%;width:0;background:var(--gold)}
.admin-bar .progress{top:32px}
.article-head{background:var(--pattern),linear-gradient(120deg,var(--deep),var(--brand));color:#fff;padding-block:40px 120px}
.article-head .inner{max-width:920px}
.article-head h1{font-size:clamp(28px,4.2vw,46px);font-weight:800;line-height:1.4;margin:14px 0 12px}
.article-head .subtitle{font-family:var(--f-read);font-size:clamp(18px,2.2vw,22px);color:#cfdcde;line-height:1.8;font-weight:500}
.byline{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:22px;font-size:14px;color:var(--on-dark-2)}
.byline b{color:#fff}
.article-figure{margin:-90px 0 0;position:relative}
.article-figure img{width:100%;border-radius:var(--r) var(--r) 0 0;max-height:560px;object-fit:cover}
.article-figure figcaption{font-size:13px;color:var(--muted);background:var(--card);padding:10px 18px;border-bottom:1px solid var(--line)}
.article-figure.no-img{height:0;margin-top:-80px}

/* شريط الكاتب */
.author-strip{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--pattern-ink),linear-gradient(90deg,var(--gold),var(--gold-2));color:var(--deep);padding:18px 24px;border-radius:0 0 var(--r) var(--r);margin-bottom:30px;box-shadow:var(--sh)}
.author-strip img.avatar{width:64px;height:64px;border-radius:50%;border:3px solid var(--card);flex-shrink:0}
.author-strip .who{flex:1;min-width:200px}
.author-strip small{display:block;font-size:12.5px;font-weight:800;opacity:.75}
.author-strip .name{font-family:var(--f-brand);font-size:24px;font-weight:700;line-height:1.2}
.author-strip .bio{font-size:14px;margin-top:2px;opacity:.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.author-strip .facts{display:flex;gap:18px;font-size:13.5px;font-weight:700}
.author-strip .facts span{display:flex;flex-direction:column;align-items:center;line-height:1.3}
.author-strip .facts b{font-size:19px}
.author-strip .more{background:var(--deep);color:#fff;font-weight:800;font-size:13px;padding:9px 16px;border-radius:30px;white-space:nowrap}
.author-strip .more:hover{background:var(--brand)}

.article-body{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:34px clamp(20px,4vw,48px)}
.listen{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--paper);border:1px solid var(--line);border-radius:60px;padding:8px 10px 8px 18px;margin-bottom:28px}
.listen-btn{width:46px;height:46px;border-radius:50%;border:0;background:var(--brand);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.listen-btn:hover{background:var(--accent)}
.listen-btn svg{width:20px;height:20px}
.listen .label{font-weight:800;font-size:14.5px}
.listen .label small{display:block;font-weight:400;font-size:12.5px;color:var(--muted)}
.listen-bar{flex:1;min-width:120px;height:5px;background:var(--line);border-radius:3px;overflow:hidden}
.listen-bar i{display:block;height:100%;width:0;background:var(--gold);transition:width .3s}
.listen select{font-family:inherit;font-size:13px;border:1px solid var(--line);background:var(--card);border-radius:20px;padding:5px 10px;color:var(--ink)}
.listen-stop{background:none;border:0;cursor:pointer;color:var(--muted);font-size:13px;font-weight:700;padding:6px}
.listen-stop:hover{color:var(--accent)}
.listen.is-off{display:none}
.entry-content .is-reading{background:rgba(201,162,75,.16);box-shadow:0 0 0 8px rgba(201,162,75,.16);border-radius:4px}

.entry-content{font-family:var(--f-read);font-size:19px;line-height:2.05;color:#1f2d30}
.entry-content p{margin-bottom:1.15em}
.entry-content .dateline{font-family:var(--f-ui);font-size:14px;font-weight:800;color:var(--accent);margin-bottom:.8em}
.entry-content .dateline::before{display:inline-block;vertical-align:middle;margin-inline-end:10px}
.entry-content .dateline::before{content:"";width:22px;height:3px;background:var(--gold)}
.entry-content .lead-in{font-family:var(--f-brand);font-weight:700;color:var(--brand);font-size:1.3em;line-height:1}
.author-strip .initial svg{width:58px;height:58px}
.author-strip .initial{width:64px;height:64px;border-radius:50%;border:3px solid var(--card);background:var(--brand);color:var(--gold-2);display:flex;align-items:center;justify-content:center;font-family:var(--f-brand);font-size:30px;font-weight:700;flex-shrink:0}
.entry-content h2{font-family:var(--f-ui);font-size:25px;margin:1.5em 0 .6em;color:var(--brand);padding-inline-start:14px;border-inline-start:4px solid var(--gold)}
.entry-content h3{font-family:var(--f-ui);font-size:21px;margin:1.3em 0 .5em}
.entry-content a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.entry-content blockquote{margin:1.8em 0;padding:24px 28px;background:var(--paper);border-radius:10px;font-size:22px;font-weight:700;line-height:1.8;position:relative;border-inline-start:4px solid var(--gold)}
.entry-content ul,.entry-content ol{padding-inline-start:1.4em;margin-bottom:1.15em}
.entry-content ul{list-style:disc}.entry-content ol{list-style:decimal}
.entry-content figure{margin:1.6em 0}
.entry-content figcaption,.wp-caption-text{font-family:var(--f-ui);font-size:13px;color:var(--muted);text-align:center;margin-top:6px}
.entry-content img{border-radius:8px}
.entry-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;font-family:var(--f-ui);font-size:15px}
.entry-content td,.entry-content th{border:1px solid var(--line);padding:9px}
.alignleft{float:left;margin:0 1.2em 1em 0}.alignright{float:right;margin:0 0 1em 1.2em}.aligncenter{margin-inline:auto}
.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.article-tags a{font-size:13px;font-weight:700;background:var(--paper);border:1px solid var(--line);padding:5px 13px;border-radius:30px}
.article-tags a:hover{background:var(--brand);color:#fff}
.share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.share>span{font-weight:800;font-size:14px;margin-inline-end:4px}
.share a,.share button{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:0;cursor:pointer}
.share svg{width:17px;height:17px}
.share .fb{background:#1877f2}.share .x{background:#111}.share .wa{background:#25a244}.share .tg{background:#229ed9}.share .cp{background:var(--brand)}
.share .cp.done{background:var(--gold);color:var(--deep)}
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
.post-nav a{background:var(--card);border-radius:10px;box-shadow:var(--sh);padding:16px 18px;display:block}
.post-nav small{display:block;font-size:12px;color:var(--accent);font-weight:800}
.post-nav span{font-weight:700;font-size:15px;line-height:1.6}
.post-nav a:hover span{color:var(--accent)}
.post-nav .next{text-align:left}
.related{margin-top:40px}
.comments-area{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:26px;margin-top:30px}
.comments-area textarea,.comments-area input[type=text],.comments-area input[type=email],.comments-area input[type=url]{width:100%;font-family:inherit;font-size:15px;padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}
.comment-list li{padding-block:14px;border-bottom:1px solid var(--line)}
.page-body{max-width:880px;margin-inline:auto;background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:44px clamp(20px,5vw,64px);margin-bottom:50px}

/* ============ الفوتر ============ */
.main-footer{margin-top:0;color:#b9cacd}
.footer-nl{background:var(--pattern-ink),linear-gradient(90deg,var(--gold),var(--gold-2));color:var(--deep)}
.footer-nl .container{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-block:30px}
.footer-nl h3{font-family:var(--f-brand);font-size:30px;font-weight:700;line-height:1.2}
.footer-nl p{font-size:15px;margin-top:4px}
.footer-nl .nl-area{flex:1;max-width:540px;min-width:260px}
.footer-nl .nl-area .widget{background:none;box-shadow:none;padding:0}
.footer-nl .nl-area input[type=email],.footer-nl .nl-area input[type=text]{font-family:inherit;padding:12px 16px;border-radius:40px;border:0;font-size:15px}
.footer-nl .nl-area button,.footer-nl .nl-area input[type=submit]{background:var(--deep);color:#fff;border-radius:40px}
.footer-main{background:var(--pattern),var(--deep)}
.footer-inner{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:40px;padding-block:52px 44px}
.footer-brand .brand{gap:14px}
.footer-brand .brand-mark{width:72px;height:72px}
.footer-brand .brand-name{font-size:38px}
.footer-about{font-family:var(--f-read);font-size:16px;line-height:1.95;margin-block:18px 20px;color:#a9bec1;max-width:44ch}
.footer-col h4{font-family:var(--f-brand);color:#fff;font-size:21px;font-weight:700;margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}
.footer-col h4::after{content:"";position:absolute;inset-inline-start:0;bottom:-1px;width:36px;height:3px;background:var(--gold)}
.footer-col ul{display:flex;flex-direction:column;gap:10px}
.footer-col li{font-size:14.5px;margin:0;padding:0;border:0}
.footer-col li a{display:inline-flex;align-items:center;gap:9px;transition:color .2s,padding .2s}
.footer-col li a::before{content:"";width:5px;height:5px;background:var(--gold);transform:rotate(45deg);flex-shrink:0}
.footer-col li a:hover{color:var(--gold-2);padding-inline-start:4px}
.footer-col .sub-menu{display:none}
.footer-bottom{background:#051a1e;font-size:13px;color:#86a0a4}
.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-block:18px}
.footer-bottom ul{display:flex;gap:18px;flex-wrap:wrap}
.footer-bottom a:hover{color:var(--gold-2)}
.to-top{position:fixed;inset-inline-start:20px;bottom:20px;width:46px;height:46px;border-radius:50%;background:var(--gold);color:var(--deep);border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh);opacity:0;visibility:hidden;transition:opacity .3s;z-index:90}
.to-top.show{opacity:1;visibility:visible}

/* ============ التجاوب ============ */
@media (max-width:1300px){
  .live-btn{padding:10px}
  .live-btn span{display:none}
  .main-nav>ul>li>a{padding-inline:8px;font-size:14px}
}
@media (max-width:1180px){
  .ad-mast{display:none}
  .front-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .front-top .slider{grid-column:1/-1;order:-1;aspect-ratio:16/9}
  .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-inner{grid-template-columns:repeat(3,minmax(0,1fr))}
  .footer-inner>.footer-brand{grid-column:1/-1}
  .weather .w:nth-child(n+5){display:none}
}
@media (max-width:980px){
  .layout,.readings .container,.cat-lead,.lead-layout,.overlay-layout,.extras{grid-template-columns:1fr}
  .sidebar{position:static}
  .cat-lead .body{padding:0 22px 24px}
  .cat-lead .thumb{min-height:240px}
  .ad-wide{width:100%;height:auto;min-height:90px}
  .live-btn span{display:none}
}
@media (max-width:782px){.admin-bar .nav-wrap,.admin-bar .progress{top:46px}}
@media (max-width:760px){
  .container{padding-inline:16px}
  .weather{display:none}
  .top-bar .container{justify-content:space-between}
  .masthead .container{padding-block:22px 26px}
  .brand-mark{width:64px;height:64px}
  .brand-latin{letter-spacing:.25em;font-size:10.5px}
  .menu-toggle{display:flex}
  .nav-brand{display:block}
  .main-nav{position:absolute;top:100%;inset-inline:0;background:var(--card);box-shadow:0 14px 30px rgba(7,36,41,.15);max-height:75vh;overflow:auto}
  .nav-wrap:not(.open) .main-nav{display:none}
  .main-nav>ul{flex-direction:column;padding:8px 16px 16px}
  .main-nav>ul>li>a{padding:12px 4px;border-bottom:1px solid var(--line)}
  .main-nav>ul>li>a::after{display:none}
  .main-nav .sub-menu{position:static;display:block;box-shadow:none;border:0;padding:4px 0 8px;min-width:0}
  .main-nav .sub-menu a{padding:7px 18px;font-size:14px;color:var(--muted)}
  .nav-tools{margin-inline-start:auto}
  .front-top{grid-template-columns:1fr}
  .side-panel{height:auto;min-height:0}
  .slider,.front-top .slider{aspect-ratio:4/5}
  .slide-body{padding:20px 20px 62px}
  .slider-ui{inset-inline:20px}
  .grid4,.grid3,.grid2,.book-grid{grid-template-columns:1fr}
  .over-card{min-height:340px}
  .band{padding-block:36px}
  .block-head h2{font-size:25px}
  .article-head{padding-block:30px 90px}
  .entry-content{font-size:18px}
  .post-nav{grid-template-columns:1fr}
  .author-strip .facts{display:none}
  .footer-inner{grid-template-columns:1fr 1fr}
  .alignleft,.alignright{float:none;margin:1em 0}
}
@media (max-width:480px){
  .info-grid{grid-template-columns:1fr 1fr;gap:12px}
  .mini{grid-template-columns:100px 1fr}
  .readings-intro h2{font-size:36px}
  .footer-inner{grid-template-columns:1fr}
  .tb-date .hide-s{display:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .ticker-track{animation:none}
  .slide,.slide .thumb img,.thumb img{transition:none}
  .dots button.is-active::after{animation:none;transform:scaleX(1)}
}
.article-figure.no-img+.author-strip{border-radius:var(--r)}
/* القائمة المنسدلة (زر ☰) من عرض التابلت، باش تبقى القائمة فصف واحد فالحاسوب */
@media (max-width:1024px){
  .menu-toggle{display:flex}
  .nav-brand{display:block}
  .main-nav{position:absolute;top:100%;inset-inline:0;background:var(--card);box-shadow:0 14px 30px rgba(7,36,41,.15);max-height:75vh;overflow:auto}
  .nav-wrap:not(.open) .main-nav{display:none}
  .main-nav>ul{flex-direction:column;padding:8px 16px 16px}
  .main-nav>ul>li>a{padding:12px 4px;border-bottom:1px solid var(--line);font-size:15px}
  .main-nav>ul>li>a::after{display:none}
  .main-nav .sub-menu{position:static;display:block;box-shadow:none;border:0;padding:4px 0 8px;min-width:0}
  .main-nav .sub-menu a{padding:7px 18px;font-size:14px;color:var(--muted)}
  .nav-tools{margin-inline-start:auto}
}

/* ============ بلوك المدن السياحية: بطاقات بريدية ============ */
.band-travel{background:linear-gradient(180deg,#f3e4c8 0%,#f7efe0 100%);position:relative}
.band-travel::before{content:"";position:absolute;inset-inline:0;top:0;height:6px;background:repeating-linear-gradient(90deg,var(--accent) 0 24px,#fff 24px 32px,var(--brand) 32px 56px,#fff 56px 64px)}
.band-travel .block-head h2{color:#7a3a1f}
.travel-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);grid-auto-rows:260px;gap:18px}
.postcard{position:relative;border-radius:14px;overflow:hidden;display:block;background:#fff;box-shadow:0 14px 30px rgba(122,58,31,.18);border:6px solid #fff}
.postcard.big{grid-row:span 2}
.postcard .thumb{position:absolute;inset:0}
.postcard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(20,20,20,.82));z-index:1}
.postcard .stamp{position:absolute;top:12px;inset-inline-start:12px;z-index:2;display:inline-flex;align-items:center;gap:5px;background:#fff;color:#7a3a1f;font-size:12px;font-weight:800;padding:5px 10px;border-radius:30px;box-shadow:0 4px 10px rgba(0,0,0,.15)}
.postcard .stamp svg{width:14px;height:14px;color:var(--accent)}
.postcard .body{position:absolute;inset-inline:0;bottom:0;z-index:2;padding:18px;color:#fff}
.postcard h3{font-size:17px;line-height:1.55}
.postcard.big h3{font-size:clamp(22px,2.4vw,30px)}
.postcard p{color:#eadfcf;font-size:15px;margin-top:6px}
.postcard:hover h3{color:var(--gold-2)}
.postcard.cta{background:var(--pattern),linear-gradient(135deg,var(--accent),#7a2d1d);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}
.postcard.cta::after{display:none}
.postcard.cta .cta-icon svg{width:46px;height:46px;color:var(--gold-2)}
.postcard.cta b{font-family:var(--f-brand);font-size:26px}
.postcard.cta span{font-size:14px;opacity:.85}
.postcard.cta:hover{filter:brightness(1.08)}
.travel-grid.n1{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.travel-grid.n1 .postcard.big{grid-row:span 1}
.travel-grid.n2 .postcard.big,.travel-grid.n3 .postcard.big{grid-row:span 2}
.travel-grid.n2{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}

/* ============ بلوك المدينة الذكية: شريط تقني ============ */
.band-smart{--cy:#46d3c8;background:radial-gradient(circle at 1px 1px,rgba(70,211,200,.18) 1px,transparent 1.5px) 0 0/22px 22px,linear-gradient(135deg,#061a2b 0%,#0a2f45 60%,#0d3b44 100%);color:#e6f4f5}
.band-smart .block-head{border-color:rgba(70,211,200,.25)}
.band-smart .block-head::after{background:var(--cy)}
.band-smart .block-head h2{color:#fff}
.band-smart .block-head .parent,.band-smart .see-all{color:var(--cy)}
.smart-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);grid-auto-rows:minmax(200px,auto);gap:18px}
.smart-card{position:relative;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(70,211,200,.28);display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.smart-card:hover{border-color:var(--cy);transform:translateY(-3px)}
.smart-card .thumb{aspect-ratio:16/10}
.smart-card .thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(6,26,43,.6));mix-blend-mode:multiply}
.smart-card .body{padding:14px 16px 16px;position:relative}
.smart-card .idx{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;font-weight:700;color:var(--cy);letter-spacing:.1em}
.smart-card h3{font-size:16.5px;line-height:1.6;margin:4px 0 6px}
.smart-card:hover h3{color:var(--cy)}
.smart-card time{font-size:12px;color:#8fb3bd}
.smart-card.big{grid-row:span 2}
.smart-card.big .thumb{aspect-ratio:auto;flex:1;min-height:260px}
.smart-card.big h3{font-size:clamp(20px,2.2vw,27px)}
.smart-grid.n1{grid-template-columns:1fr}
.smart-grid.n3 .smart-card.big{grid-row:span 1}
.smart-card.cta{align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px;background:linear-gradient(135deg,rgba(70,211,200,.16),rgba(70,211,200,.04))}
.smart-card.cta b{font-family:var(--f-brand);font-size:22px;color:#fff}
.smart-card.cta .idx{font-size:28px}
.smart-grid.n2{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.smart-grid.n2 .smart-card.big{grid-row:span 1}

/* رسالة للمدير: بلوك بلا مقالات */
.block-missing{margin-block:24px;border:2px dashed var(--gold);background:#fffaf0;border-radius:12px;padding:16px 20px;font-size:14.5px;color:var(--ink)}
.block-missing small{display:block;color:var(--muted);margin-top:4px}

@media (max-width:980px){
  .travel-grid,.travel-grid.n1,.travel-grid.n2{grid-template-columns:1fr 1fr;grid-auto-rows:230px}
  .postcard.big{grid-column:1/-1;grid-row:span 1}
  .smart-grid,.smart-grid.n2{grid-template-columns:1fr 1fr}
  .smart-card.big{grid-column:1/-1;grid-row:span 1}
}
@media (max-width:560px){
  .travel-grid,.travel-grid.n1,.travel-grid.n2{grid-template-columns:1fr}
  .smart-grid,.smart-grid.n2{grid-template-columns:1fr}
}

/* ============ مدينة الشهر ============ */
.postcard.cotm{background:var(--pattern),linear-gradient(160deg,#d98a3d 0%,#b4432e 55%,#7a2d1d 100%);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;min-height:100%}
.postcard.cotm.has-img{background:linear-gradient(180deg,rgba(122,45,29,.25) 0%,rgba(122,45,29,.92) 70%),var(--cotm-img) center/cover no-repeat}
.postcard.cotm::after{display:none}
.postcard.cotm .dunes{position:absolute;inset-inline:0;bottom:0;width:100%;height:45%}
.cotm-badge{position:absolute;top:12px;inset-inline-start:12px;z-index:2;background:var(--gold);color:var(--deep);font-size:12px;font-weight:800;padding:5px 12px;border-radius:30px;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.cotm-body{position:relative;z-index:2;padding:18px}
.cotm-name{display:block;font-family:var(--f-brand);font-size:38px;font-weight:700;line-height:1.1}
.cotm-region{display:block;font-size:12.5px;font-weight:700;color:#ffe7b3;margin-top:4px}
.cotm-body p{font-size:14px;line-height:1.7;margin-top:8px;color:#fbeee4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cotm-go{display:inline-block;margin-top:10px;font-size:13px;font-weight:800;border-bottom:2px solid var(--gold-2);padding-bottom:2px}
.postcard.cotm:hover .cotm-name{color:var(--gold-2)}

.entry-content .dateline .dl-writer{color:var(--brand)}

/* ============ مبدّل اللغات ============ */
.lang-switch{display:flex;gap:4px;align-items:center}
.lang-switch li{list-style:none}
.lang-switch a{display:block;padding:3px 9px;border-radius:20px;font-size:12.5px;font-weight:700;color:#dbe6e8}
.lang-switch a:hover{color:var(--gold-2)}
.lang-switch a.is-current{background:var(--gold);color:var(--deep)}
/* إخفاء شريط ترجمة جوجل */
.goog-te-banner-frame,.skiptranslate>iframe,#goog-gt-tt,.goog-te-balloon-frame,.VIpgJd-ZVi9od-ORHb-OEVmcd{display:none!important}
body{top:0!important}
font[style]{background:none!important;box-shadow:none!important}
html.is-translated body{font-family:'Almarai',Tahoma,Arial,sans-serif}
html.is-translated .entry-content{font-family:Georgia,'Noto Naskh Arabic',serif}

/* ============ المدينة مباشر ============ */
.live-hero{background:var(--pattern),linear-gradient(120deg,#5a1a10,var(--accent) 55%,#c65a42)}
.live-title{display:flex;align-items:center;gap:14px}
.live-dot{width:16px;height:16px;border-radius:50%;background:#fff;animation:almadina-pulse 1.6s infinite;flex-shrink:0}
.live-stats{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:18px;font-size:14px;color:#f3d9d2}
.live-stats b{color:#fff;font-size:18px;font-variant-numeric:tabular-nums}
.timeline{list-style:none;margin:0;padding:0;position:relative}
.timeline::before{content:"";position:absolute;inset-block:0;inset-inline-start:86px;width:2px;background:var(--line)}
.tl-day{margin:10px 0 18px;position:relative;z-index:1}
.tl-day span{display:inline-block;background:var(--brand);color:#fff;font-weight:800;font-size:14px;padding:5px 16px;border-radius:30px}
.tl-item{display:grid;grid-template-columns:72px 1fr;gap:28px;margin-bottom:18px;position:relative}
.tl-item::before{content:"";position:absolute;inset-inline-start:80px;top:16px;width:14px;height:14px;border-radius:50%;background:var(--card);border:3px solid var(--gold);z-index:1}
.tl-item.is-fresh::before{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 5px rgba(180,67,46,.18)}
.tl-item time{text-align:end;padding-top:8px}
.tl-item time b{display:block;font-size:18px;color:var(--brand);font-variant-numeric:tabular-nums}
.tl-item time small{font-size:11.5px;color:var(--muted)}
.tl-card{display:grid;grid-template-columns:1fr 170px;gap:18px;background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:16px;align-items:start;transition:transform .2s}
.tl-card:hover{transform:translateY(-2px)}
.tl-card:not(:has(.thumb)){grid-template-columns:1fr}
.tl-card .thumb{aspect-ratio:4/3;border-radius:8px}
.tl-card h3{font-size:18px;margin:8px 0 6px;line-height:1.55}
.tl-card:hover h3{color:var(--accent)}
.tl-card p{font-size:14.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tl-meta{display:block;font-size:12.5px;color:var(--muted);margin-top:8px}
.wx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wx-card{background:var(--paper);border-radius:10px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.wx-card svg{width:30px;height:30px;color:var(--gold)}
.wx-card .c{font-size:13px;font-weight:700}
.wx-card b{font-size:22px;color:var(--brand);font-variant-numeric:tabular-nums}
.live-number .big-num{font-family:var(--f-brand);font-size:56px;font-weight:700;color:var(--accent);line-height:1.1}
.live-number p{font-size:14.5px;color:var(--muted);margin-top:6px}
@media (max-width:640px){
  .timeline::before{inset-inline-start:6px}
  .tl-item{grid-template-columns:1fr;gap:6px;padding-inline-start:26px}
  .tl-item::before{inset-inline-start:0;top:6px}
  .tl-item time{text-align:start;padding:0;display:flex;gap:10px;align-items:baseline}
  .tl-card{grid-template-columns:1fr}
  .tl-card .thumb{order:-1}
}
@media (max-width:560px){
  .top-bar .social{display:none}
  .top-bar .container{flex-wrap:wrap;justify-content:space-between;gap:6px 12px;padding-block:4px}
  .lang-switch a{padding:3px 7px}
}

/* ============ v3.14: رحى الكلام فالعمود الجانبي + صفحات المجلة ============ */
.widget.column-panel{background:var(--pattern),linear-gradient(160deg,var(--clay),#7b2c1d);color:#fff}
.widget.column-panel .widget-title::after{background:var(--gold-2)}
.widget.column-panel .col-item h4{color:#fff}
.page-body{max-width:880px;margin:0 auto 50px;background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:38px 44px}
.page-body .entry-content h2:first-child{margin-top:0}
.contact-mail{font-family:var(--f-ui);font-size:16px;background:var(--paper);border-radius:10px;padding:14px 18px;border-inline-start:4px solid var(--gold)}
.contact-mail span{font-weight:800;color:var(--brand)}
.contact-form{font-family:var(--f-ui);font-size:15px;display:grid;gap:14px;background:var(--paper);border-radius:12px;padding:24px;margin-bottom:1.4em}
.contact-form .cf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form label{display:grid;gap:6px;font-weight:800;color:var(--brand)}
.contact-form input,.contact-form select,.contact-form textarea{font:inherit;font-weight:400;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;padding:11px 13px;width:100%}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid var(--gold);border-color:var(--gold)}
.contact-form .cf-hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.contact-form .cf-legal{font-size:13px;color:var(--muted);margin:0;line-height:1.7}
.contact-form .cf-send{justify-self:start;background:var(--brand);color:#fff;border:0;border-radius:40px;padding:12px 30px;font:inherit;font-weight:800;cursor:pointer}
.contact-form .cf-send:hover{background:var(--gold);color:var(--deep)}
.cf-note{font-family:var(--f-ui);font-size:15px;font-weight:700;border-radius:10px;padding:14px 18px;margin-bottom:1em}
.cf-note.is-ok{background:#e8f4ec;color:#1a5c33;border-inline-start:4px solid #2e8b57}
.cf-note.is-err{background:#fbecea;color:var(--accent);border-inline-start:4px solid var(--accent)}
.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-bottom:1.6em;font-family:var(--f-ui)}
.entry-content .team-card{display:flex;align-items:center;gap:12px;background:var(--paper);border-radius:12px;padding:14px;text-decoration:none;color:var(--ink);border:1px solid transparent;transition:.2s}
.entry-content a.team-card:hover{border-color:var(--gold);background:#fff}
.team-card .team-emb{flex:0 0 54px;width:54px;height:54px;border-radius:50%;background:linear-gradient(160deg,var(--brand),var(--deep));display:grid;place-items:center;box-shadow:0 0 0 2px var(--gold)}
.team-card .team-emb svg{width:38px;height:38px}
.team-card b{display:block;font-size:16px;color:var(--brand);line-height:1.4}
.team-card small{display:block;font-size:12.5px;color:var(--muted);line-height:1.5}
.team-grid.is-board .team-card{background:linear-gradient(160deg,#fbf6ea,#f3e9cf)}
@media (max-width:640px){
  .page-body{padding:24px 18px;border-radius:0;box-shadow:none}
  .contact-form{padding:16px}.contact-form .cf-row{grid-template-columns:1fr}
}

/* ============ v3.16: عمود «مدينة الشهر» فالفوتر + صفحة «من نحن» ============ */
.footer-city .fc-card{display:block;position:relative;overflow:hidden;border-radius:12px;padding:16px 18px;background:linear-gradient(150deg,#c98a4b,#8f4a26);color:#fff;margin-bottom:12px}
.footer-city .fc-card::after{content:"";position:absolute;inset-inline:0;bottom:0;height:34px;background:radial-gradient(120% 60px at 30% 100%,rgba(255,255,255,.16),transparent 70%),radial-gradient(120% 50px at 80% 100%,rgba(255,255,255,.12),transparent 70%)}
.footer-city .fc-card b{display:block;font-family:var(--f-brand);font-size:28px;line-height:1.2}
.footer-city .fc-card span{display:block;font-size:12.5px;opacity:.85;margin-top:2px}
.footer-city .fc-card em{display:inline-block;font-style:normal;font-weight:800;font-size:13px;color:var(--gold-2);margin-top:10px;position:relative;z-index:1}
.footer-city .fc-write{display:flex;align-items:center;gap:10px;border:1px solid rgba(229,199,125,.35);border-radius:12px;padding:11px 14px;color:var(--gold-2)}
.footer-city .fc-write span{font-size:12.5px;color:#9fb5b8;line-height:1.5}
.footer-city .fc-write b{display:block;color:#fff;font-size:14px}
.footer-city .fc-write:hover{background:rgba(229,199,125,.08)}

.entry-content .about-lead{font-family:var(--f-brand);font-size:27px;line-height:1.75;color:var(--brand);padding-inline-start:20px;border-inline-start:4px solid var(--gold);margin-bottom:1.3em}
.about-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:1.6em 0;font-family:var(--f-ui)}
.about-nums div{background:var(--pattern),linear-gradient(160deg,var(--brand),var(--deep));color:#fff;border-radius:12px;padding:18px 16px;text-align:center}
.about-nums b{display:block;font-family:var(--f-brand);font-size:34px;color:var(--gold-2);line-height:1.2}
.about-nums span{font-size:13.5px;opacity:.85}
.about-secs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-bottom:1.6em;font-family:var(--f-ui)}
.entry-content a.about-sec{display:flex;gap:12px;align-items:flex-start;text-decoration:none;color:var(--ink);background:var(--paper);border-radius:12px;padding:14px;border:1px solid transparent;transition:.2s}
.entry-content a.about-sec:hover{border-color:var(--gold);background:#fff}
.about-sec .ic{flex:0 0 42px;height:42px;border-radius:10px;background:var(--brand);color:var(--gold-2);display:grid;place-items:center}
.about-sec .ic svg{width:24px;height:24px}
.about-sec b{display:block;font-size:15.5px;color:var(--brand);line-height:1.5}
.about-sec small{display:block;font-size:13px;color:var(--muted);line-height:1.6;margin-top:2px}
.about-formats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.4em;font-family:var(--f-ui)}
.about-formats span{background:var(--sand);color:var(--brand);font-size:14px;font-weight:800;padding:7px 15px;border-radius:40px}
.about-values{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:1.6em;font-family:var(--f-ui)}
.about-values>div{background:var(--paper);border-radius:12px;padding:16px 18px;border-top:3px solid var(--gold)}
.about-values b{display:block;font-size:16.5px;color:var(--brand);margin-bottom:4px}
.entry-content .about-values p{font-size:14.5px;line-height:1.8;margin:0;color:#3d4b4e}
.about-cta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:2em;font-family:var(--f-ui)}
.about-cta>div{border-radius:14px;padding:22px}
.about-cta>div:first-child{background:var(--pattern),linear-gradient(160deg,var(--clay),#7b2c1d);color:#fff}
.about-cta>div:last-child{background:linear-gradient(150deg,var(--gold-2),var(--gold));color:var(--deep)}
.about-cta b{display:block;font-family:var(--f-brand);font-size:22px;margin-bottom:4px}
.entry-content .about-cta p{font-size:14.5px;line-height:1.8;margin-bottom:14px}
.entry-content .about-cta a{display:inline-block;text-decoration:none;font-weight:800;font-size:14px;padding:9px 20px;border-radius:40px;background:#fff;color:var(--clay)}
.entry-content .about-cta>div:last-child a{background:var(--deep);color:#fff}
@media (max-width:640px){
  .entry-content .about-lead{font-size:22px}
  .about-values,.about-cta{grid-template-columns:1fr}
}
.team-card .team-emb.has-photo{background:none;overflow:hidden}
.team-card .team-emb.has-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%;margin:0}
.fb-legal{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;margin:0}
.fb-legal>span:not(:last-child)::after{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--gold);vertical-align:middle;margin-inline:12px}
.fb-legal bdi{color:#c9d6d8}
.footer-bottom .fb-colophon{display:grid;gap:8px;justify-content:stretch;padding-block:18px 16px;border-bottom:1px solid rgba(255,255,255,.07)}
.fb-colophon p{display:flex;flex-wrap:wrap;gap:6px 26px;margin:0}
.colo-team span{color:#86a0a4}
.colo-team b{color:var(--gold-2);font-weight:700}
.colo-contact span{display:inline-flex;align-items:center;gap:7px;color:#c9d6d8}
.colo-contact svg{color:var(--gold)}
.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:1.6em;font-family:var(--f-ui)}
.contact-cards>div{background:var(--paper);border-radius:12px;padding:16px 18px;border-top:3px solid var(--gold)}
.contact-cards .ci{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--brand);color:var(--gold-2);margin-bottom:8px}
.contact-cards small{display:block;font-size:13px;color:var(--muted)}
.contact-cards b{display:block;font-size:16px;color:var(--brand);overflow-wrap:anywhere}
.entry-content .contact-cards a{color:var(--brand);text-decoration:none}
.legal-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:1.6em;font-family:var(--f-ui)}
.legal-box>div{background:var(--paper);border-radius:10px;padding:12px 16px;border-inline-start:3px solid var(--gold)}
.legal-box span{display:block;font-size:13px;color:var(--muted)}
.legal-box b{display:block;font-size:17px;color:var(--brand);text-align:right;unicode-bidi:plaintext}
@media (min-width:1025px){
  .main-nav>ul>li>a{padding-inline:8px;font-size:14px}
  .main-nav>ul>li>a::after{inset-inline:8px}
}
@media (max-width:640px){.footer-bottom{padding-bottom:64px}}
a.tel{display:inline-flex;align-items:center;gap:7px;direction:ltr;unicode-bidi:isolate}
a.tel span{direction:ltr;unicode-bidi:isolate}
a.tel .flag{border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.25);flex:0 0 auto}

/* ============ v3.23: بلوك «مدن العالم» ============ */
.band-world{position:relative;overflow:hidden;background:radial-gradient(120% 100% at 80% 0%,#1d4f6e 0%,#123449 45%,#0a1f2c 100%);color:#fff}
.band-world .world-grid{position:absolute;inset:0;width:100%;height:100%;color:rgba(229,199,125,.13);pointer-events:none}
.band-world .container{position:relative}
.band-world .block-head h2{color:#fff}
.band-world .block-head .parent{color:var(--gold-2)}
.band-world .see-all{color:var(--gold-2)}
.world-grid-cards{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:repeat(3,auto);gap:16px}
.world-grid-cards.n1{grid-template-columns:1fr}
.world-card{display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px;color:#fff;transition:.2s}
.world-card:hover{background:rgba(255,255,255,.11);border-color:rgba(229,199,125,.45)}
.world-card .thumb{aspect-ratio:4/3;border-radius:10px;overflow:hidden}
.world-card .thumb img{width:100%;height:100%;object-fit:cover}
.world-card h3{font-size:16.5px;line-height:1.6;font-weight:800}
.world-card .pin{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;color:var(--deep);background:var(--gold-2);border-radius:30px;padding:2px 10px;margin-bottom:6px}
.world-card.big{grid-row:1 / span 3;grid-template-columns:1fr;align-content:start;padding:0;overflow:hidden}
.world-card.big .thumb{aspect-ratio:16/10;border-radius:0}
.world-card.big .body{padding:18px 20px 22px}
.world-card.big h3{font-family:var(--f-brand);font-size:25px;line-height:1.5}
.world-card.big p{color:#c9d6d8;font-size:15px;line-height:1.8;margin-top:6px}
@media (max-width:860px){
  .world-grid-cards{grid-template-columns:1fr}
  .world-card.big{grid-row:auto}
  .world-card{grid-template-columns:110px 1fr}
}

/* ============ v3.24: خانة الاشتراك فالنشرة ============ */
.nl-form{display:flex;gap:8px;background:#fff;border-radius:40px;padding:6px;box-shadow:0 8px 22px rgba(7,36,41,.12)}
.nl-form input[type=email]{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:15px;padding:10px 16px;color:var(--ink);outline:none;text-align:right}
.nl-form input[type=email]::placeholder{color:#8a9597}
.nl-form button{border:0;cursor:pointer;background:var(--deep);color:#fff;font:inherit;font-weight:800;font-size:15px;padding:10px 26px;border-radius:40px;white-space:nowrap}
.nl-form button:hover{background:var(--brand)}
.nl-hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.nl-msg{font-weight:800;font-size:14.5px;margin-bottom:10px;padding:8px 14px;border-radius:10px;background:rgba(255,255,255,.55)}
.nl-msg.nl-ok,.nl-msg.nl-dup{color:#14532d}
.nl-msg.nl-bad,.nl-msg.nl-wait{color:var(--accent)}
.nl-box .nl-form{box-shadow:none}
.nl-box .nl-form button{padding:10px 18px}

/* 3.25 — رابط العدد الورقي فالشريط */
.main-nav .nav-issue>a{color:var(--gold)!important;font-weight:800}
.main-nav .nav-issue>a::before{content:"";display:inline-block;width:.85em;height:.85em;margin-inline-end:.35em;vertical-align:-.1em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5.5C5.5 4.5 8.5 4.5 12 6.5v13c-3.5-2-6.5-2-9-1z M21 5.5c-2.5-1-5.5-1-9 1v13c3.5-2 6.5-2 9-1z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5.5C5.5 4.5 8.5 4.5 12 6.5v13c-3.5-2-6.5-2-9-1z M21 5.5c-2.5-1-5.5-1-9 1v13c3.5-2 6.5-2 9-1z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat}

/* 3.26 — العدد الورقي: فالشريط العلوي فالحاسوب، وفالقائمة المنسدلة فالهاتف */
.tb-issue{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--deep)!important;background:var(--gold);font-weight:800;font-size:12.5px;line-height:1;padding:6px 12px;border-radius:20px;transition:background .2s}
.tb-issue:hover{background:var(--gold-2)}
.tb-issue::before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5.5C5.5 4.5 8.5 4.5 12 6.5v13c-3.5-2-6.5-2-9-1z M21 5.5c-2.5-1-5.5-1-9 1v13c3.5-2 6.5-2 9-1z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5.5C5.5 4.5 8.5 4.5 12 6.5v13c-3.5-2-6.5-2-9-1z M21 5.5c-2.5-1-5.5-1-9 1v13c3.5-2 6.5-2 9-1z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat}
@media (min-width:1025px){.main-nav .nav-issue{display:none}}
@media (max-width:1024px){.tb-issue{display:none}}