/*
Theme Name: Hespress News Theme
Theme URI: https://hespress.com
Author: Hespress Dev Team
Author URI: https://hespress.com
Description: قالب إخباري احترافي متكامل مبني على تصميم هوسبريس. يدعم العربية RTL بالكامل، يتضمن أخباراً عاجلة، Hero ديناميكي، مقالات، فيديو، فوتوغرافيا، مساحات إعلانية Google AdSense، SEO Schema، وضع مظلم، وتجاوب كامل على جميع الأجهزة.
Version: 2.0.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hespress
Tags: news, rtl-language, arabic, responsive-layout, custom-colors, featured-images, custom-menu, threaded-comments, translation-ready, dark-mode, full-width-template, custom-background
*/

/* ============================================================
   Hespress News Theme — Main Stylesheet v2.0.0
   Built from Hespress complete design
   ============================================================ */


:root{
  --P:#1a4fa0;--PD:#0d2d5e;--PL:#2563c7;--PX:#dbeafe;
  --gold:#f59e0b;--red:#dc2626;--green:#059669;--orange:#ea580c;--purple:#7c3aed;
  --white:#fff;--bg:#f0f4fb;--border:#e2e8f0;
  --text:#1a1a2e;--muted:#64748b;--light:#94a3b8;
  --sh:0 2px 12px rgba(26,79,160,.10);--shl:0 8px 32px rgba(26,79,160,.18);
  --r:10px;--tr:all .22s ease;
}
[data-theme=dark]{
  --white:#0f172a;--bg:#1e293b;--border:#334155;
  --text:#e2e8f0;--muted:#94a3b8;--PX:#1e3a6e;
  --sh:0 2px 12px rgba(0,0,0,.3);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Cairo',sans-serif;background:var(--bg);color:var(--text);direction:rtl;font-size:15px;transition:background .3s,color .3s;}
.page{display:none;}.page.active{display:block;}

/* TOPBAR */
.topbar{background:var(--PD);color:rgba(255,255,255,.85);padding:6px 0;font-size:12px;}
.topbar-in{max-width:1280px;margin:0 auto;padding:0 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.topbar-links{display:flex;gap:14px;align-items:center;}
.topbar-links a{color:rgba(255,255,255,.75);text-decoration:none;font-size:12px;transition:var(--tr);cursor:pointer;}
.topbar-links a:hover{color:#fff;}
.weather-pill{background:rgba(255,255,255,.13);padding:3px 10px;border-radius:20px;font-size:11px;}
.lang-btns{display:flex;gap:4px;}
.lang-btn{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;cursor:pointer;border:1px solid rgba(255,255,255,.3);background:transparent;color:rgba(255,255,255,.75);transition:var(--tr);}
.lang-btn:hover,.lang-btn.active{background:rgba(255,255,255,.2);color:#fff;}

/* HEADER */
.header{background:var(--P);box-shadow:var(--shl);border-bottom:3px solid var(--gold);position:sticky;top:0;z-index:100;}
.header-in{max-width:1280px;margin:0 auto;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.logo{font-family:'Amiri',serif;font-size:36px;font-weight:700;color:#fff;text-decoration:none;line-height:1;cursor:pointer;}
.logo span{color:#ffffff;}
.logo-tag{font-size:11px;color:rgba(255,255,255,.6);display:block;font-family:'Cairo',sans-serif;font-weight:400;}
.h-search{flex:1;max-width:360px;position:relative;}
.h-search input{width:100%;padding:9px 16px 9px 40px;border:2px solid rgba(255,255,255,.25);border-radius:28px;background:rgba(255,255,255,.13);font-family:'Cairo',sans-serif;font-size:13px;color:#fff;outline:none;transition:var(--tr);}
.h-search input::placeholder{color:rgba(255,255,255,.55);}
.h-search input:focus{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.2);}
.h-search .si{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.6);pointer-events:none;}
.h-actions{display:flex;align-items:center;gap:8px;}
.btn-gold{background:var(--gold);color:var(--PD);border:none;padding:8px 18px;border-radius:22px;font-family:'Cairo',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:var(--tr);}
.btn-gold:hover{background:#fff;}
.icon-btn{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.22);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:var(--tr);position:relative;}
.icon-btn:hover{background:rgba(255,255,255,.22);}
.notif-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--red);border-radius:50%;border:2px solid var(--P);}
.mob-menu-btn{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:4px;}

/* NAV */
.nav{background:var(--PD);position:sticky;top:71px;z-index:90;}
.nav-in{max-width:1280px;margin:0 auto;padding:0 16px;display:flex;align-items:center;overflow-x:auto;scrollbar-width:none;}
.nav-in::-webkit-scrollbar{display:none;}
.nav-in a{color:rgba(255,255,255,.8);text-decoration:none;padding:11px 16px;font-size:13px;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:5px;border-bottom:3px solid transparent;transition:var(--tr);cursor:pointer;}
.nav-in a:hover,.nav-in a.active{color:#fff;border-bottom-color:var(--gold);background:rgba(255,255,255,.07);}
.nav-badge{background:var(--red);color:#fff;font-size:10px;padding:1px 6px;border-radius:10px;font-weight:700;}

/* BREAKING */
.breaking{background:var(--red);color:#fff;overflow:hidden;}
.breaking-in{max-width:1280px;margin:0 auto;padding:0 16px;display:flex;align-items:center;height:36px;}
.br-label{background:rgba(0,0,0,.22);padding:0 14px;font-weight:700;font-size:12px;white-space:nowrap;height:100%;display:flex;align-items:center;gap:6px;border-left:1px solid rgba(255,255,255,.2);}
.pulse{width:7px;height:7px;background:#fff;border-radius:50%;animation:pulse 1.2s infinite;flex-shrink:0;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}
.ticker-w{flex:1;overflow:hidden;}
.ticker{display:flex;animation:ticker 35s linear infinite;white-space:nowrap;font-size:12px;font-weight:500;}
.ticker:hover{animation-play-state:paused;}
.ticker span{padding:0 30px;}
@keyframes ticker{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

/* LAYOUT */
.wrap{max-width:1280px;margin:0 auto;padding:20px 16px;}
.grid-main{display:grid;grid-template-columns:1fr 298px;gap:24px;}
.side-col{display:flex;flex-direction:column;gap:20px;}

/* HERO */
.hero{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:3px;border-radius:var(--r);overflow:hidden;margin-bottom:24px;box-shadow:var(--shl);}
.hero-main{grid-row:1/3;position:relative;overflow:hidden;cursor:pointer;height:420px;}
.hero-side{position:relative;overflow:hidden;cursor:pointer;height:208px;}
.hero-main:hover .hi-placeholder,.hero-side:hover .hi-placeholder{transform:scale(1.03);}.hero-main:hover img,.hero-side:hover img{transform:scale(1.03);}
.hi-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:60px;color:rgba(255,255,255,.2);transition:transform .4s;}.hero-main>img,.hero-side>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;}
.ho{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(5,15,45,.92));padding:50px 22px 20px;color:#fff;}
.hero-side .ho{padding:30px 16px 14px;}
.hcat{display:inline-block;background:var(--P);color:#fff;font-size:10px;font-weight:700;padding:3px 10px;border-radius:4px;margin-bottom:8px;}
.hcat.r{background:var(--red);}
.hcat.g{background:var(--green);}
.hero-main .ho h2{font-size:21px;font-weight:700;line-height:1.45;}
.hero-side .ho h3{font-size:14px;font-weight:700;line-height:1.45;}
.hmeta{font-size:11px;opacity:.75;margin-top:5px;display:flex;gap:10px;flex-wrap:wrap;}
.live-tag{display:inline-flex;align-items:center;gap:5px;background:var(--red);color:#fff;font-size:10px;font-weight:700;padding:3px 9px;border-radius:4px;}

/* SECTION HEADER */
.sec-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--border);}
.sec-title{font-size:17px;font-weight:700;color:var(--P);display:flex;align-items:center;gap:10px;}
.sec-title::before{content:'';width:4px;height:20px;background:var(--P);border-radius:2px;}
.sec-more{font-size:12px;color:var(--P);text-decoration:none;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px;transition:var(--tr);}
.sec-more:hover{gap:8px;}

/* NEWS GRID */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px;}
.ncard{background:var(--white);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);border:1px solid var(--border);cursor:pointer;transition:var(--tr);}
.ncard:hover{transform:translateY(-3px);box-shadow:var(--shl);border-color:var(--P);}
.ncard-img-w{position:relative;overflow:hidden;height:178px;}.ncard-img{width:100%;height:178px;object-fit:cover;display:block;transition:transform .35s;}
.ncard-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:42px;color:rgba(255,255,255,.2);transition:transform .35s;}
.ncard:hover .ncard-ph{transform:scale(1.05);}.ncard:hover .ncard-img{transform:scale(1.05);}
.ncat{position:absolute;top:9px;right:9px;background:var(--P);color:#fff;font-size:10px;font-weight:700;padding:3px 9px;border-radius:4px;}
.ncat.r{background:var(--red);}
.ncat.g{background:var(--green);}
.ncat.o{background:var(--orange);}
.ncard-body{padding:13px;}
.ncard-body h3{font-size:14px;font-weight:700;line-height:1.5;margin-bottom:9px;color:var(--text);}
.ncard-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--light);}

/* NEWS LIST */
.nlist{background:var(--white);border-radius:var(--r);box-shadow:var(--sh);border:1px solid var(--border);overflow:hidden;margin-bottom:26px;}
.nlist-item{display:flex;gap:13px;padding:13px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:var(--tr);}
.nlist-item:last-child{border-bottom:none;}
.nlist-item:hover{background:var(--PX);}
.nlist-ph{width:95px;height:66px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px;color:rgba(255,255,255,.3);}.nlist-img{width:95px;height:66px;border-radius:7px;flex-shrink:0;object-fit:cover;display:block;}
.nlist-body h4{font-size:13px;font-weight:600;line-height:1.5;color:var(--text);margin-bottom:5px;}
.nlist-meta{font-size:11px;color:var(--light);display:flex;gap:10px;}

/* SPORTS */
.sports-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
.match-card{background:var(--white);border-radius:var(--r);padding:16px;box-shadow:var(--sh);border:1px solid var(--border);text-align:center;}
.match-league{font-size:10px;color:var(--light);margin-bottom:10px;font-weight:700;text-transform:uppercase;}
.match-teams{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.match-team{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;}
.team-logo{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;border:2px solid var(--border);}
.team-name{font-size:12px;font-weight:700;}
.match-score{font-size:26px;font-weight:900;color:var(--P);background:var(--PX);padding:8px 14px;border-radius:8px;min-width:76px;}
.match-status{font-size:10px;color:var(--red);font-weight:700;margin-top:7px;}
.match-status.ended{color:var(--muted);}

/* VIDEO */
.vid-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px;}
.vid-card{background:var(--white);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);border:1px solid var(--border);cursor:pointer;transition:var(--tr);}
.vid-card:hover{transform:translateY(-3px);box-shadow:var(--shl);}
.vid-thumb{position:relative;height:148px;overflow:hidden;}.vid-thumb img{width:100%;height:148px;object-fit:cover;display:block;transition:transform .3s;}.vid-card:hover .vid-thumb img{transform:scale(1.05);}
.vid-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:36px;color:rgba(255,255,255,.2);}
.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;background:rgba(255,255,255,.92);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--P);transition:var(--tr);}
.vid-card:hover .play-btn{background:var(--P);color:#fff;transform:translate(-50%,-50%) scale(1.1);}
.vid-dur{position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,.72);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;}
.vid-body{padding:11px;}
.vid-body h4{font-size:13px;font-weight:600;line-height:1.5;color:var(--text);}
.vid-meta{font-size:11px;color:var(--light);margin-top:5px;}

/* PHOTO */
.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:26px;}
.photo-card{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;aspect-ratio:1;background:#0d2d5e;}
.photo-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:30px;color:rgba(255,255,255,.2);}.photo-card img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;}
.photo-card:hover .photo-overlay{opacity:1;}
.photo-overlay{position:absolute;inset:0;background:rgba(13,45,94,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--tr);color:#fff;font-size:24px;}

/* REGION TABS */
.region-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;}
.rtab{padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:var(--white);color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;transition:var(--tr);}
.rtab:hover,.rtab.active{background:var(--P);color:#fff;border-color:var(--P);}

/* AD */
.ad-banner{background:linear-gradient(135deg,var(--PX),#e0e9ff);border:1px dashed var(--P);border-radius:var(--r);padding:18px;text-align:center;color:var(--light);font-size:12px;margin-bottom:20px;}
.ad-banner strong{display:block;font-size:13px;color:var(--P);margin-bottom:3px;}
[data-theme=dark] .ad-banner{background:linear-gradient(135deg,#1e3a6e,#1a2d50);}

/* SIDEBAR WIDGETS */
.widget{background:var(--white);border-radius:var(--r);box-shadow:var(--sh);border:1px solid var(--border);overflow:hidden;}
.w-hdr{background:var(--P);color:#fff;padding:12px 16px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;}
.w-body{padding:12px 14px;}
.mr-item{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:var(--tr);}
.mr-item:last-child{border-bottom:none;}
.mr-item:hover{padding-right:5px;}
.mr-num{font-size:21px;font-weight:900;color:var(--border);min-width:30px;line-height:1.2;}
.mr-item:nth-child(1) .mr-num{color:var(--gold);}
.mr-item:nth-child(2) .mr-num{color:#94a3b8;}
.mr-item:nth-child(3) .mr-num{color:#cd7f32;}
.mr-text h5{font-size:13px;font-weight:600;line-height:1.4;color:var(--text);}
.mr-text small{font-size:11px;color:var(--light);}
.latest-item{padding:10px 0;border-bottom:1px solid var(--border);cursor:pointer;}
.latest-item:last-child{border-bottom:none;}
.latest-time{font-size:10px;font-weight:700;color:var(--red);margin-bottom:3px;}
.latest-title{font-size:13px;font-weight:600;line-height:1.4;color:var(--text);}

/* POLL */
.poll-q{font-size:14px;font-weight:600;color:var(--text);margin-bottom:14px;line-height:1.5;}
.poll-opt{margin-bottom:10px;cursor:pointer;}
.poll-lbl{font-size:13px;display:flex;justify-content:space-between;margin-bottom:5px;font-weight:500;}
.poll-bar-bg{background:var(--border);border-radius:20px;height:8px;overflow:hidden;}
.poll-bar{height:100%;border-radius:20px;background:var(--P);transition:width .8s;}
.poll-bar.w{background:var(--green);}
.poll-btn{width:100%;padding:10px;background:var(--P);color:#fff;border:none;border-radius:8px;font-family:'Cairo',sans-serif;font-size:13px;font-weight:700;cursor:pointer;margin-top:12px;transition:var(--tr);}
.poll-btn:hover{background:var(--PD);}
.poll-total{font-size:11px;color:var(--light);margin-top:8px;}

/* WEATHER */
.weather-w{text-align:center;padding:16px;}
.weather-city{font-size:13px;color:var(--light);margin-bottom:4px;}
.weather-temp{font-size:48px;font-weight:900;color:var(--P);line-height:1;}
.weather-desc{font-size:14px;color:var(--muted);margin:6px 0;}
.weather-row{display:flex;justify-content:center;gap:20px;margin-top:10px;}
.weather-item{font-size:12px;color:var(--light);text-align:center;}
.weather-item span{display:block;font-size:16px;margin-bottom:2px;}
.weather-forecast{display:flex;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--light);}
.weather-forecast div{text-align:center;}
.weather-forecast strong{display:block;font-size:14px;color:var(--text);margin-top:2px;}

/* SOCIAL */
.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.soc-btn{padding:10px;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:var(--tr);text-decoration:none;font-size:11px;font-weight:700;}
.soc-btn:hover{transform:translateY(-2px);}
.soc-btn span{font-size:20px;}
.soc-fb{background:#e8f0fe;color:#1877f2;}
.soc-tw{background:#e7f3f8;color:#1da1f2;}
.soc-yt{background:#fde8e8;color:#ff0000;}
.soc-wa{background:#e8f5e9;color:#25d366;}

/* ARTICLE */
.article-wrap{background:var(--white);border-radius:var(--r);box-shadow:var(--sh);border:1px solid var(--border);overflow:hidden;margin-bottom:24px;}
.art-header{padding:26px 30px 18px;}
.art-cats{display:flex;align-items:center;gap:8px;margin-bottom:13px;flex-wrap:wrap;}
.art-cat{background:var(--P);color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:4px;text-decoration:none;}
.art-cat.r{background:var(--red);}
.art-title{font-family:'Amiri',serif;font-size:30px;font-weight:700;line-height:1.45;color:var(--PD);margin-bottom:12px;}
[data-theme=dark] .art-title{color:var(--text);}
.art-sub{font-size:16px;color:var(--muted);line-height:1.65;margin-bottom:16px;}
.art-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:13px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.auth-info{display:flex;align-items:center;gap:9px;}
.auth-av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--P),var(--PL));display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:700;}
.auth-name{font-size:13px;font-weight:700;color:var(--text);}
.auth-role{font-size:11px;color:var(--light);}
.meta-sep{width:1px;height:26px;background:var(--border);}
.meta-it{font-size:12px;color:var(--light);display:flex;align-items:center;gap:4px;}
.share-row{display:flex;align-items:center;gap:7px;margin-right:auto;flex-wrap:wrap;}
.sh-lbl{font-size:12px;color:var(--muted);font-weight:600;}
.sh-btn{padding:6px 13px;border-radius:18px;border:none;cursor:pointer;font-family:'Cairo',sans-serif;font-size:11px;font-weight:700;display:flex;align-items:center;gap:4px;transition:var(--tr);}
.sh-btn:hover{opacity:.85;}
.sh-fb{background:#1877f2;color:#fff;}
.sh-wa{background:#25d366;color:#fff;}
.sh-tw{background:#1da1f2;color:#fff;}
.sh-cp{background:var(--border);color:var(--muted);}
.art-hero-ph{width:100%;height:420px;display:flex;align-items:center;justify-content:center;font-size:80px;color:rgba(255,255,255,.2);}
.art-caption{padding:9px 30px;font-size:12px;color:var(--light);background:var(--bg);border-bottom:1px solid var(--border);}
.art-body{padding:0 30px 28px;}
.art-body p{font-family:'Amiri',serif;font-size:19px;line-height:1.9;color:var(--text);margin-bottom:18px;}
.art-body h2{font-family:'Cairo',sans-serif;font-size:20px;font-weight:700;color:var(--PD);margin:26px 0 13px;padding-right:13px;border-right:4px solid var(--P);}
[data-theme=dark] .art-body h2{color:var(--text);}
.art-body ul{padding-right:20px;margin-bottom:18px;}
.art-body ul li{font-family:'Amiri',serif;font-size:18px;line-height:1.8;color:var(--text);margin-bottom:7px;}
.art-body blockquote{background:var(--bg);border-right:4px solid var(--gold);padding:15px 18px;border-radius:0 8px 8px 0;margin:18px 0;}
.art-body blockquote p{font-style:italic;color:var(--PD);font-size:17px;margin:0;}
[data-theme=dark] .art-body blockquote p{color:var(--text);}
.art-body blockquote cite{font-size:12px;color:var(--light);margin-top:7px;display:block;font-style:normal;font-family:'Cairo',sans-serif;}
.info-box{background:var(--PX);border:1px solid #bfdbfe;border-radius:10px;padding:16px 18px;margin:20px 0;}
[data-theme=dark] .info-box{background:#1e3a6e;border-color:var(--PL);}
.info-box-title{font-size:13px;font-weight:700;color:var(--P);margin-bottom:9px;display:flex;align-items:center;gap:6px;}
.info-box p{font-family:'Cairo',sans-serif;font-size:13px;line-height:1.7;color:var(--PD);margin:0;}
[data-theme=dark] .info-box p{color:var(--text);}
.tags-row{display:flex;gap:7px;flex-wrap:wrap;padding-top:18px;margin-top:18px;border-top:1px solid var(--border);}
.tag{padding:5px 13px;background:var(--bg);border:1px solid var(--border);border-radius:18px;font-size:12px;color:var(--muted);text-decoration:none;transition:var(--tr);}
.tag:hover{background:var(--P);color:#fff;border-color:var(--P);}
.reactions{padding:16px 30px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.react-lbl{font-size:13px;font-weight:600;color:var(--muted);}
.react-btn{padding:7px 14px;border-radius:22px;border:1px solid var(--border);background:var(--white);cursor:pointer;font-family:'Cairo',sans-serif;font-size:12px;font-weight:600;display:flex;align-items:center;gap:5px;transition:var(--tr);}
.react-btn:hover{border-color:var(--P);color:var(--P);}
.react-btn.active{background:var(--P);color:#fff;border-color:var(--P);}
.save-btn{margin-right:auto;padding:7px 16px;border-radius:22px;border:2px solid var(--border);background:var(--white);cursor:pointer;font-family:'Cairo',sans-serif;font-size:12px;font-weight:700;color:var(--muted);transition:var(--tr);display:flex;align-items:center;gap:5px;}
.save-btn:hover{border-color:var(--P);color:var(--P);}
.comments-sec{padding:22px 30px 28px;}
.comments-title{font-size:17px;font-weight:700;color:var(--text);margin-bottom:18px;}
.comment-form{background:var(--bg);border-radius:10px;padding:14px;margin-bottom:22px;}
.comment-form textarea{width:100%;padding:11px;border:1px solid var(--border);border-radius:8px;font-family:'Cairo',sans-serif;font-size:14px;color:var(--text);resize:vertical;min-height:76px;outline:none;background:var(--white);transition:var(--tr);}
.comment-form textarea:focus{border-color:var(--P);}
.comment-submit{margin-top:9px;padding:9px 22px;background:var(--P);color:#fff;border:none;border-radius:8px;font-family:'Cairo',sans-serif;font-size:13px;font-weight:700;cursor:pointer;float:left;}
.comment-submit:hover{background:var(--PD);}
.comment-item{display:flex;gap:11px;margin-bottom:18px;}
.com-av{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0;}
.com-body{flex:1;}
.com-hdr{display:flex;align-items:center;gap:9px;margin-bottom:5px;}
.com-name{font-size:14px;font-weight:700;color:var(--text);}
.com-time{font-size:11px;color:var(--light);}
.com-text{font-size:14px;line-height:1.7;color:var(--text);}
.com-actions{display:flex;gap:11px;margin-top:7px;}
.com-action{font-size:12px;color:var(--light);cursor:pointer;display:flex;align-items:center;gap:4px;transition:var(--tr);background:none;border:none;font-family:'Cairo',sans-serif;}
.com-action:hover{color:var(--P);}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px;}

/* BREADCRUMB */
.breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--light);margin-bottom:14px;flex-wrap:wrap;}
.breadcrumb a{color:var(--P);text-decoration:none;cursor:pointer;}

/* SECTION PAGE */
.section-hero{background:linear-gradient(135deg,var(--PD),var(--P));color:#fff;padding:30px 0;margin-bottom:24px;}
.section-hero-in{max-width:1280px;margin:0 auto;padding:0 16px;}
.section-hero h1{font-size:28px;font-weight:900;margin-bottom:6px;}
.section-hero p{font-size:14px;opacity:.75;}
.section-stats{display:flex;gap:24px;margin-top:16px;}
.section-stat strong{display:block;font-size:22px;font-weight:900;}
.section-stat span{font-size:12px;opacity:.7;}
.filter-bar{display:flex;gap:10px;align-items:center;margin-bottom:20px;flex-wrap:wrap;}
.filter-sel{padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-family:'Cairo',sans-serif;font-size:13px;background:var(--white);color:var(--text);outline:none;cursor:pointer;}

/* CMS */
.cms-layout{display:flex;min-height:100vh;}
.cms-sidebar{width:248px;background:var(--PD);min-height:100vh;flex-shrink:0;display:flex;flex-direction:column;}
.cms-logo{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);}
.cms-logo-text{font-size:22px;font-weight:900;color:#fff;}
.cms-logo-text span{color:#ffffff;}
.cms-badge{font-size:9px;background:var(--gold);color:var(--PD);padding:2px 7px;border-radius:10px;font-weight:700;margin-top:4px;display:inline-block;}
.cms-user{padding:14px 16px;display:flex;align-items:center;gap:9px;border-bottom:1px solid rgba(255,255,255,.08);}
.cms-av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--PL),var(--gold));display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;flex-shrink:0;}
.cms-user-name{font-size:13px;font-weight:700;color:#fff;}
.cms-user-role{font-size:11px;color:rgba(255,255,255,.45);}
.cms-nav{flex:1;padding:10px 0;overflow-y:auto;}
.cms-nav-sec{padding:8px 16px 3px;font-size:10px;font-weight:700;color:rgba(255,255,255,.3);letter-spacing:1.5px;text-transform:uppercase;}
.cms-nav-item{display:flex;align-items:center;gap:9px;padding:9px 16px;color:rgba(255,255,255,.7);font-size:13px;font-weight:600;transition:var(--tr);cursor:pointer;border-right:3px solid transparent;}
.cms-nav-item:hover{background:rgba(255,255,255,.07);color:#fff;}
.cms-nav-item.active{background:rgba(255,255,255,.12);color:#fff;border-right-color:var(--gold);}
.cms-nav-item .ci{font-size:15px;width:19px;text-align:center;}
.cms-nav-cnt{margin-right:auto;background:var(--red);color:#fff;font-size:9px;padding:1px 6px;border-radius:10px;font-weight:700;}
.cms-nav-cnt.g{background:var(--green);}
.cms-main{flex:1;display:flex;flex-direction:column;overflow:hidden;}
.cms-topbar{background:var(--white);padding:13px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);box-shadow:var(--sh);position:sticky;top:0;z-index:40;}
.cms-page-title{font-size:17px;font-weight:700;color:var(--PD);}
[data-theme=dark] .cms-page-title{color:var(--text);}
.cms-breadcrumb{font-size:12px;color:var(--light);}
.cms-topbar-right{display:flex;align-items:center;gap:10px;}
.cms-btn{padding:8px 16px;border-radius:8px;font-family:'Cairo',sans-serif;font-size:12px;font-weight:700;cursor:pointer;border:none;transition:var(--tr);display:flex;align-items:center;gap:5px;}
.cms-btn-p{background:var(--P);color:#fff;}
.cms-btn-p:hover{background:var(--PD);}
.cms-btn-o{background:transparent;border:1px solid var(--border);color:var(--muted);}
.cms-btn-o:hover{border-color:var(--P);color:var(--P);}
.cms-content{padding:22px 24px;flex:1;overflow-y:auto;}
.cms-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;}
.cms-stat{background:var(--white);border-radius:var(--r);padding:18px;box-shadow:var(--sh);border:1px solid var(--border);transition:var(--tr);}
.cms-stat:hover{transform:translateY(-2px);box-shadow:var(--shl);}
.cms-stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.cms-stat-lbl{font-size:12px;color:var(--muted);font-weight:600;}
.cms-stat-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;}
.cms-stat-val{font-size:26px;font-weight:900;color:var(--text);line-height:1;}
.cms-stat-chg{font-size:11px;font-weight:600;margin-top:5px;}
.cms-stat-chg.up{color:var(--green);}
.cms-stat-chg.dn{color:var(--red);}
.cms-2col{display:grid;grid-template-columns:1fr 340px;gap:18px;margin-bottom:18px;}
.cms-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px;}
.cms-card{background:var(--white);border-radius:var(--r);box-shadow:var(--sh);border:1px solid var(--border);overflow:hidden;}
.cms-card-hdr{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
.cms-card-title{font-size:14px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:7px;}
.cms-card-action{font-size:12px;color:var(--P);font-weight:600;cursor:pointer;}
.cms-card-body{padding:16px 18px;}
.chart-bars{display:flex;align-items:flex-end;gap:6px;height:110px;}
.cbar{flex:1;border-radius:5px 5px 0 0;background:var(--PX);transition:var(--tr);cursor:pointer;position:relative;}
.cbar:hover,.cbar.today{background:var(--P);}
.cbar-tip{position:absolute;top:-22px;left:50%;transform:translateX(-50%);background:var(--PD);color:#fff;font-size:10px;padding:2px 5px;border-radius:4px;white-space:nowrap;opacity:0;transition:var(--tr);pointer-events:none;}
.cbar:hover .cbar-tip{opacity:1;}
.chart-lbls{display:flex;gap:6px;margin-top:5px;}
.clbl{flex:1;text-align:center;font-size:10px;color:var(--light);}
.act-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);align-items:flex-start;}
.act-item:last-child{border-bottom:none;}
.act-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}
.act-text strong{font-size:13px;font-weight:600;color:var(--text);}
.act-text p{font-size:12px;color:var(--muted);margin-top:2px;}
.act-time{font-size:11px;color:var(--light);white-space:nowrap;}
table{width:100%;border-collapse:collapse;}
thead th{padding:9px 12px;text-align:right;font-size:11px;font-weight:700;color:var(--muted);background:var(--bg);border-bottom:1px solid var(--border);white-space:nowrap;}
tbody td{padding:11px 12px;border-bottom:1px solid var(--border);font-size:13px;vertical-align:middle;}
tbody tr:last-child td{border-bottom:none;}
tbody tr:hover{background:var(--bg);}
.art-ttl-td{font-weight:600;color:var(--text);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.td-auth{display:flex;align-items:center;gap:6px;}
.td-av{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700;}
.badge{display:inline-flex;align-items:center;gap:3px;padding:3px 9px;border-radius:18px;font-size:10px;font-weight:700;white-space:nowrap;}
.badge-pub{background:#dcfce7;color:#166534;}
.badge-draft{background:#fef9c3;color:#854d0e;}
.badge-rev{background:#dbeafe;color:#1e40af;}
.badge-cat{background:var(--PX);color:var(--PD);}
[data-theme=dark] .badge-pub{background:#14532d;color:#86efac;}
[data-theme=dark] .badge-draft{background:#713f12;color:#fde68a;}
[data-theme=dark] .badge-rev{background:#1e3a6e;color:#93c5fd;}
.row-acts{display:flex;gap:5px;}
.act-b{width:27px;height:27px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:var(--tr);}
.act-b.ev{background:#dbeafe;color:var(--P);}
.act-b.ev:hover{background:var(--P);color:#fff;}
.act-b.ed{background:#fee2e2;color:var(--red);}
.act-b.ed:hover{background:var(--red);color:#fff;}
.act-b.vw{background:#f0fdf4;color:var(--green);}
.act-b.vw:hover{background:var(--green);color:#fff;}
.flt-bar{display:flex;gap:9px;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--bg);flex-wrap:wrap;}
.flt-inp{flex:1;min-width:160px;padding:8px 13px;border:1px solid var(--border);border-radius:7px;font-family:'Cairo',sans-serif;font-size:13px;background:var(--white);color:var(--text);outline:none;transition:var(--tr);}
.flt-inp:focus{border-color:var(--P);}
.flt-sel{padding:8px 11px;border:1px solid var(--border);border-radius:7px;font-family:'Cairo',sans-serif;font-size:13px;background:var(--white);color:var(--text);outline:none;cursor:pointer;}
.pg-row{display:flex;align-items:center;gap:5px;padding:12px 18px;border-top:1px solid var(--border);}
.pg-btn{width:30px;height:30px;border-radius:7px;border:1px solid var(--border);background:var(--white);cursor:pointer;font-family:'Cairo',sans-serif;font-size:12px;display:flex;align-items:center;justify-content:center;transition:var(--tr);color:var(--text);}
.pg-btn:hover{border-color:var(--P);color:var(--P);}
.pg-btn.active{background:var(--P);color:#fff;border-color:var(--P);}
.pg-info{font-size:12px;color:var(--muted);margin-right:auto;}
.wr-item{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--border);}
.wr-item:last-child{border-bottom:none;}
.wr-av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;}
.wr-name{font-size:13px;font-weight:600;}
.wr-role{font-size:11px;color:var(--light);}
.wr-prog{height:3px;background:var(--border);border-radius:3px;margin-top:4px;overflow:hidden;}
.wr-bar{height:100%;border-radius:3px;background:var(--P);}
.wr-count{font-size:16px;font-weight:900;color:var(--P);}
.wr-lbl{font-size:10px;color:var(--light);}
.toggle{position:relative;width:38px;height:21px;}
.toggle input{opacity:0;width:0;height:0;}
.tslider{position:absolute;cursor:pointer;inset:0;background:var(--border);border-radius:21px;transition:var(--tr);}
.tslider:before{content:'';position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;bottom:3px;right:3px;transition:var(--tr);}
.toggle input:checked+.tslider{background:var(--P);}
.toggle input:checked+.tslider:before{transform:translateX(-17px);}
.quick-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:22px;}
.q-btn{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:14px;text-align:center;cursor:pointer;transition:var(--tr);}
.q-btn:hover{border-color:var(--P);background:var(--PX);transform:translateY(-2px);}
.q-icon{font-size:22px;margin-bottom:5px;}
.q-lbl{font-size:12px;font-weight:700;color:var(--text);}
.cat-pills{display:flex;flex-direction:column;gap:9px;}
.cat-pill{display:flex;align-items:center;justify-content:space-between;}
.cat-pill span{font-size:13px;font-weight:600;}
.cat-prog-bg{flex:1;margin:0 10px;height:7px;background:var(--border);border-radius:7px;overflow:hidden;}
.cat-prog{height:100%;border-radius:7px;}
.cat-pct{font-size:12px;font-weight:700;color:var(--P);}
.cms-settings{display:flex;flex-direction:column;gap:13px;}
.setting-row{display:flex;align-items:center;justify-content:space-between;}
.setting-lbl{font-size:13px;font-weight:600;}

/* NOTIFY */
.notify-bar{background:var(--P);color:#fff;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;position:fixed;bottom:0;left:0;right:0;z-index:200;transform:translateY(100%);transition:transform .4s;box-shadow:0 -4px 20px rgba(0,0,0,.2);}
.notify-bar.show{transform:translateY(0);}
.notify-bar p{font-size:14px;font-weight:600;}
.notify-acts{display:flex;gap:9px;}
.nb-btn{padding:7px 15px;border-radius:18px;font-family:'Cairo',sans-serif;font-size:12px;font-weight:700;cursor:pointer;border:none;transition:var(--tr);}
.nb-allow{background:#fff;color:var(--P);}
.nb-deny{background:rgba(255,255,255,.18);color:#fff;}

/* SCROLL TOP */
.scroll-top{position:fixed;bottom:24px;left:24px;width:42px;height:42px;background:var(--P);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:17px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shl);transition:var(--tr);z-index:150;opacity:0;pointer-events:none;}
.scroll-top.visible{opacity:1;pointer-events:auto;}
.scroll-top:hover{background:var(--PD);transform:translateY(-3px);}

/* READ PROGRESS */
.read-prog{position:fixed;top:0;left:0;right:0;height:3px;background:var(--gold);transform-origin:left;transform:scaleX(0);transition:transform .1s;z-index:300;}

/* MOBILE DRAWER */
.mob-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:80;}
.mob-overlay.show{display:block;}
.mob-drawer{position:fixed;right:-280px;top:0;bottom:0;width:280px;background:var(--PD);z-index:90;transition:right .3s;overflow-y:auto;padding:20px 0;}
.mob-drawer.open{right:0;}
.mob-drawer a{display:block;padding:12px 20px;color:rgba(255,255,255,.8);text-decoration:none;font-size:14px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.07);transition:var(--tr);cursor:pointer;}
.mob-drawer a:hover{background:rgba(255,255,255,.08);color:#fff;}

/* FOOTER */
.footer{background:var(--PD);color:rgba(255,255,255,.7);margin-top:40px;}
.footer-top{max-width:1280px;margin:0 auto;padding:38px 16px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;}
.footer-logo{font-family:'Amiri',serif;font-size:26px;font-weight:700;color:#fff;display:block;margin-bottom:11px;cursor:pointer;}
.footer-logo span{color:#ffffff;}
.footer-desc{font-size:13px;line-height:1.7;color:rgba(255,255,255,.5);}
.footer-social{display:flex;gap:9px;margin-top:14px;}
.footer-social a{width:34px;height:34px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:14px;transition:var(--tr);}
.footer-social a:hover{background:var(--PL);}
.footer-col h4{font-size:14px;font-weight:700;color:#fff;margin-bottom:13px;}
.footer-col ul{list-style:none;}
.footer-col ul li{margin-bottom:8px;}
.footer-col ul li a{color:rgba(255,255,255,.5);text-decoration:none;font-size:13px;transition:var(--tr);cursor:pointer;}
.footer-col ul li a:hover{color:#fff;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:15px 16px;text-align:center;font-size:12px;color:rgba(255,255,255,.3);max-width:1280px;margin:0 auto;}
.footer-bottom a{color:rgba(255,255,255,.5);text-decoration:none;cursor:pointer;}

/* RESPONSIVE */
@media(max-width:1024px){
  .grid-main{grid-template-columns:1fr;}
  .side-col{display:none;}
  .news-grid{grid-template-columns:repeat(2,1fr);}
  .vid-grid{grid-template-columns:repeat(2,1fr);}
  .footer-top{grid-template-columns:1fr 1fr;}
  .cms-stats{grid-template-columns:repeat(2,1fr);}
  .cms-2col{grid-template-columns:1fr;}
  .cms-3col{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .hero{grid-template-columns:1fr;}
  .hero-side{display:none;}
  .hero-main{height:280px;}
  .sports-row{grid-template-columns:1fr;}
  .mob-menu-btn{display:flex;}
  .h-search{display:none;}
  .footer-top{grid-template-columns:1fr;}
  .share-row{display:none;}
  .art-header{padding:16px;}
  .art-body{padding:0 16px 20px;}
  .art-title{font-size:22px;}
  .comments-sec,.reactions{padding:12px 16px;}
  .related-grid{grid-template-columns:1fr;}
  .photo-grid{grid-template-columns:repeat(2,1fr);}
  .cms-sidebar{display:none;}
  .cms-stats{grid-template-columns:1fr 1fr;}
  .cms-3col{grid-template-columns:1fr;}
  .quick-btns{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:480px){
  .news-grid{grid-template-columns:1fr;}
  .vid-grid{grid-template-columns:1fr;}
  .logo{font-size:26px;}
}