/*
Theme Name: MobReview
Theme URI: https://mob4x.com/
Author: Mob4x
Description: ثيم عربي سريع ومحسّن للسيو، مخصص لمراجعات الهواتف والمقارنات والمواصفات والأسعار. سلايدر خفيف، شريط العلامات التجارية، مقارنة المواصفات، فهرس جانبي، شريط تنقل سفلي للجوال، Schema للمراجعات والمنتجات والأسئلة الشائعة، حقول الكلمات المفتاحية والوصف مع فحص سيو، ومتوافق مع Rank Math و Yoast.
Version: 3.2.2
Requires at least: 6.0
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: mobreview
Tags: rtl-language-support, blog, news, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ================= المتغيرات ================= */
:root{
  --c-bg:#f4f6fb;
  --c-surface:#ffffff;
  --c-text:#0f172a;
  --c-muted:#64748b;
  --c-border:#e5e9f2;
  --c-primary:#1e90ff;
  --c-primary-dark:#0b6fd6;
  --c-accent:#ff7a1a;
  --c-good:#16a34a;
  --c-bad:#e11d48;
  --c-soft:#eaf3ff;
  --c-navy:#0a1330;
  --c-navy-2:#101d45;
  --c-navy-line:rgba(255,255,255,.08);
  --radius:16px;
  --radius-sm:10px;
  --shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.07);
  --container:1240px;
  --header-h:68px;
  --font:"Cairo","Segoe UI",Tahoma,"Noto Sans Arabic",Arial,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --c-bg:#070d20;--c-surface:#0f1832;--c-text:#e7ecf6;--c-muted:#94a3b8;
    --c-border:#1c2a4d;--c-soft:#132449;--shadow:none;
  }
}
:root[data-theme="dark"]{
  --c-bg:#070d20;--c-surface:#0f1832;--c-text:#e7ecf6;--c-muted:#94a3b8;
  --c-border:#1c2a4d;--c-soft:#132449;--shadow:none;
}

/* ================= أساسيات ================= */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}
body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font);font-size:17px;line-height:1.85;direction:rtl}
img{max-width:100%;height:auto;display:block}
a{color:var(--c-primary);text-decoration:none}
a:hover{color:var(--c-primary-dark)}
h1,h2,h3,h4{line-height:1.45;margin:1.4em 0 .6em;font-weight:800}
h1{font-size:clamp(1.55rem,3vw,2.2rem);margin-top:0}
h2{font-size:1.45rem}
h3{font-size:1.2rem}
p{margin:0 0 1.2em}
button{font-family:inherit}
.container{max-width:var(--container);margin:0 auto;padding:0 16px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed;top:8px;right:8px;z-index:999;background:#fff;padding:8px 14px;clip:auto;width:auto;height:auto}
:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}
.ltr{direction:ltr;unicode-bidi:isolate}
.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow)}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--c-primary);color:#fff;border:0;border-radius:12px;padding:11px 22px;font:inherit;font-weight:800;cursor:pointer;line-height:1.3;transition:background .15s,transform .15s}
.btn:hover{background:var(--c-primary-dark);color:#fff;transform:translateY(-1px)}
.btn svg{width:18px;height:18px}
.btn-sm{padding:6px 14px;font-size:.85rem;border-radius:999px}

/* ================= الهيدر ================= */
.site-header{background:var(--c-navy);color:#fff;position:sticky;top:0;z-index:60;border-bottom:1px solid var(--c-navy-line)}
.header-inner{display:flex;align-items:center;gap:24px;height:var(--header-h)}
.site-branding{margin:0;font-size:1.5rem;font-weight:800;line-height:1;display:flex;align-items:center;gap:8px;direction:ltr}
.site-branding a{color:#fff;display:flex;align-items:center;gap:8px}
.site-branding .logo-accent{color:var(--c-primary)}
.site-branding svg{width:26px;height:26px;color:var(--c-primary)}
.custom-logo{max-height:44px;width:auto}
.main-nav{flex:1}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;justify-content:center}
.main-nav a{display:block;padding:22px 14px;color:#cbd5e1;font-weight:700;font-size:.95rem;position:relative;line-height:1}
.main-nav a:hover{color:#fff}
.main-nav .current-menu-item>a,.main-nav .current-menu-ancestor>a{color:var(--c-primary)}
.main-nav .current-menu-item>a::after{content:"";position:absolute;inset:auto 14px 0;height:3px;border-radius:3px 3px 0 0;background:var(--c-primary)}
.main-nav .sub-menu{display:none}
.header-actions{display:flex;gap:6px;align-items:center}
.icon-btn{background:transparent;border:0;border-radius:10px;width:40px;height:40px;display:grid;place-items:center;cursor:pointer;color:#e2e8f0}
.icon-btn:hover{background:rgba(255,255,255,.08)}
.icon-btn svg{width:21px;height:21px}
.menu-toggle{display:none}
.header-search{display:none;padding:12px 0 14px}
.header-search.is-open{display:block}
.search-form{display:flex;gap:8px}
.search-form input[type=search]{flex:1;min-width:0;padding:12px 16px;border:1px solid var(--c-border);border-radius:12px;font:inherit;background:var(--c-surface);color:var(--c-text)}
.search-form button{background:var(--c-primary);color:#fff;border:0;border-radius:12px;padding:0 20px;font:inherit;font-weight:800;cursor:pointer}

@media (max-width:960px){
  .menu-toggle{display:grid}
  .main-nav{position:fixed;inset:var(--header-h) 0 auto 0;background:var(--c-navy);border-bottom:1px solid var(--c-navy-line);display:none;padding:8px 16px 16px}
  .main-nav.is-open{display:block}
  .main-nav ul{flex-direction:column}
  .main-nav a{padding:14px 6px;border-bottom:1px solid var(--c-navy-line)}
  .main-nav .current-menu-item>a::after{display:none}
  .header-inner{justify-content:space-between;gap:10px}
  .site-branding{flex:1}
}

/* ================= السلايدر ================= */
.hero{position:relative;background:radial-gradient(900px 400px at 20% 50%,rgba(124,58,237,.35),transparent 60%),radial-gradient(700px 400px at 0% 100%,rgba(30,144,255,.25),transparent 60%),linear-gradient(120deg,var(--c-navy) 30%,var(--c-navy-2));color:#fff;overflow:hidden}
.hero-track{position:relative;min-height:440px}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}
.hero-slide.is-active{opacity:1;visibility:visible;position:relative}
.hero-slide .container{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:32px;min-height:440px}
.hero-text{padding:48px 0;position:relative;z-index:2}
.hero-badge{display:inline-block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#e2e8f0;padding:4px 14px;border-radius:10px;font-size:.88rem;font-weight:700;margin-bottom:14px}
.hero-title{font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.15;margin:0 0 14px;font-weight:800;color:#fff}
.hero-title a{color:inherit}
.hero-title .hl{color:var(--c-primary)}
.hero-sub{font-size:clamp(1.05rem,1.8vw,1.35rem);color:#cbd5e1;margin:0 0 26px;font-weight:600}
.hero-media{position:relative;height:100%;min-height:440px}
.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(to left,transparent 0,#000 30%);mask-image:linear-gradient(to left,transparent 0,#000 30%)}
.hero-score{position:absolute;bottom:28px;left:10px;z-index:2;background:rgba(10,19,48,.8);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(6px);border-radius:14px;padding:8px 14px;text-align:center;line-height:1.2}
.hero-score b{display:block;font-size:1.6rem;color:var(--c-accent)}
.hero-score small{color:#cbd5e1;font-size:.75rem}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;display:grid;place-items:center}
.hero-arrow:hover{background:rgba(255,255,255,.18)}
.hero-arrow svg{width:22px;height:22px}
.hero-arrow.prev{right:16px}
.hero-arrow.next{left:16px}
.hero-dots{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:5}
.hero-dots button{width:9px;height:9px;border-radius:99px;border:0;background:rgba(255,255,255,.35);cursor:pointer;padding:0;transition:width .2s}
.hero-dots button.is-active{background:var(--c-primary);width:24px}
@media (max-width:860px){
  .hero-track,.hero-slide .container{min-height:380px}
  .hero-slide .container{grid-template-columns:1fr;padding:0}
  .hero-media{position:absolute;inset:0;min-height:0}
  .hero-media img{-webkit-mask-image:none;mask-image:none}
  .hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,19,48,.97) 25%,rgba(10,19,48,.45) 65%,rgba(10,19,48,.15))}
  .hero-text{align-self:end;padding:120px 20px 50px}
  .hero-arrow{display:none}
  .hero-score{top:16px;bottom:auto;left:16px}
}

/* ================= شريط العلامات التجارية ================= */
.brands-bar{background:var(--c-surface);border-bottom:1px solid var(--c-border)}
.brands-bar ul{list-style:none;margin:0 auto;padding:18px 16px;display:flex;justify-content:space-between;gap:10px;overflow-x:auto;scrollbar-width:none;max-width:var(--container)}
.brands-bar ul::-webkit-scrollbar{display:none}
.brands-bar a{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--c-text);font-weight:700;font-size:.9rem;min-width:76px;padding:6px 10px;border-radius:12px}
.brands-bar a:hover{background:var(--c-soft);color:var(--c-primary)}
.brand-logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;overflow:hidden;font-weight:800;color:#fff;font-size:1.1rem;background:var(--brand-color,var(--c-primary))}
.brand-logo img{width:100%;height:100%;object-fit:contain;background:var(--c-surface)}
.brand-logo.is-grid{background:var(--c-text);color:var(--c-surface)}

/* ================= العناوين ================= */
.section{margin-top:34px}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}
.section-title h2{margin:0;font-size:1.4rem;display:flex;align-items:center;gap:10px}
.section-title h2::after{content:"";width:34px;height:3px;border-radius:3px;background:var(--c-primary);margin-top:6px}
.section-title .more{font-weight:700;font-size:.92rem}

/* ================= البطاقات ================= */
.posts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.layout .posts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1100px){.posts-grid,.layout .posts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:800px){.posts-grid,.layout .posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.post-card{overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.post-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(15,23,42,.12)}
.post-card .thumb{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,var(--c-navy),var(--c-navy-2));overflow:hidden;display:block}
.post-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.post-card:hover .thumb img{transform:scale(1.04)}
.type-badge{position:absolute;top:10px;right:10px;background:var(--c-primary);color:#fff;font-size:.78rem;font-weight:800;padding:3px 11px;border-radius:8px;line-height:1.6}
.type-badge.t-compare{background:#7c3aed}
.type-badge.t-specs{background:#0891b2}
.type-badge.t-news{background:#475569}
.score-badge{position:absolute;bottom:10px;left:10px;background:var(--c-accent);color:#fff;font-weight:800;border-radius:9px;padding:2px 9px;font-size:.92rem;line-height:1.6}
.post-card .body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1}
.post-card h2,.post-card h3{font-size:1.02rem;margin:0;line-height:1.55;font-weight:800}
.post-card h2 a,.post-card h3 a{color:var(--c-text)}
.post-card h2 a:hover,.post-card h3 a:hover{color:var(--c-primary)}
.post-card .sub{color:var(--c-muted);font-size:.9rem;margin:0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-meta{display:flex;gap:14px;align-items:center;color:var(--c-muted);font-size:.8rem;margin-top:auto;padding-top:8px}
.card-meta span{display:inline-flex;align-items:center;gap:4px}
.card-meta svg{width:15px;height:15px}

/* بطاقات أفقية على الجوال */
@media (max-width:600px){
  .posts-grid.list-mobile,.layout .posts-grid.list-mobile{grid-template-columns:1fr;gap:12px}
  .list-mobile .post-card{flex-direction:row;align-items:stretch}
  .list-mobile .post-card .thumb{width:112px;aspect-ratio:1;flex-shrink:0;margin:10px;border-radius:12px}
  .list-mobile .post-card .body{padding:10px 0 10px 12px}
  .list-mobile .type-badge{display:none}
  .list-mobile .score-badge{bottom:6px;left:6px;font-size:.78rem;padding:0 7px}
  .list-mobile .post-card h2,.list-mobile .post-card h3{font-size:.98rem}
}

/* ================= التخطيط ================= */
.site-main{padding:0 0 56px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}
@media (max-width:1024px){.layout{grid-template-columns:minmax(0,1fr)}}
.breadcrumbs{font-size:.85rem;color:var(--c-muted);margin:0 0 10px}
.breadcrumbs a{color:var(--c-muted)}
.breadcrumbs a:hover{color:var(--c-primary)}
.breadcrumbs .sep{margin:0 6px;opacity:.6}
.page-head{padding:26px 0 8px}

/* ================= المقال ================= */
.entry-head{margin:22px 0 20px}
.entry-head h1{margin:0 0 4px}
.entry-subtitle{font-size:1.15rem;color:var(--c-muted);font-weight:700;margin:0 0 12px}
.entry-meta{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--c-muted);font-size:.86rem;align-items:center}
.entry-meta span{display:inline-flex;align-items:center;gap:5px}
.entry-meta svg{width:16px;height:16px}
.entry-meta img{border-radius:50%;width:28px;height:28px}
.entry{padding:0;overflow:hidden}
.entry-thumb{margin:0;background:var(--c-navy)}
.entry-thumb img{width:100%}
.entry-body{padding:26px 30px 30px}
@media (max-width:600px){.entry-body{padding:18px}}
.entry-content{font-size:1.06rem}
.entry-content a{text-decoration:underline;text-underline-offset:3px}
.entry-content img{border-radius:var(--radius-sm)}
.entry-content ul,.entry-content ol{padding-right:1.4em;padding-left:0}
.entry-content blockquote{margin:1.5em 0;padding:14px 20px;border-right:4px solid var(--c-primary);background:var(--c-soft);border-radius:var(--radius-sm)}
.entry-content table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:.95rem}
.entry-content th,.entry-content td{border:1px solid var(--c-border);padding:10px;text-align:right}
.entry-content figure{margin:1.4em 0}
.entry-content figcaption{font-size:.85rem;color:var(--c-muted);text-align:center;margin-top:6px}
.entry-content h2{padding-top:.2em}
.entry-tags{margin-top:24px;display:flex;gap:8px;flex-wrap:wrap}
.entry-tags a{background:var(--c-soft);padding:4px 12px;border-radius:999px;font-size:.85rem}

/* ملخص سريع */
.quick-summary{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;padding:20px;margin:0 0 24px;background:linear-gradient(135deg,var(--c-soft),var(--c-surface));border:1px solid var(--c-border);border-radius:var(--radius)}
.score-circle{--p:80;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c-accent) calc(var(--p)*1%),var(--c-border) 0)}
.score-circle>div{width:90px;height:90px;border-radius:50%;background:var(--c-surface);display:grid;place-items:center;text-align:center;line-height:1.1}
.score-circle strong{font-size:2rem;font-weight:800}
.score-circle small{font-size:.75rem;color:var(--c-muted)}
.quick-summary .verdict-label{font-weight:800;color:var(--c-accent);font-size:1.05rem}
.quick-summary p{margin:.3em 0 0}
.quick-summary .price-line{margin-top:10px;font-weight:700}
.quick-summary .price-line b{color:var(--c-primary);font-size:1.2rem}
@media (max-width:560px){.quick-summary{grid-template-columns:1fr;text-align:center;justify-items:center}}

/* الفهرس */
.toc{margin:0 0 26px;padding:14px 18px;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius)}
.toc summary{font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between}
.toc summary::-webkit-details-marker{display:none}
.toc summary::after{content:"▾"}
.toc[open] summary::after{content:"▴"}
.toc-list{list-style:none;margin:10px 0 0;padding:0;counter-reset:toc}
.toc-list li{counter-increment:toc;border-bottom:1px solid var(--c-border)}
.toc-list li:last-child{border-bottom:0}
.toc-list a{display:flex;gap:10px;padding:9px 4px;color:var(--c-text);font-weight:600;font-size:.95rem;line-height:1.5}
.toc-list a::before{content:counter(toc);color:var(--c-muted);font-weight:700;min-width:16px}
.toc-list a:hover,.toc-list a.is-active{color:var(--c-primary)}
.toc-list .toc-h3 a{padding-right:22px;font-size:.9rem;font-weight:500}
.toc-list .toc-h3 a::before{content:"–"}
.toc-list .toc-h3{counter-increment:none}
.toc-side .widget-title{margin-bottom:4px}
@media (min-width:1025px){.toc-inline{display:none}}
@media (max-width:1024px){.toc-side{display:none}}

/* صندوق التقييم */
.review-box{margin:32px 0;overflow:hidden}
.review-box .rb-head{background:linear-gradient(120deg,var(--c-navy),var(--c-navy-2));color:#fff;padding:16px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.review-box .rb-head h2{margin:0;font-size:1.2rem;color:#fff}
.review-box .rb-total{background:var(--c-accent);color:#fff;font-weight:800;border-radius:10px;padding:4px 12px;font-size:1.3rem}
.rb-bars{padding:18px 22px;display:grid;gap:12px}
.rb-bar{display:grid;grid-template-columns:130px 1fr 44px;align-items:center;gap:12px;font-size:.95rem}
.rb-bar .track{height:10px;background:var(--c-border);border-radius:99px;overflow:hidden}
.rb-bar .fill{height:100%;background:linear-gradient(270deg,var(--c-primary),#7c3aed);border-radius:99px}
.rb-bar b{text-align:left}
.pros-cons{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--c-border)}
.pros-cons>div{padding:18px 22px}
.pros-cons>div+div{border-right:1px solid var(--c-border)}
.pros-cons h3{margin:0 0 10px;font-size:1.05rem}
.pros-cons ul{list-style:none;margin:0;padding:0}
.pros-cons li{padding:5px 28px 5px 0;position:relative;font-size:.96rem}
.pros-cons li::before{position:absolute;right:0;top:7px;width:19px;height:19px;border-radius:50%;color:#fff;font-weight:800;display:grid;place-items:center;font-size:.8rem;line-height:1}
.pros-cons .pros li::before{content:"+";background:var(--c-good)}
.pros-cons .cons li::before{content:"−";background:var(--c-bad)}
.pros-cons .pros h3{color:var(--c-good)}
.pros-cons .cons h3{color:var(--c-bad)}
.rb-verdict{padding:18px 22px;border-top:1px solid var(--c-border);background:var(--c-bg)}
.rb-verdict h3{margin:0 0 6px;font-size:1.05rem}
.rb-verdict p{margin:0}
@media (max-width:600px){.pros-cons{grid-template-columns:1fr}.pros-cons>div+div{border-right:0;border-top:1px solid var(--c-border)}.rb-bar{grid-template-columns:96px 1fr 36px}}

/* جدول المواصفات */
.specs{margin:32px 0;overflow:hidden}
.specs-head{padding:16px 22px;border-bottom:1px solid var(--c-border);display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.specs-head h2{margin:0;font-size:1.2rem}
.specs-head small{color:var(--c-muted)}
.specs table,.compare-table{width:100%;border-collapse:collapse;margin:0}
.specs th,.specs td{padding:11px 22px;border:0;border-bottom:1px solid var(--c-border);text-align:right;vertical-align:top;font-size:.96rem}
.specs tr:last-child th,.specs tr:last-child td{border-bottom:0}
.specs th{width:34%;color:var(--c-muted);font-weight:700;background:var(--c-bg)}

/* الأسعار */
.price-box{margin:32px 0;overflow:hidden}
.pb-head{padding:14px 22px;border-bottom:1px solid var(--c-border);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.pb-head h2{margin:0;font-size:1.15rem}
.pb-head small{color:var(--c-muted)}
.price-box ul{list-style:none;margin:0;padding:0}
.price-box li{display:flex;justify-content:space-between;align-items:center;padding:12px 22px;border-bottom:1px solid var(--c-border);gap:10px}
.price-box li:last-child{border-bottom:0}
.price-box li b{color:var(--c-primary);font-size:1.1rem}
.price-note{font-size:.82rem;color:var(--c-muted);padding:10px 22px;background:var(--c-bg)}

/* الأسئلة الشائعة */
.faq{margin:32px 0}
.faq h2{margin:0 0 12px}
.faq details{border:1px solid var(--c-border);border-radius:12px;margin-bottom:10px;background:var(--c-surface)}
.faq summary{padding:14px 18px;font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--c-primary);font-size:1.3rem;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq details>div{padding:0 18px 14px;color:var(--c-muted)}

/* ================= المقارنة ================= */
.compare{margin:28px 0;padding:22px}
.compare h2{margin:0 0 18px;font-size:1.3rem}
.compare-phones{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:start;position:relative}
.compare-phone{text-align:center;padding:0 10px;position:relative}
.compare-phone .img{height:170px;display:grid;place-items:center;margin-bottom:10px}
.compare-phone .img img{max-height:170px;width:auto;object-fit:contain;border-radius:10px}
.compare-phone h3{font-size:.98rem;margin:0 0 4px;line-height:1.5}
.compare-phone .p{color:var(--c-muted);font-size:.85rem;margin-bottom:8px}
.compare-phone+.compare-phone::before{content:"VS";position:absolute;right:-18px;top:66px;width:36px;height:36px;border-radius:50%;background:var(--c-primary);color:#fff;font-weight:800;font-size:.8rem;display:grid;place-items:center;box-shadow:0 0 0 5px var(--c-soft);direction:ltr}
.compare-table{margin-top:22px;font-size:.92rem}
.compare-table caption{font-weight:800;padding:0 0 10px;text-align:center}
.compare-table th,.compare-table td{padding:11px 10px;border-bottom:1px solid var(--c-border);text-align:center;vertical-align:middle}
.compare-table tbody tr:nth-child(odd){background:var(--c-bg)}
.compare-table th{text-align:right;white-space:nowrap;font-weight:700;color:var(--c-muted)}
.compare-table th .ico{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--c-soft);color:var(--c-primary);margin-left:8px;vertical-align:middle}
.compare-table th .ico svg{width:14px;height:14px}
.compare-table td.win{color:var(--c-good);font-weight:800}
.compare-scroll{overflow-x:auto}
.compare-form{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px;padding:18px;margin-bottom:20px}
.compare-form select{padding:11px 12px;border:1px solid var(--c-border);border-radius:12px;font:inherit;background:var(--c-bg);color:var(--c-text);min-width:0}
@media (max-width:700px){
  .compare-form{grid-template-columns:1fr}
  .compare{padding:16px 10px}
  .compare-phone .img{height:110px}
  .compare-phone .img img{max-height:110px}
  .compare-phone+.compare-phone::before{top:40px;width:30px;height:30px;right:-15px}
}

/* ================= صفحة جميع المراجعات ================= */
.page-intro{text-align:center;margin:26px 0 22px}
.page-intro h1{margin:0 0 4px}
.page-intro p{color:var(--c-muted);margin:0}
.brand-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:800px){.brand-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.brand-tile{position:relative;overflow:hidden;border-radius:var(--radius);padding:20px 16px;color:#fff;background:var(--brand-color,var(--c-primary));display:flex;flex-direction:column;align-items:center;gap:6px;min-height:118px;justify-content:center;text-align:center;transition:transform .15s}
.brand-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 55%);pointer-events:none}
.brand-tile:hover{color:#fff;transform:translateY(-3px)}
.brand-tile .brand-logo{background:rgba(255,255,255,.2);width:44px;height:44px}
.brand-tile strong{font-size:1.1rem}
.brand-tile small{opacity:.85;font-size:.8rem}

/* ================= صندوق الاشتراك ================= */
.cta{margin-top:40px;border-radius:var(--radius);overflow:hidden;position:relative;background:radial-gradient(600px 300px at 90% 0%,rgba(30,144,255,.35),transparent 60%),linear-gradient(120deg,var(--c-navy),var(--c-navy-2));color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:30px 34px}
.cta h2{margin:0 0 6px;color:#fff;font-size:1.5rem}
.cta p{margin:0;color:#cbd5e1}
.cta .btn{white-space:nowrap}
@media (max-width:700px){.cta{grid-template-columns:1fr;text-align:center;padding:26px 20px}.cta .btn{justify-self:center}}

/* ================= الشريط الجانبي ================= */
.sidebar{display:grid;gap:20px;position:sticky;top:calc(var(--header-h) + 16px)}
@media (max-width:1024px){.sidebar{position:static}}
.widget{padding:18px 20px}
.widget-title{font-size:1.05rem;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;gap:8px}
.widget-title::before{content:"";width:4px;height:18px;border-radius:3px;background:var(--c-primary)}
.widget ul{list-style:none;margin:0;padding:0}
.widget li{padding:6px 0;border-bottom:1px dashed var(--c-border)}
.widget li:last-child{border-bottom:0}
.mini-list{display:grid;gap:14px}
.mini-item{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center}
.mini-item img{border-radius:12px;aspect-ratio:1;object-fit:cover;width:72px;height:72px}
.mini-item a{color:var(--c-text);font-weight:700;font-size:.92rem;line-height:1.55}
.mini-item a:hover{color:var(--c-primary)}
.mini-item small{display:block;color:var(--c-muted);font-size:.78rem}
.mini-item .s{color:var(--c-accent);font-weight:800}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips a{border:1px solid var(--c-border);border-radius:999px;padding:4px 14px;font-weight:700;color:var(--c-text);font-size:.88rem}
.chips a:hover{border-color:var(--c-primary);color:var(--c-primary)}

/* صندوق الكاتب + المشاركة */
.author-box{display:flex;gap:16px;padding:20px;margin-top:24px}
.author-box img{border-radius:50%;flex-shrink:0}
.author-box h3{margin:0 0 4px;font-size:1.05rem}
.author-box p{margin:0;color:var(--c-muted);font-size:.95rem}
.share{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px;align-items:center}
.share span{font-weight:800;margin-left:6px}
.share a{padding:6px 14px;border-radius:999px;color:#fff;font-size:.85rem;font-weight:700}
.share .fb{background:#1877f2}.share .x{background:#111}.share .wa{background:#25d366}.share .tg{background:#229ed9}

/* ترقيم */
.pagination{margin:30px 0 0;display:flex;justify-content:center}
.pagination .nav-links{display:flex;gap:6px;flex-wrap:wrap}
.pagination .page-numbers{min-width:42px;height:42px;display:grid;place-items:center;padding:0 10px;border-radius:12px;background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text);font-weight:700}
.pagination .current{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}

/* الأرشيف */
.archive-header{padding:22px 24px;margin:22px 0}
.archive-header h1{margin:0 0 6px;font-size:1.7rem}
.archive-header .desc{color:var(--c-muted)}
.archive-header .desc p:last-child{margin:0}

/* التعليقات */
.comments-area{padding:24px;margin-top:24px}
.comment-list{list-style:none;padding:0;margin:0}
.comment-list .children{list-style:none;padding-right:24px}
.comment-body{padding:14px 0;border-bottom:1px solid var(--c-border)}
.comment-author img{border-radius:50%;float:right;margin-left:10px}
.comment-meta{font-size:.85rem;color:var(--c-muted)}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:10px 12px;border:1px solid var(--c-border);border-radius:10px;font:inherit;background:var(--c-bg);color:var(--c-text)}

/* ================= الفوتر ================= */
.site-footer{background:var(--c-navy);color:#94a3b8;padding:44px 0 22px;margin-top:40px;font-size:.93rem}
.site-footer a{color:#e2e8f0}
.site-footer a:hover{color:var(--c-primary)}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px}
.site-footer .widget{padding:0;background:none;border:0;box-shadow:none}
.site-footer .widget-title{color:#fff;border-color:var(--c-navy-line)}
.site-footer .widget li{border-color:var(--c-navy-line)}
.footer-bottom{border-top:1px solid var(--c-navy-line);margin-top:28px;padding-top:16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.footer-bottom ul{list-style:none;margin:0;padding:0;display:flex;gap:14px}

/* ================= الشريط السفلي للجوال ================= */
.bottom-nav{display:none}
@media (max-width:760px){
  body{padding-bottom:64px}
  .bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:70;background:var(--c-surface);border-top:1px solid var(--c-border);height:64px;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -6px 20px rgba(15,23,42,.06)}
  .bottom-nav a,.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--c-muted);font-size:.74rem;font-weight:700;background:none;border:0;cursor:pointer}
  .bottom-nav svg{width:22px;height:22px}
  .bottom-nav .is-active{color:var(--c-primary)}
}

/* ووردبريس */
.alignleft{float:left;margin:0 1.5em 1em 0}
.alignright{float:right;margin:0 0 1em 1.5em}
.aligncenter{margin-inline:auto}
.wp-caption-text{font-size:.85rem;color:var(--c-muted)}
.not-found{padding:40px;text-align:center}

/* =================================================================
   v2.1 — تحسينات
   ================================================================= */

/* روابط داخل المقال: أنظف وأوضح */
.entry-content a{color:var(--c-primary);font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--c-primary) 35%,transparent);text-decoration-thickness:1.5px;text-underline-offset:5px;transition:text-decoration-color .15s,color .15s}
.entry-content a:hover{color:var(--c-primary-dark);text-decoration-color:currentColor}
.entry-content a:has(img){text-decoration:none}

/* إخفاء فهارس الإضافات المكررة (الثيم يعرض فهرسه) */
.hide-plugin-toc .entry-content :is(#ez-toc-container,.ez-toc-v2_0,.ez-toc-container,#toc_container,.toc_container,.lwptoc,.wp-block-rank-math-toc-block,.rank-math-toc,.wp-block-yoast-seo-table-of-contents,.yoast-table-of-contents,.simpletoc,.simpletoc-list,.joli-toc,.ftwp-in-post,#ftwp-container-outer,.wp-block-uagb-table-of-contents,.uagb-toc__wrap,.kb-table-of-content-nav,.mr-auto-hidden){display:none!important}

/* الفهرس داخل المقال (الجوال): مطوي افتراضياً */
.toc-inline{background:var(--c-surface)}
.toc-inline summary{display:flex;align-items:center;gap:8px}
.toc-inline summary::before{content:"";width:4px;height:18px;border-radius:3px;background:var(--c-primary)}
.toc-inline summary::after{margin-inline-start:auto}
.toc-inline .toc-list{max-height:320px;overflow:auto}
.toc-list a{text-decoration:none!important;font-weight:600}

/* القائمة المنسدلة (سطح المكتب) */
.main-nav li{position:relative}
@media (min-width:961px){
  .main-nav .sub-menu{display:block;position:absolute;top:100%;right:0;min-width:210px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:14px;box-shadow:0 18px 40px rgba(2,6,23,.18);padding:8px;list-style:none;margin:0;opacity:0;visibility:hidden;transform:translateY(6px);transition:.15s;z-index:80}
  .main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
  .main-nav .sub-menu a{padding:10px 12px;color:var(--c-text);border-radius:10px;font-size:.92rem}
  .main-nav .sub-menu a:hover{background:var(--c-soft);color:var(--c-primary)}
  .main-nav .sub-menu a::after{display:none}
  .main-nav .menu-item-has-children>a{padding-left:24px}
  .main-nav .menu-item-has-children>a::before{content:"";position:absolute;left:10px;top:50%;width:6px;height:6px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-70%) rotate(45deg)}
  .nav-cats{display:none}
}
@media (max-width:960px){
  .main-nav{max-height:calc(100vh - var(--header-h));overflow-y:auto;padding-bottom:90px}
  .main-nav .sub-menu{display:block;list-style:none;padding:0 16px 0 0;margin:0}
  .main-nav .sub-menu a{font-size:.9rem;color:#94a3b8}
  .nav-cats{padding-top:14px}
  .nav-cats-title{color:#fff;font-weight:800;margin:0 0 10px}
  .brands-btn{display:none}
}

/* شبكة العلامات التجارية */
.brand-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.brand-grid a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text);font-weight:700;position:relative;overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s}
.brand-grid a::before{content:"";position:absolute;inset:0 0 0 auto;width:4px;background:var(--brand-color)}
.brand-grid a:hover{transform:translateY(-2px);border-color:var(--brand-color);box-shadow:0 8px 20px rgba(15,23,42,.08);color:var(--c-text)}
.brand-grid .brand-logo{width:34px;height:34px;border-radius:10px;font-size:.95rem;flex-shrink:0}
.brand-grid .bn{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.93rem}
.brand-grid .bc{font-size:.72rem;color:var(--c-muted);background:var(--c-bg);border-radius:999px;padding:1px 8px;font-weight:700}
.brand-grid.is-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.brand-grid.is-compact a{padding:8px 10px}
.brand-grid.is-dark a{background:rgba(255,255,255,.05);border-color:var(--c-navy-line);color:#e2e8f0}
.brand-grid.is-dark .bc{background:rgba(255,255,255,.08);color:#cbd5e1}
.brand-logo.has-img{background:#fff;padding:3px}
.brand-logo.has-img img{object-fit:contain}
@media (min-width:600px){.sheet .brand-grid.is-compact{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* النافذة المنبثقة (العلامات) */
.sheet{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center}
.sheet[hidden]{display:none}
.sheet-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.55);backdrop-filter:blur(2px);animation:fade .2s}
.sheet-panel{position:relative;background:var(--c-surface);width:100%;max-width:640px;max-height:82vh;overflow:auto;border-radius:22px 22px 0 0;padding:14px 16px calc(20px + env(safe-area-inset-bottom));animation:up .25s ease}
.sheet-panel::before{content:"";display:block;width:44px;height:5px;border-radius:5px;background:var(--c-border);margin:0 auto 10px}
.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.sheet-title{margin:0;font-weight:800;font-size:1.15rem}
.sheet .icon-btn{color:var(--c-text);background:var(--c-bg)}
.sheet-all{width:100%;justify-content:center;margin-top:14px}
@media (min-width:761px){.sheet{align-items:center}.sheet-panel{border-radius:22px;max-height:80vh}.sheet-panel::before{display:none}}
@keyframes up{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@keyframes fade{from{opacity:0}}
body.sheet-open{overflow:hidden}

/* الحساب */
.account{position:relative}
.account-btn img{border-radius:50%;width:30px;height:30px}
.account-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:240px;background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border);border-radius:16px;box-shadow:0 20px 44px rgba(2,6,23,.25);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.15s;z-index:90}
.account-menu.is-open{opacity:1;visibility:visible;transform:none}
.account-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--c-text);font-weight:700;font-size:.92rem}
.account-menu a:hover{background:var(--c-soft);color:var(--c-primary)}
.account-menu svg{width:18px;height:18px;color:var(--c-muted)}
.am-head{display:flex;gap:10px;align-items:center;padding:8px 10px 12px;border-bottom:1px solid var(--c-border);margin-bottom:6px}
.am-head img{border-radius:50%}
.am-head b{display:block;line-height:1.3}
.am-head small{color:var(--c-muted);font-size:.78rem;display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis}

/* المشاركة */
.share-box{margin-top:26px;padding:18px;border-radius:18px;background:var(--c-bg);border:1px solid var(--c-border)}
.share-title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-weight:800}
.share-title svg{width:20px;height:20px;color:var(--c-primary)}
.share-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.sh{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:12px;font:inherit;font-weight:800;font-size:.9rem;color:#fff!important;border:0;cursor:pointer;text-decoration:none!important;transition:transform .12s,filter .12s}
.sh:hover{transform:translateY(-2px);filter:brightness(1.08)}
.sh svg{width:19px;height:19px}
.sh-fb{background:#1877f2}.sh-wa{background:#1fae54}.sh-tg{background:#229ed9}.sh-x{background:#111827}
.sh-copy{background:var(--c-surface);color:var(--c-text)!important;border:1px solid var(--c-border)}
.sh-native{background:var(--c-primary)}
@media (max-width:600px){.share-grid{grid-template-columns:repeat(3,1fr)}.sh span{font-size:.8rem}.sh{height:48px;flex-direction:column;gap:2px;height:60px}}

/* تقييم القراء */
.urate{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 20px;border-radius:18px;background:linear-gradient(120deg,var(--c-navy),var(--c-navy-2));color:#fff}
.urate-title{margin:0;font-weight:800;font-size:1.05rem}
.urate-sum{margin:2px 0 0;color:#cbd5e1;font-size:.9rem}
.urate-sum b{color:#fbbf24;font-size:1.2rem}
.urate-stars{display:flex;gap:4px;direction:ltr}
.urate-stars button{background:none;border:0;padding:4px;cursor:pointer;color:rgba(255,255,255,.3);transition:transform .12s,color .12s}
.urate-stars button svg{width:32px;height:32px;fill:currentColor}
.urate-stars button.on,.urate-stars button.hover{color:#fbbf24}
.urate-stars button:hover{transform:scale(1.15)}
.urate.is-done .urate-stars{pointer-events:none}
@media (max-width:600px){.urate{justify-content:center;text-align:center}}

/* اقرأ أيضاً */
.read-also{margin:28px 0;padding:14px;border-radius:16px;border:1px solid var(--c-border);background:var(--c-bg);border-right:4px solid var(--c-primary)}
.ra-title{margin:0 0 10px;font-weight:800;color:var(--c-primary);font-size:.95rem}
.ra-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;text-decoration:none!important;color:var(--c-text)!important;font-weight:700;line-height:1.6;font-size:.96rem}
.ra-item+.ra-item{border-top:1px dashed var(--c-border)}
.ra-item:hover{background:var(--c-surface)}
.ra-item img{width:64px;height:64px;border-radius:10px;object-fit:cover;flex-shrink:0;margin:0}

/* أدوات الصفحة */
.to-top{position:fixed;left:16px;bottom:24px;z-index:65;width:46px;height:46px;border-radius:14px;border:0;background:var(--c-primary);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 24px rgba(30,144,255,.35);opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s}
.to-top.is-visible{opacity:1;visibility:visible;transform:none}
.to-top svg{width:22px;height:22px}
@media (max-width:760px){.to-top{bottom:80px;left:12px;width:42px;height:42px}}
.read-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:70;pointer-events:none}
.read-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#7c3aed,var(--c-primary));transform-origin:right}
.admin-bar .site-header{top:32px}
.admin-bar .read-progress{top:32px}
@media (max-width:782px){.admin-bar .site-header{top:0}.admin-bar .read-progress{top:0}}

/* الفوتر */
.footer-links{list-style:none;margin:0;padding:0;columns:2;column-gap:20px}
.footer-links li{padding:4px 0;break-inside:avoid}

/* الشريط السفلي: 5 عناصر */
@media (max-width:760px){.bottom-nav a,.bottom-nav button{font-size:.7rem}}
@media (max-width:760px){.header-actions .account,.header-actions .account-btn{display:none}}

/* =================================================================
   v3.0 — التصميم الاحترافي
   ================================================================= */
:root{--c-ink-2:#334155;--ring:0 0 0 1px var(--c-border);--shadow-lg:0 1px 2px rgba(15,23,42,.05),0 18px 40px -12px rgba(15,23,42,.18)}
body{font-size:17px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--c-primary);color:#fff}

/* الهيدر: زجاجي + يختفي عند النزول ويظهر عند الصعود */
.site-header{background:rgba(10,19,48,.92);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);transition:transform .28s ease}
body.hdr-hidden .site-header{transform:translateY(-100%)}
.site-branding{font-size:1.55rem;letter-spacing:-.3px}

/* ---------- رأس المقال (تصميم مجلة) ---------- */
.article-hero{position:relative;color:#fff;padding:26px 0 120px;background:
  radial-gradient(700px 300px at 85% 0%,rgba(30,144,255,.28),transparent 60%),
  radial-gradient(600px 300px at 10% 100%,rgba(124,58,237,.30),transparent 60%),
  linear-gradient(135deg,var(--c-navy),var(--c-navy-2));overflow:hidden}
.article-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to bottom,#000,transparent);pointer-events:none}
.article-hero .container{position:relative;z-index:1}
.article-hero .breadcrumbs,.article-hero .breadcrumbs a{color:#94a3b8}
.article-hero .breadcrumbs a:hover{color:#fff}
.article-hero h1{color:#fff;font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.35;margin:10px 0 8px;max-width:980px;letter-spacing:-.3px}
.article-hero .entry-subtitle{color:#cbd5e1;font-size:clamp(1rem,1.6vw,1.2rem);font-weight:600;margin:0 0 14px;max-width:860px}
.article-hero .entry-meta{color:#cbd5e1;gap:8px 20px}
.article-hero .entry-meta a{color:#fff;font-weight:700}
.article-hero .entry-meta svg{color:#60a5fa}
.article-hero .entry-meta img{box-shadow:0 0 0 2px rgba(255,255,255,.25)}
.ah-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:.82rem;font-weight:800;line-height:1.6;background:rgba(255,255,255,.1);color:#e2e8f0;border:1px solid rgba(255,255,255,.14)}
.chip:hover{color:#fff;background:rgba(255,255,255,.16)}
.chip svg{width:14px;height:14px;fill:#fbbf24;stroke:#fbbf24}
.chip-cat{background:var(--c-primary);border-color:transparent;color:#fff}
.chip-type.t-review{background:rgba(30,144,255,.18)}
.chip-type.t-compare{background:rgba(124,58,237,.25)}
.chip-type.t-specs{background:rgba(8,145,178,.25)}
.chip-score{color:#fde68a}
.layout-single{margin-top:-96px;position:relative;z-index:2}
.layout-single .sidebar{top:calc(var(--header-h) + 16px)}
.entry{box-shadow:var(--shadow-lg);border:0}
.entry-thumb{aspect-ratio:16/9;overflow:hidden}
.entry-thumb img{width:100%;height:100%;object-fit:cover}
.entry-body{padding:30px 36px 34px}

/* ---------- المواصفات الأساسية ---------- */
.keyspecs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 26px}
.ks{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:var(--c-bg);border:1px solid var(--c-border)}
.ks-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--c-soft);color:var(--c-primary);flex-shrink:0}
.ks-ico svg{width:20px;height:20px}
.ks-txt{min-width:0;line-height:1.4}
.ks-txt small{display:block;color:var(--c-muted);font-size:.76rem;font-weight:600}
.ks-txt b{display:block;font-size:.92rem;font-weight:800;overflow:hidden;text-overflow:ellipsis}
@media (max-width:700px){.keyspecs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- تنسيق المحتوى ---------- */
.entry-content{font-size:1.08rem;line-height:2;color:var(--c-ink-2)}
:root[data-theme="dark"] .entry-content{color:#cbd5e1}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .entry-content{color:#cbd5e1}}
.entry-content h2,.entry-content h3,.entry-content h4{color:var(--c-text)}
.entry-content h2{font-size:1.5rem;margin:1.9em 0 .7em;padding:0 16px 0 0;position:relative}
.entry-content h2::before{content:"";position:absolute;right:0;top:.35em;bottom:.35em;width:5px;border-radius:5px;background:linear-gradient(var(--c-primary),#7c3aed)}
.entry-content h3{font-size:1.22rem;margin:1.6em 0 .5em}
.entry-content > p:first-of-type{font-size:1.14rem;color:var(--c-text)}
.entry-content strong{color:var(--c-text);font-weight:800}
.entry-content ul{list-style:none;padding-right:0}
.entry-content ul li{position:relative;padding-right:24px;margin:.45em 0}
.entry-content ul li::before{content:"";position:absolute;right:4px;top:.8em;width:8px;height:8px;border-radius:50%;background:var(--c-primary);box-shadow:0 0 0 4px var(--c-soft)}
.entry-content ol{padding-right:1.4em}
.entry-content ol li::marker{color:var(--c-primary);font-weight:800}
.entry-content img{border-radius:14px}
.entry-content figure{margin:1.8em 0}
.entry-content blockquote{position:relative;margin:1.8em 0;padding:18px 22px 18px 18px;border:0;border-right:4px solid var(--c-primary);background:var(--c-soft);border-radius:14px;color:var(--c-text);font-weight:600}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.6em 0;border-radius:14px;border:1px solid var(--c-border);background:var(--c-surface)}
.table-wrap table,.entry-content .table-wrap table{margin:0;border-collapse:collapse;width:100%;min-width:420px;font-size:.96rem}
.entry-content .table-wrap th,.entry-content .table-wrap td{border:0;border-bottom:1px solid var(--c-border);padding:12px 16px;text-align:right}
.entry-content .table-wrap tr:last-child td{border-bottom:0}
.entry-content .table-wrap tr:nth-child(even) td{background:var(--c-bg)}
.entry-content .table-wrap th,.entry-content .table-wrap thead td{background:var(--c-navy);color:#fff;font-weight:800}
.entry-content .table-wrap td:first-child{font-weight:700;color:var(--c-text)}
.entry-content .wp-block-table{margin:0}
.entry-content hr{border:0;height:1px;background:var(--c-border);margin:2em 0}
.entry-content .wp-block-image,.entry-content .wp-block-gallery{margin:1.8em 0}
.entry-content iframe{max-width:100%;border-radius:14px}

/* ---------- البطاقات ---------- */
.post-card{border:0;box-shadow:var(--shadow-lg);border-radius:18px}
.post-card .thumb::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(to top,rgba(2,6,23,.45),transparent);pointer-events:none}
.type-badge{backdrop-filter:blur(6px);background:rgba(30,144,255,.92);box-shadow:0 4px 12px rgba(2,6,23,.2);z-index:1}
.type-badge.t-compare{background:rgba(124,58,237,.92)}
.type-badge.t-specs{background:rgba(8,145,178,.92)}
.type-badge.t-news{background:rgba(15,23,42,.72)}
.score-badge{z-index:1;box-shadow:0 4px 12px rgba(2,6,23,.25)}
.post-card h2,.post-card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.section-title h2{font-size:1.45rem;letter-spacing:-.2px}

/* سلايدر أفقي للأقسام على الجوال */
@media (max-width:600px){
  .posts-grid.rail-mobile{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:4px 16px 14px;scrollbar-width:none}
  .posts-grid.rail-mobile::-webkit-scrollbar{display:none}
  .rail-mobile .post-card{flex:0 0 76%;scroll-snap-align:start}
  .rail-mobile .post-card .thumb{aspect-ratio:4/3}
}

/* ---------- الشريط الجانبي ---------- */
.widget{border:0;box-shadow:var(--shadow-lg);border-radius:18px}
.toc-side{border-top:3px solid var(--c-primary)}
.toc-list a.is-active{background:var(--c-soft);border-radius:10px}

/* صندوق الكاتب */
.author-box{border:0;box-shadow:var(--shadow-lg);border-radius:18px;align-items:center;background:linear-gradient(135deg,var(--c-surface),var(--c-soft))}
.author-box img{box-shadow:0 0 0 4px var(--c-surface),0 0 0 6px var(--c-primary)}

/* ---------- الشريط السفلي العائم ---------- */
@media (max-width:760px){
  body{padding-bottom:84px}
  .bottom-nav{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));height:62px;padding:0 6px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(10,19,48,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 34px rgba(2,6,23,.35)}
  .bottom-nav a,.bottom-nav button{color:#94a3b8;position:relative;border-radius:14px;margin:6px 2px}
  .bottom-nav .is-active{color:#fff;background:rgba(30,144,255,.18)}
  .bottom-nav .is-active svg{color:var(--c-primary)}
  .to-top{bottom:calc(86px + env(safe-area-inset-bottom))}
}

/* ---------- الجوال: المقال بعرض كامل بدون حواف ---------- */
@media (max-width:760px){
  .container{padding:0 16px}
  .article-hero{padding:18px 0 22px}
  .article-hero h1{font-size:1.5rem}
  .layout-single{margin-top:0;gap:18px}
  .layout-single .main-col{margin:0 -16px}
  .layout-single .entry{border-radius:0;box-shadow:none;background:var(--c-surface)}
  .layout-single .entry-thumb{aspect-ratio:auto}
  .layout-single .entry-body{padding:20px 16px 26px}
  .layout-single .author-box,.layout-single .comments-area{border-radius:0;box-shadow:none;margin-top:0;border-top:1px solid var(--c-border)}
  .layout-single .related{padding:0 16px}
  .layout-single .entry-content{font-size:1.05rem}
  .layout-single .table-wrap{border-radius:12px}
  .layout-single .entry-content .alignfull,.layout-single .entry-content .alignwide{margin-inline:-16px}
  .single .site-main{background:var(--c-surface)}
  .single .layout-single .sidebar .widget{box-shadow:none;border:1px solid var(--c-border)}
}

/* ---------- الفوتر ---------- */
.site-footer{background:radial-gradient(800px 300px at 90% 0%,rgba(30,144,255,.12),transparent 60%),var(--c-navy);padding-top:52px}
.footer-brand{display:flex;align-items:center;gap:8px;color:#fff;font-weight:800;font-size:1.4rem;margin:0 0 8px}
.footer-brand svg{width:24px;height:24px;color:var(--c-primary)}
.socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.soc{padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--c-navy-line);font-size:.85rem;font-weight:700;color:#e2e8f0!important}
.soc:hover{background:var(--c-primary);border-color:var(--c-primary)}
@media (max-width:760px){.site-footer{padding-bottom:110px}}

/* ---------- السلايدر ---------- */
.hero-title{letter-spacing:-.5px}
.hero .btn{box-shadow:0 12px 28px -8px rgba(30,144,255,.7)}
.brands-bar{box-shadow:0 1px 0 var(--c-border)}

/* تقليل الحركة */
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.main-col,.layout>div{min-width:0}

/* =================================================================
   v3.2
   ================================================================= */
/* البحث الفوري */
.suggest{position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:95;background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;box-shadow:0 20px 44px rgba(2,6,23,.22);padding:6px;max-height:70vh;overflow:auto}
.suggest[hidden]{display:none}
.sg-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;color:var(--c-text);font-weight:700;font-size:.92rem;line-height:1.5}
.sg-item:hover,.sg-item:focus{background:var(--c-soft);color:var(--c-primary);outline:none}
.sg-item img,.sg-ph{width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0;background:var(--c-bg)}
.sg-t{min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sg-t small{display:block;color:var(--c-muted);font-weight:600;font-size:.75rem}
.sg-all{width:100%;margin-top:4px;padding:10px;border:0;border-radius:12px;background:var(--c-bg);color:var(--c-primary);font:inherit;font-weight:800;cursor:pointer}
.sg-empty{margin:0;padding:12px;color:var(--c-muted);text-align:center}

/* زر كل التصنيفات في قائمة الجوال */
.nav-cats-btn{display:none}
@media (max-width:960px){
  .nav-cats-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;padding:13px;border-radius:14px;border:1px solid var(--c-navy-line);background:rgba(30,144,255,.15);color:#fff;font:inherit;font-weight:800;cursor:pointer}
  .nav-cats-btn svg{width:20px;height:20px;color:var(--c-primary)}
}