﻿:root{--paper:#fffaf2;--surface:#fffefb;--ink:#1f2024;--muted:#666d76;--red:#8f111b;--red2:#b51d2a;--gold:#c89b3c;--metal:#d7dbe0;--rule:#ded1bd;--soft:#f5ead8;--sans:"Noto Sans Arabic","Segoe UI",Tahoma,sans-serif;--serif:"Noto Naskh Arabic","Amiri","Times New Roman",serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);line-height:1.95}a{color:var(--red);text-decoration:none}a:hover{text-decoration:underline}.topbar{background:var(--red);color:#fff3dc;font:700 .78rem var(--sans);padding:.45rem 1rem}.inner,.wrap,.footer-inner{max-width:1180px;margin:0 auto}.header{background:var(--surface);border-bottom:5px solid var(--gold);padding:1rem}.header .inner{display:flex;justify-content:space-between;align-items:center}.logo{font:900 2rem Georgia,serif;color:var(--red)}.logo em{font-style:normal;color:var(--gold)}.kicker{font:800 .8rem var(--sans);color:var(--muted)}.nav{background:#221d1e}.nav .inner{display:flex;gap:1rem;overflow:auto;white-space:nowrap;padding:.7rem 1rem}.nav a{color:#fff7e8;font:800 .82rem var(--sans)}.wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2rem;padding:1.2rem}.breadcrumbs{font:700 .78rem var(--sans);color:var(--muted);margin:.5rem 0 1rem}.hero{border-top:6px solid var(--red);border-bottom:1px solid var(--rule);padding:1.4rem 0 1rem}.category{font:900 .8rem var(--sans);color:var(--gold)}h1{font-family:var(--serif);font-size:clamp(2rem,5vw,4.1rem);line-height:1.08;margin:.35rem 0 .8rem}.dek{font-size:1.2rem;color:#333b43;max-width:880px}.meta{display:flex;gap:.7rem;flex-wrap:wrap;color:var(--muted);font:700 .82rem var(--sans);border-block:1px solid var(--rule);padding:.75rem 0;margin:1rem 0}.box,.toc,.faq,.sources,.author,.related,.newsletter{background:var(--surface);border:1px solid var(--rule);padding:1rem;margin:1.2rem 0}.box{border-right:5px solid var(--gold)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;font:700 .86rem var(--sans)}.grid span{display:block;color:var(--muted);font-weight:600}.body p{font-size:1.08rem;margin:0 0 1.12rem}.body h2{font:900 1.72rem var(--serif);color:var(--red);border-top:2px solid var(--red);padding-top:.75rem;margin:2rem 0 .8rem}.body h3{font:900 1.15rem var(--sans);color:#6a4b11;margin:1rem 0 .4rem}.lead:first-letter{font-size:3.7rem;float:right;line-height:.9;color:var(--gold);padding-left:.12rem;font-weight:900}.pull{font:900 1.28rem var(--serif);border-right:5px solid var(--gold);background:#fff2d8;padding:.8rem 1rem;margin:1.4rem 0}table{width:100%;border-collapse:collapse;background:var(--surface);font-family:var(--sans);font-size:.9rem;margin:1rem 0}td,th{border:1px solid var(--rule);padding:.7rem;text-align:right}th{background:var(--red);color:#fff}.toc{position:sticky;top:1rem}.toc h2,.faq h2,.sources h2,.related h2{font:900 1.1rem var(--sans);color:var(--red)}.toc ol{padding-right:1.2rem;font:700 .86rem var(--sans)}.faq details{border-top:1px solid var(--rule);padding:.7rem 0}.faq summary{font:900 1rem var(--sans);cursor:pointer;color:var(--red)}.author{display:flex;gap:1rem;border-right:5px solid var(--gold)}.avatar{width:64px;height:64px;border-radius:50%;object-fit:cover}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.related a{display:block;border:1px solid var(--rule);background:#fff8ea;padding:.8rem;font-weight:900}.newsletter{background:var(--red);color:#fff}.footer{background:#211719;color:#eadfce;margin-top:2rem;padding:2rem 1rem;font:600 .82rem var(--sans)}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.footer-bottom{border-top:1px solid #6e3037;margin-top:1rem;padding-top:1rem;color:#d8c6a9}@media(max-width:900px){.wrap{grid-template-columns:1fr}.toc{position:static}.grid,.related-grid,.footer-grid{grid-template-columns:1fr}h1{font-size:2.2rem}}
/* ── SITE-NAV : rubriques ar.geopolo.com ── */
.site-nav{background:#1a2744;position:sticky;top:0;z-index:500;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto;scrollbar-width:none}
.site-nav::-webkit-scrollbar{display:none}
.site-nav .nav-inner{display:flex;align-items:stretch;min-width:max-content;max-width:1280px;margin:0 auto}
.site-nav .nav-inner a{display:flex;align-items:center;gap:.35rem;padding:.65rem .9rem;font-size:.76rem;font-weight:600;color:rgba(255,255,255,.65);white-space:nowrap;position:relative;transition:color .2s,background .2s;border-left:1px solid rgba(255,255,255,.06)}
.site-nav .nav-inner a:first-child{border-left:none}
.site-nav .nav-inner a:hover{color:#fff;background:rgba(255,255,255,.06)}
.site-nav .nav-inner a.active{color:#fff}
.site-nav .nav-inner a.active::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#8f111b}
.site-nav .nav-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}

/* ── SHARE BAR v2 - bloc partage ── */
.share-bar-v2{background:var(--soft,#f3f0e8);border-top:1px solid var(--rule,#e2ddd8);border-bottom:1px solid var(--rule,#e2ddd8);padding:.6rem 1.5rem}
.share-bar-v2 .share-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.share-bar-v2 .share-label{font-family:var(--sans,sans-serif);font-size:.6rem;color:var(--muted,#5a5870);margin-left:.3rem;white-space:nowrap}
.sbtn{display:inline-flex;align-items:center;gap:.25rem;padding:.28rem .6rem;font-family:var(--sans,sans-serif);font-size:.6rem;font-weight:700;cursor:pointer;border:none;transition:opacity .15s,transform .15s;white-space:nowrap}
.sbtn:hover{opacity:.88;transform:translateY(-1px)}.sbtn:active{transform:translateY(0)}
.sb-x{background:#000;color:#fff}.sb-wa{background:#25d366;color:#fff}.sb-fb{background:#1877f2;color:#fff}
.sb-tg{background:#2ca5e0;color:#fff}.sb-li{background:#0a66c2;color:#fff}.sb-rd{background:#ff4500;color:#fff}
.sb-bk{background:#0085ff;color:#fff}.sb-em{background:#5a5870;color:#fff}.sb-ms{background:#0078ff;color:#fff}
.sb-tt{background:#010101;color:#fff}.sb-sc{background:#fffc00;color:#000}.sb-sg{background:#3a76f0;color:#fff}
.sb-cp{background:#2e3040;color:#fff}
@media(max-width:640px){.share-bar-v2{padding:.5rem 1rem}.sbtn{font-size:.55rem;padding:.22rem .5rem}}

/* ── ASIDE IMAGE BLOC ── */
.aside-img{margin:0 0 1rem 0;padding:0;border-radius:4px;overflow:hidden;border:1px solid var(--rule,#ded1bd);width:100%;box-sizing:border-box}
.aside-img img{display:block;width:100%;height:180px;object-fit:cover;transition:transform .3s ease}
.aside-img img:hover{transform:scale(1.03)}
.aside-img figcaption{font-size:.65rem;color:var(--muted,#666);padding:.35rem .5rem;background:var(--soft,#f5ead8);text-align:center}


/* ── NEWSLETTER FORM INLINE ── */
.newsletter{background:var(--navy,#1a2744);color:#fff;padding:2rem;text-align:center;margin:1.5rem 0}
.newsletter h2{font-size:1.25rem;font-weight:900;margin-bottom:.4rem;color:#fff}
.newsletter h2 em{font-style:normal;color:#C4952A}
.newsletter>.nl-desc{font-size:.85rem;color:rgba(255,255,255,.65);margin-bottom:1.1rem;line-height:1.7}
.nl-form-inline{display:flex;gap:.5rem;max-width:420px;margin:0 auto;flex-direction:row-reverse}
.nl-form-inline input[type=email]{flex:1;padding:.65rem 1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:.85rem;text-align:right;outline:none;font-family:inherit}
.nl-form-inline input[type=email]:focus{border-color:#C4952A}
.nl-form-inline input[type=email]::placeholder{color:rgba(255,255,255,.35)}
.nl-form-inline button{padding:.65rem 1.2rem;background:#C4952A;color:#1a2744;border:none;font-size:.82rem;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap}
.nl-form-inline button:hover{opacity:.88}
.nl-msg-ab{font-size:.8rem;min-height:1.2rem;margin-top:.5rem}
.nl-note-art{font-size:.6rem;color:rgba(255,255,255,.35);margin-top:.5rem}
.nl-note-art a{color:rgba(255,255,255,.5);text-decoration:underline}
@media(max-width:480px){.nl-form-inline{flex-direction:column}}



/* ── TARGETED CHANGES ─────────────────────────────────────────────────────── */

/* 1 — Suppression des lignes horizontales entre sections */
hr{display:none!important}
.body h2{border-top:none!important;padding-top:0!important;margin-top:2.5rem!important}
.body h2:first-of-type{margin-top:1.2rem!important}
.body h3{border-top:none!important}

/* 2 — مقالات ذات صلة : encadré avec fond coloré */
section.related{
  background:var(--soft,#f5ead8)!important;
  border:1px solid var(--rule,#ded1bd)!important;
  border-right:4px solid var(--gold,#c89b3c)!important;
}
section.related>h2{border:none!important;background:none!important}

/* 3a — Liens articles internes → pastilles ovales */
.related-grid{display:flex!important;flex-wrap:wrap!important;gap:.45rem!important}
.related-grid a,.related a{
  display:inline-flex!important;align-items:center!important;
  border-radius:99px!important;padding:.32rem .9rem!important;
  font-size:.8rem!important;font-weight:700!important;width:auto!important;
  background:var(--surface,#fff)!important;
  border:1.5px solid var(--gold,#c89b3c)!important;
  color:var(--red,#8f111b)!important;
  text-decoration:none!important;
  transition:background .15s,color .15s!important;
}
.related-grid a:hover,.related a:hover{
  background:var(--gold,#c89b3c)!important;color:#fff!important;
}

/* 3b — Liens clusters associés → pastilles sombres */
section.related ul{
  list-style:none!important;padding:0!important;margin:.6rem 0 0!important;
  display:flex!important;flex-wrap:wrap!important;gap:.4rem!important;
}
section.related ul li{margin:0!important;padding:0!important}
section.related ul li a{
  display:inline-flex!important;align-items:center!important;
  border-radius:99px!important;padding:.26rem .8rem!important;
  font-size:.75rem!important;font-weight:600!important;
  background:#1a2744!important;color:#fff!important;
  border:none!important;text-decoration:none!important;
  transition:opacity .15s!important;
}
section.related ul li a:hover{opacity:.78!important}
/* ── Option B: style crème+or sur éléments spécifiques ── */
.body .pull,.pull{
  background:#f5ead8!important;
  border-right:4px solid #c89b3c!important;
  border-left:none!important;
  padding:.9rem 1.1rem!important;
}
.body .lead,.lead{
  background:#fdf6ec!important;
  border-right:3px solid #c89b3c!important;
  padding:.7rem 1rem!important;
}
.box,.infobox{
  background:#f5ead8!important;
  border:1px solid #ded1bd!important;
  border-right:4px solid #c89b3c!important;
}

/* ── Suppression lignes séparatrices résiduelles ── */
.meta{border-top:none!important;border-bottom:none!important;border-block:none!important}
.share-bar-v2{border-top:none!important;border-bottom:none!important}
