:root{
  --navy-deep:#2b1810; --navy:#4a2c17; --navy-light:#7a4423;
  --gold:#c9973c; --gold-light:#e3bd72; --gold-dark:#a5772a;
  --red:#c1272d; --red-dark:#951c21;
  --teal:#0e6e6e; --green:#256b3f; --plum:#5b3b6e;
  --brown:#3d2410; --sand:#e2a96a; --sand-light:#f3ddb6; --sun:#e8891a;
  --bg:#eef3f9; --card:#ffffff; --text:#182634; --muted:#5c6b7c; --line:#e1e8f0;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#1a140f; --card:#241a12; --text:#f0e9df; --muted:#ab9a86; --line:#3a2c1e;
  }
}
:root[data-theme="dark"]{ --bg:#1a140f; --card:#241a12; --text:#f0e9df; --muted:#ab9a86; --line:#3a2c1e; }
html{scroll-padding-top:env(safe-area-inset-top,0px);}
*{font-family:'Cairo',sans-serif; box-sizing:border-box;}
body{background:var(--bg); color:var(--text); overflow-x:hidden;}
.nums{font-variant-numeric:tabular-nums;}
.pattern{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%23c9973c' stroke-opacity='0.18' stroke-width='1'%3E%3Cpath d='M28 2 L38 14 L28 26 L18 14 Z'/%3E%3Cpath d='M28 30 L38 42 L28 54 L18 42 Z'/%3E%3Ccircle cx='28' cy='28' r='3'/%3E%3C/g%3E%3C/svg%3E");
}
.dune{position:relative; background:radial-gradient(70% 60% at 78% 20%, rgba(232,137,26,.55) 0%, transparent 60%), radial-gradient(120% 100% at 15% 100%, #6e3a1c 0%, transparent 55%), radial-gradient(120% 100% at 85% 100%, #1e5c38 0%, transparent 55%), linear-gradient(180deg, var(--navy-deep) 0%, var(--brown) 60%, var(--sand) 100%);}
.dune::before{content:"";position:absolute;inset:0;background:
  linear-gradient(0deg, rgba(43,24,16,.85), transparent 45%),
  radial-gradient(60% 40% at 50% 100%, rgba(226,169,106,.4), transparent 70%);}
.dune-shape{position:absolute; bottom:-2px; left:0; right:0; height:38%;
  background:linear-gradient(180deg, transparent 0%, rgba(226,169,106,.6) 100%);
  clip-path: polygon(0% 60%, 15% 40%, 32% 55%, 50% 30%, 68% 50%, 85% 25%, 100% 45%, 100% 100%, 0% 100%);}
.card{background:var(--card); border:1px solid var(--line);}
.tick:hover{background:color-mix(in srgb, var(--gold) 10%, transparent); border-inline-start-color:var(--gold);}
.custom-scroll::-webkit-scrollbar{width:4px}
.custom-scroll::-webkit-scrollbar-track{background:transparent}
.custom-scroll::-webkit-scrollbar-thumb{background:var(--gold); border-radius:10px}
.swiper-pagination-bullet{background:#fff !important; opacity:.55}
.swiper-pagination-bullet-active{background:var(--gold) !important; opacity:1; width:22px; border-radius:12px}
.swiper-button-next,.swiper-button-prev{color:#fff !important; background:rgba(43,24,16,.55); width:34px; height:34px; border-radius:99px; backdrop-filter:blur(3px)}
.swiper-button-next:after,.swiper-button-prev:after{font-size:16px}
@media (max-width:768px){.swiper-button-next,.swiper-button-prev{display:none !important}}
.slide-menu{position:fixed; top:0; right:-85%; width:82%; max-width:340px; height:100vh; background:linear-gradient(160deg,var(--navy-deep),#1a0f08); z-index:1000; transition:right .3s cubic-bezier(.2,.9,.4,1.1); box-shadow:-10px 0 30px rgba(0,0,0,.5); overflow-y:auto; padding:22px 0 30px; padding-top:calc(22px + env(safe-area-inset-top,0px));}
.slide-menu.open{right:0}
.overlay{position:fixed; inset:0; background:rgba(4,12,24,.65); backdrop-filter:blur(2px); z-index:999; opacity:0; visibility:hidden; transition:.25s}
.overlay.active{opacity:1; visibility:visible}
body.menu-open{overflow:hidden}
.menu-item{display:flex; align-items:center; gap:10px; padding:12px 22px; margin:2px 12px; border-radius:12px; color:#cfe0f2; font-weight:600; transition:.2s}
.menu-item:hover{background:rgba(201,151,60,.15); color:var(--gold-light); transform:translateX(-4px)}
.pill{display:inline-flex; align-items:center; gap:6px; font-size:.7rem; font-weight:700; padding:2px 10px; border-radius:999px; color:#fff}
.emblem{filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.ad-slot{border:1.5px dashed #c3cedb; background:repeating-linear-gradient(135deg,#f4f7fb,#f4f7fb 10px,#eef2f7 10px,#eef2f7 20px); border-radius:12px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#8b98a8; gap:4px;}

.screen-reader-text,.sr-only{position:absolute;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:2000;background:var(--gold);color:#fff;padding:8px 14px;border-radius:8px;clip:auto;width:auto;height:auto}

/* ترويسة وتذييل يتبعان الوضع الليلي */
.site-header{background:var(--card); border-bottom:2px solid var(--brown)}
.site-title{color:var(--navy-deep)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .site-title{color:var(--sand-light)}}
:root[data-theme="dark"] .site-title{color:var(--sand-light)}

/* الصفحات (Pagination) */
.page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--card);font-weight:700;font-size:.85rem;transition:.2s}
.page-btn:hover{border-color:var(--gold);color:var(--gold-dark)}
.page-btn.active{background:var(--navy-deep);border-color:var(--navy-deep);color:#fff}

/* محتوى المقال */
.prose-ar{line-height:2;font-size:16px}
.prose-ar p{margin:0 0 1.15em}
.prose-ar h2{font-size:1.45rem;font-weight:800;margin:1.6em 0 .6em}
.prose-ar h3{font-size:1.2rem;font-weight:800;margin:1.4em 0 .5em}
.prose-ar a{color:var(--gold-dark);text-decoration:underline;text-underline-offset:3px}
.prose-ar ul{list-style:disc;padding-inline-start:1.5em;margin-bottom:1em}
.prose-ar ol{list-style:decimal;padding-inline-start:1.5em;margin-bottom:1em}
.prose-ar blockquote{border-inline-start:4px solid var(--gold);background:color-mix(in srgb,var(--gold) 8%,transparent);padding:.8em 1.1em;border-radius:10px;margin:1.2em 0;font-weight:700}
.prose-ar img{max-width:100%;height:auto;border-radius:14px;margin:1em auto}
.prose-ar iframe{max-width:100%;width:100%;aspect-ratio:16/9;height:auto;border-radius:14px}
.prose-ar table{width:100%;border-collapse:collapse;margin:1em 0}
.prose-ar td,.prose-ar th{border:1px solid var(--line);padding:.5em .7em}
.prose-ar .ql-align-center{text-align:center}.prose-ar .ql-align-left{text-align:left}.prose-ar .ql-align-justify{text-align:justify}
.prose-ar .ql-direction-rtl{direction:rtl}

/* حقول النماذج */
.field{width:100%;border:1px solid var(--line);border-radius:10px;padding:.65rem .85rem;font-size:.9rem;background:var(--card);color:var(--text)}
.field:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 20%,transparent)}
.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:.6rem 1.3rem;border-radius:10px;color:#fff;font-weight:700;background:var(--navy-deep);transition:.2s}
.btn-primary:hover{background:var(--navy)}
.alert{padding:.8rem 1rem;border-radius:12px;font-weight:700;font-size:.9rem;margin-bottom:1rem}
.alert-success{background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green);border:1px solid color-mix(in srgb,var(--green) 35%,transparent)}
.alert-error{background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red);border:1px solid color-mix(in srgb,var(--red) 35%,transparent)}
.hp{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;opacity:0!important;pointer-events:none}

/* المعرض */
.lightbox{position:fixed;inset:0;background:rgba(10,6,3,.92);z-index:1200;display:none;align-items:center;justify-content:center;padding:20px}
.lightbox.open{display:flex}
.lightbox img{max-width:100%;max-height:85vh;border-radius:12px}
.ad-widget{display:flex;justify-content:center;overflow:hidden}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* فيديو وصور داخل المقال (بأحجام ومحاذاة من المحرر) */
.prose-ar video{display:block;max-width:100%;height:auto;border-radius:14px;margin:1.2em auto;background:#000}
.prose-ar video[data-align="right"]{margin-right:0}
.prose-ar video[data-align="left"]{margin-left:0}
.prose-ar img{display:inline-block;margin:.6em 0}
.prose-ar p.ql-align-center img,.prose-ar p.ql-align-left img,.prose-ar p.ql-align-right img{margin:.6em 0}
.prose-ar .ql-align-right{text-align:right}

/* الوسائط داخل المقال على الجوال: الأحجام النسبية (25٪، 50٪...) تصبح بعرض كامل لتبقى مقروءة */
.prose-ar img,.prose-ar video{max-width:100%;height:auto}
@media (max-width:640px){
  .prose-ar img[width$="%"],.prose-ar video[width$="%"]{width:100%!important}
  .prose-ar video,.prose-ar img{border-radius:10px}
  .prose-ar video[data-align]{margin-left:auto;margin-right:auto}
  .prose-ar{font-size:15px;line-height:1.95}
}
.prose-ar video:not([width]){width:100%}

/* بلوكات المقال (محرر Gutenberg) */
.prose-ar figure.tjk-media{margin:1.4em 0;text-align:center}
.prose-ar figure.tjk-media[data-align="right"]{text-align:right}
.prose-ar figure.tjk-media[data-align="left"]{text-align:left}
.prose-ar figure.tjk-media img,.prose-ar figure.tjk-media video{display:inline-block;margin:0;vertical-align:top}
.prose-ar figure.tjk-media video:not([width]){width:100%}
.prose-ar figcaption{font-size:.85rem;color:var(--muted);margin-top:.5em;text-align:center;font-weight:600}
.prose-ar figure.tjk-embed{margin:1.4em 0}
.prose-ar figure.tjk-embed iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:14px}
.prose-ar hr.tjk-sep{border:0;text-align:center;margin:2em 0}
.prose-ar hr.tjk-sep::before{content:'✦ ✦ ✦';color:var(--gold);letter-spacing:.6em}
.prose-ar .tjk-table-wrap{overflow-x:auto;margin:1.2em 0}
.prose-ar .tjk-table-wrap table{margin:0;min-width:420px}
.prose-ar th{background:color-mix(in srgb,var(--gold) 14%,transparent);font-weight:800}
.prose-ar blockquote cite{display:block;font-style:normal;font-size:.85rem;color:var(--muted);margin-top:.4em}
.prose-ar blockquote cite::before{content:'— '}
.prose-ar h4{font-size:1.05rem;font-weight:800;margin:1.2em 0 .4em}
@media (max-width:640px){
  .prose-ar figure.tjk-media[data-align]{text-align:center}
}

/* أيقونة تشغيل الفيديو فوق الصور المصغرة */
.play-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:999px;background:rgba(193,39,45,.92);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.35);border:2px solid rgba(255,255,255,.85);transition:transform .2s;pointer-events:none}
.play-badge svg{margin-left:3px}
a:hover .play-badge,article:hover .play-badge{transform:translate(-50%,-50%) scale(1.1)}
.hero-play .play-badge{top:42%}
.hero-play{position:absolute;inset:0;z-index:5;pointer-events:none}
.swiper-slide.is-video .dune-shape{opacity:.5}
@media (max-width:640px){.hero-play .play-badge{width:52px!important;height:52px!important}.hero-play .play-badge svg{width:22px;height:22px}}