/* BonMaroc theme 0.1.0 — wide colour bands, content in a 1280px track; every data block ends with source + date. */
:root{
  --red:#C1272D;--red-soft:#F7E1E2;--green:#0B6B3A;--green-soft:#E3EFE7;--gold:#E3A72F;--gold-soft:#F8EBCF;--gold-ink:#8A5E08;
  --bg:#F7F2E8;--fg:#17140F;--muted:#6B6457;--line:#E4DCCB;--card:#FFFFFF;--paper:#FFFFFF;--hover:#F1EADB;
  --dk:#17140F;--dk-fg:#F7F2E8;--dk-mu:#A9A190;--dk-line:#2E2A22;--dk-card:#201C16;
  --ph-bg:#FBF7EF;--ph-line:#D8CDB6;--shadow:0 18px 40px -18px rgba(23,20,15,.35);
  --f:"Readex Pro",system-ui,"Segoe UI",Tahoma,"Noto Sans Arabic",sans-serif;
  --track:1280px;--r:14px;color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
h1,h2,h3,h4{text-wrap:balance;margin:0;line-height:1.2}
p{margin:0}
[hidden]{display:none!important}
.ar{unicode-bidi:isolate}
.bm-fr .ar{font-weight:400}
.in{max-width:var(--track);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.sec{padding-block:60px}
.tnum{font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}
.skip{position:absolute;inset-inline-start:-999px;top:8px;z-index:200;background:var(--fg);color:var(--bg);padding:8px 14px;border-radius:8px}
.skip:focus{inset-inline-start:12px}
.bmi{width:18px;height:18px;flex-shrink:0}
.bmi.red{color:var(--red)}

/* section head */
.sh{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.eb{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:500}
.bm-ar .eb{letter-spacing:0}
.sh h2{font-size:clamp(24px,3vw,32px);font-weight:600;margin-top:6px;letter-spacing:-.01em}
.sh h2 .ar{color:var(--muted);font-size:.72em;margin-inline-start:10px}
.more{font-size:14px;font-weight:500;color:var(--green);white-space:nowrap;display:inline-flex;gap:6px;align-items:center}
.more:hover{text-decoration:underline;text-underline-offset:3px}
.arrow{display:inline-block;transition:transform .15s}
a:hover .arrow{transform:translateX(3px)}
.bm-ar a:hover .arrow{transform:translateX(-3px)}

/* atoms */
.pill{display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:9px 16px;font-size:14px;font-weight:500;border:0;cursor:pointer;white-space:nowrap}
.pill .bmi{width:15px;height:15px}
.pill.red{background:var(--red);color:#fff}.pill.green{background:var(--green);color:#fff}.pill.ink{background:var(--fg);color:var(--bg)}
.pill.ghost{background:transparent;border:1px solid var(--line)}.pill.ghost:hover{border-color:var(--fg)}
.pill.block{display:flex;justify-content:center;width:100%;margin-top:18px}
.chip{border:1px solid var(--line);background:var(--card);border-radius:99px;padding:6px 13px;font-size:14px;cursor:pointer;display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
.chip .bmi{width:14px;height:14px}
.chip:hover{border-color:var(--fg)}
.chip.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}
.ic .bmi{width:17px;height:17px}
.ic.g{background:var(--green-soft);color:var(--green)}.ic.r{background:var(--red-soft);color:var(--red)}.ic.y{background:var(--gold-soft);color:var(--gold-ink)}.ic.n{background:var(--hover);color:var(--fg)}
.tag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:6px;white-space:nowrap}
.tag.live{background:var(--green-soft);color:var(--green)}.tag.soon{background:var(--gold-soft);color:var(--gold-ink)}.tag.red{background:var(--red-soft);color:var(--red)}
.src{margin-top:auto;font-size:11.5px;color:var(--muted);display:flex;justify-content:space-between;gap:8px;border-top:1px dashed var(--line);padding-top:10px;flex-wrap:wrap}
.ph{border:1.5px dashed var(--ph-line);background:var(--ph-bg);border-radius:10px;padding:14px;font-size:13px;color:var(--muted)}
.ph strong{display:block;color:var(--fg);font-weight:600;font-size:14px;margin-bottom:3px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
.card.pad-in{padding:18px}
a.card{transition:border-color .15s,transform .15s,box-shadow .15s}
a.card:hover{border-color:var(--fg);transform:translateY(-2px);box-shadow:var(--shadow)}

/* ===== header ===== */
.util{background:var(--dk);color:var(--dk-fg);font-size:13px}
.util .in{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:38px}
.util .l{display:flex;gap:18px;color:var(--dk-mu);min-width:0;overflow:hidden;white-space:nowrap}
.util .l b{color:var(--dk-fg);font-weight:500}
.util .r{display:flex;gap:14px;align-items:center}
.lang{display:flex;border:1px solid var(--dk-line);border-radius:99px;overflow:hidden}
.lang a{color:var(--dk-mu);font-size:12px;padding:3px 10px}
.lang a[aria-current="true"]{background:var(--dk-fg);color:var(--dk)}
.citypick{display:flex;align-items:center;gap:6px;background:none;border:0;color:var(--dk-fg);font-size:13px;cursor:pointer;padding:0}
.citypick .bmi{color:var(--gold);width:14px;height:14px}
header.main{position:sticky;top:0;z-index:80;background:var(--paper);border-bottom:1px solid var(--line)}
.admin-bar header.main{top:32px}
@media (max-width:782px){.admin-bar header.main{top:0}}
header.main .in{display:flex;align-items:center;gap:24px;height:68px}
.logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:21px;letter-spacing:-.01em;flex-shrink:0;direction:ltr}
.logo b{color:var(--red)}
.logo-img{max-height:40px;width:auto}
nav.menu{flex:1;min-width:0;height:100%}
nav.menu .nav{list-style:none;margin:0;padding:0;display:flex;gap:2px;height:100%}
nav.menu .nav>li{position:relative;display:flex;align-items:center}
nav.menu .nav>li>a{padding:8px 12px;border-radius:8px;font-size:15px;font-weight:500;white-space:nowrap;display:flex;gap:5px;align-items:center}
nav.menu .nav>li>a:hover,nav.menu .nav>li:focus-within>a{background:var(--hover)}
nav.menu .nav>li.current-menu-item>a,nav.menu .nav>li.current-menu-ancestor>a,nav.menu .nav>li.current-page-ancestor>a{color:var(--red)}
nav.menu .menu-item-has-children>a::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.5;margin-inline-start:4px}
nav.menu .sub-menu{list-style:none;margin:0;position:absolute;top:100%;inset-inline-start:-12px;min-width:300px;background:var(--card);border:1px solid var(--line);border-radius:0 0 var(--r) var(--r);box-shadow:var(--shadow);padding:12px;display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px;z-index:85}
nav.menu .sub-menu:has(>li:nth-child(5)){min-width:520px}
nav.menu li:hover>.sub-menu,nav.menu li:focus-within>.sub-menu{display:grid}
nav.menu .sub-menu a{display:block;padding:9px 10px;border-radius:9px;font-size:14px}
nav.menu .sub-menu a:hover{background:var(--hover)}
.hact{display:flex;gap:8px;align-items:center;margin-inline-start:auto}
.iconbtn{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;cursor:pointer;flex-shrink:0}
.burger{display:none}
@media (max-width:1060px){nav.menu{display:none}.burger{display:grid}.hrep{display:none}.util .l span:nth-child(n+2){display:none}}

/* ticker */
.ticker{background:var(--paper);border-bottom:1px solid var(--line);font-size:13px}
.ticker .in{display:flex;gap:28px;height:40px;align-items:center;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.ticker .in::-webkit-scrollbar{display:none}
.ticker a{display:flex;gap:8px;align-items:center;color:var(--muted)}
.ticker a b{color:var(--fg);font-weight:500}
.ticker a:hover b{color:var(--red)}
.ticker .dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0}
.ticker .dot.y{background:var(--gold)}.ticker .dot.r{background:var(--red)}

/* overlays */
.ov{position:fixed;inset:0;z-index:100;background:rgba(23,20,15,.55);display:flex;justify-content:center;align-items:flex-start;padding:calc(70px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}
.ovbox{background:var(--card);border-radius:18px;width:min(720px,100%);max-height:calc(100vh - 110px);overflow:auto;box-shadow:var(--shadow)}
.ovhead{display:flex;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card);margin:0}
.ovhead .bmi{color:var(--muted)}
.ovhead input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:17px;color:var(--fg);padding:8px 0}
.ovhead input:focus{outline:none}
.ovbody{padding:14px 16px 20px;display:grid;gap:18px}
.ovgroup h6{margin:0 0 8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}
.ovlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px}
.ovlist a{padding:9px 10px;border-radius:9px;font-size:14px;display:flex;justify-content:space-between;gap:8px}
.ovlist a:hover,.ovlist a:focus{background:var(--hover)}
.ovlist a span{color:var(--muted);font-size:13px}
.ov#ov-drawer{padding:0;justify-content:flex-end}
.drawer{width:min(380px,100%);height:100%;background:var(--card);box-shadow:var(--shadow);overflow:auto;padding:calc(16px + env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) 18px}
.drawer-top{display:flex;justify-content:space-between;align-items:center}
.dnav-list,.dnav-list .sub-menu{list-style:none;margin:0;padding:0}
.dnav-list{margin-top:14px;display:grid;gap:2px}
.dnav-list>li>a{padding:13px 10px;border-radius:10px;font-size:17px;font-weight:500;display:block}
.dnav-list a:hover{background:var(--hover)}
.dnav-list .sub-menu{padding-inline-start:12px;margin-bottom:6px}
.dnav-list .sub-menu a{display:block;padding:8px 10px;font-size:15px;color:var(--muted);border-radius:8px}

/* ===== hero ===== */
.hero{background:var(--bg);position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23C9B88F' stroke-width='.8' opacity='.55'%3E%3Cpath d='M36 6l8.5 21.5L66 36l-21.5 8.5L36 66l-8.5-21.5L6 36l21.5-8.5z'/%3E%3Crect x='21' y='21' width='30' height='30' transform='rotate(45 36 36)'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image:linear-gradient(90deg,transparent 40%,#000 100%);mask-image:linear-gradient(90deg,transparent 40%,#000 100%)}
.bm-ar .hero::after{-webkit-mask-image:linear-gradient(270deg,transparent 40%,#000 100%);mask-image:linear-gradient(270deg,transparent 40%,#000 100%)}
.hero .in{position:relative;z-index:1;padding-block:64px 56px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;align-items:center}
.hero h1{font-size:clamp(40px,6.2vw,74px);font-weight:700;letter-spacing:-.03em}
.bm-ar .hero h1{letter-spacing:0}
.hero h1 .sub{display:block;font-weight:500;color:var(--red);font-size:.6em;margin-top:8px}
.lede{font-size:18px;color:var(--muted);max-width:50ch;margin:18px 0 26px}
.search{display:flex;align-items:center;gap:10px;background:var(--card);border:1.5px solid var(--fg);border-radius:14px;padding:6px 6px 6px 16px;padding-inline:16px 6px;width:100%;max-width:620px;box-shadow:0 6px 0 var(--gold);cursor:text;text-align:start}
.search .bmi{width:20px;height:20px;color:var(--muted)}
.search span{flex:1;color:var(--muted);font-size:16px;padding:10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search b{background:var(--fg);color:var(--bg);border-radius:10px;padding:11px 18px;font-weight:500}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.hstats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.hstats a{background:var(--card);padding:20px 22px;display:block}
.hstats a:hover{background:var(--hover)}
.hstats a:nth-last-child(2):nth-child(odd){grid-column:1/-1}
.hstats strong{display:block;font-size:32px;font-weight:600;letter-spacing:-.02em}
.hstats span{font-size:13px;color:var(--muted)}
.hstats .note{grid-column:1/-1;font-size:12px;color:var(--muted);padding:12px 22px;background:var(--card);display:flex;gap:8px;align-items:center}
.hstats .note i{width:7px;height:7px;border-radius:50%;background:var(--green)}
@media (max-width:900px){.hero .in{grid-template-columns:minmax(0,1fr);padding-block:40px;gap:32px}}

/* ===== today ===== */
.today{background:var(--green);color:#fff}
.today .eb,.today .sh h2 .ar{color:#BFE0CB}
.today .more{color:var(--gold)}
.tgrid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:14px}
@media (max-width:1100px){.tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.tgrid{grid-template-columns:minmax(0,1fr)}}
.tgrid.on-sand .tile{border:1px solid var(--line)}
.tile{background:var(--card);color:var(--fg);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:14px;min-width:0}
.th{display:flex;justify-content:space-between;align-items:center;gap:8px}
.th h3,.tile-title{font-size:15px;font-weight:600;display:flex;align-items:center;gap:9px;margin:0}

/* ===== services ===== */
.svc{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
@media (max-width:1100px){.svc{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:700px){.svc{grid-template-columns:repeat(2,minmax(0,1fr))}}
.svc a{padding:18px;display:flex;flex-direction:column;gap:10px;min-height:150px}
.svc h3{font-size:15px;font-weight:600}
.svc .ar{font-size:13px;color:var(--muted);margin-top:-6px}
.svc .n{margin-top:auto;font-size:13px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:6px}
.svc .n b{color:var(--fg);font-weight:600;font-size:15px}

/* ===== cities ===== */
.white{background:var(--paper);border-block:1px solid var(--line)}
.regtabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:18px;padding-bottom:2px}
.cities{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
@media (max-width:1100px){.cities{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:700px){.cities{grid-template-columns:repeat(2,minmax(0,1fr))}}
.city{padding:16px;display:flex;flex-direction:column;gap:3px;min-width:0}
.city .n{font-weight:600;font-size:16px;display:flex;justify-content:space-between;gap:6px}
.city .n .arrow{color:var(--muted)}
.city .a{font-size:14px;color:var(--muted)}
.city .reg{font-size:12px;color:var(--muted);margin-top:6px}

/* ===== near ===== */
.near{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;align-items:stretch}
@media (max-width:900px){.near{grid-template-columns:minmax(0,1fr)}}
.radar{position:relative;border-radius:18px;background:var(--dk);overflow:hidden;min-height:360px;color:var(--dk-fg)}
.radar .rings{position:absolute;inset:0;background:radial-gradient(circle at 50% 55%,transparent 0 58px,rgba(227,167,47,.35) 59px 60px,transparent 61px 118px,rgba(227,167,47,.22) 119px 120px,transparent 121px 178px,rgba(227,167,47,.14) 179px 180px,transparent 181px),repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.05) 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(255,255,255,.05) 39px 40px)}
.radar .me{position:absolute;left:50%;top:55%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 8px rgba(227,167,47,.25)}
.radar .p{position:absolute;display:flex;align-items:center;gap:6px;font-size:12px;background:var(--dk-card);border:1px solid var(--dk-line);padding:5px 9px 5px 6px;border-radius:99px;white-space:nowrap}
.radar .p i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:700;color:#fff}
.radar .cap{position:absolute;inset-inline:18px;top:16px;display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--dk-mu)}
.radar .cap b{color:var(--dk-fg);font-weight:500}
.radar .scale{position:absolute;inset-inline:18px;bottom:16px;font-size:12px;color:var(--dk-mu)}
.nearlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:480px){.nearlist{grid-template-columns:minmax(0,1fr)}}
.nearlist a{display:flex;gap:12px;align-items:center;padding:12px 14px}
.nearlist a div{min-width:0}
.nearlist b{font-weight:600;font-size:14px;display:block}
.nearlist small{color:var(--muted);font-size:12px}

/* ===== wraqi ===== */
.lifev{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;align-items:center}
.lifev .eb{margin-inline-end:6px}

/* ===== sport ===== */
.dark{background:var(--dk);color:var(--dk-fg)}
.dark .eb,.dark .sh h2 .ar{color:var(--dk-mu)}
.dark .more{color:var(--gold)}
.panel{border:1px solid var(--dk-line);border-radius:var(--r);padding:18px;min-width:0;background:var(--dk-card)}
.dark .src{border-color:var(--dk-line);color:var(--dk-mu)}
.dark .ph{background:transparent;border-color:var(--dk-line);color:var(--dk-mu)}.dark .ph strong{color:var(--dk-fg)}
.lions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
@media (max-width:800px){.lions{grid-template-columns:minmax(0,1fr)}}
.lions a{border:1px solid var(--dk-line);border-radius:var(--r);padding:16px;display:flex;gap:12px;align-items:center;background:var(--dk-card)}
.lions a:hover{border-color:var(--gold)}
.lions b{display:block;font-size:15px}
.lions small{color:var(--dk-mu);font-size:12.5px}

/* ===== two cols, lists ===== */
.two{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px}
@media (max-width:960px){.two{grid-template-columns:minmax(0,1fr)}}
.list{border:1px solid var(--line);border-radius:var(--r);background:var(--card);overflow:hidden}
.row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}
.row:last-child{border-bottom:0}
a.row:hover{background:var(--hover)}
.row h4{font-size:15px;font-weight:600}
.row p{margin-top:2px;font-size:13px;color:var(--muted)}

/* ===== tools ===== */
.tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:900px){.tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:460px){.tools{grid-template-columns:minmax(0,1fr)}}
.tool{padding:20px;display:flex;flex-direction:column;gap:6px}
.tool .k{font-size:26px;font-weight:600;letter-spacing:-.02em;color:var(--green)}
.tool h3{font-size:16px;font-weight:600}
.tool p{font-size:13px;color:var(--muted)}

/* ===== sos ===== */
.sos{background:var(--red);color:#fff}
.sos .in{display:grid;grid-template-columns:auto repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:center;padding-block:22px}
@media (max-width:700px){.sos .in{grid-template-columns:repeat(2,minmax(0,1fr))}.sos .t{grid-column:1/-1}}
.sos .t b{display:block;font-size:18px}
.sos .t small{color:#FFDCDD;font-size:12.5px}
.sos .n{background:rgba(0,0,0,.18);border-radius:12px;padding:12px 14px;display:flex;gap:12px;align-items:center}
.sos .n strong{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;user-select:all;direction:ltr}
.sos .n span{font-size:13px;line-height:1.3;color:#FFE9EA}

/* ===== feed, index ===== */
.feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:900px){.feed{grid-template-columns:minmax(0,1fr)}}
.feed a{padding:18px;display:flex;flex-direction:column;gap:10px}
.feed .tag{align-self:flex-start}
.feed h3{font-size:16px;font-weight:600}
.feed p{font-size:14px;color:var(--muted)}
.index{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
@media (max-width:1000px){.index{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.index{grid-template-columns:repeat(2,minmax(0,1fr))}}
.index h4{font-size:13px;font-weight:600;margin-bottom:10px}
.index ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px;color:var(--muted)}
.index a:hover{color:var(--red)}

/* ===== follow ===== */
.follow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:center}
@media (max-width:860px){.follow{grid-template-columns:minmax(0,1fr)}}
.follow .big{font-size:clamp(26px,3.4vw,38px);font-weight:600;margin:8px 0 12px}
.follow .muted{max-width:52ch}
.handles{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.phone{justify-self:center;width:250px;max-width:100%;aspect-ratio:9/17;border-radius:34px;background:var(--dk);padding:12px;box-shadow:var(--shadow)}
.phone .scr{height:100%;border-radius:24px;background:var(--green);color:#fff;padding:20px 16px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}
.phone .scr::after{content:"";position:absolute;inset:auto auto -40px -40px;width:160px;height:160px;border-radius:50%;background:var(--gold);opacity:.35}
.phone .scr small{color:#CFE8D8;font-size:11px;letter-spacing:.06em}
.phone .scr b{font-size:22px;line-height:1.2}
.phone .scr .pp{background:rgba(255,255,255,.12);border-radius:10px;padding:8px 10px;font-size:12px;display:flex;justify-content:space-between}
.phone .scr .foot{margin-top:auto;font-size:11px;opacity:.8}

/* ===== trust + footer ===== */
.trust{background:var(--gold)}
.trust .in{padding-block:26px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;color:#17140F}
.trust p{font-size:18px;font-weight:500;max-width:60ch}
.trust .pill.ink{background:#17140F;color:#F7F2E8}
.site-footer{background:var(--dk);color:var(--dk-fg)}
.flag{height:4px;background:linear-gradient(90deg,var(--red) 0 50%,var(--green) 50% 100%)}
.site-footer .top{display:grid;grid-template-columns:1.5fr repeat(5,minmax(0,1fr));gap:30px;padding-block:56px 40px}
@media (max-width:1000px){.site-footer .top{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer .brand{grid-column:1/-1}}
@media (max-width:520px){.site-footer .top{grid-template-columns:repeat(2,minmax(0,1fr))}}
.site-footer h4{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--dk-mu);font-weight:500;margin-bottom:14px}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:14px}
.site-footer ul a:hover{color:var(--gold)}
.site-footer .brand p{color:var(--dk-mu);font-size:14px;max-width:34ch;margin-top:12px}
.socials{display:flex;gap:8px;margin-top:16px}
.socials a{width:38px;height:38px;border:1px solid var(--dk-line);border-radius:10px;display:grid;place-items:center}
.socials a:hover{border-color:var(--gold);color:var(--gold)}
.fstats{display:flex;gap:26px;flex-wrap:wrap;padding-block:20px;border-top:1px solid var(--dk-line);font-size:13px;color:var(--dk-mu)}
.fstats b{color:var(--dk-fg);font-weight:600;font-size:16px;margin-inline-end:5px}
.site-footer .bottom{border-top:1px solid var(--dk-line)}
.site-footer .flegal a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.site-footer .bottom .in{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-block:18px;font-size:13px;color:var(--dk-mu)}

/* ===== inner pages ===== */
.phero{color:#fff}
.phero.g{background:var(--green)}.phero.r{background:var(--red)}.phero.k{background:var(--dk)}
.phero .in{padding-block:34px 0}
.phero .in.pad{padding-bottom:36px}
.crumbs{font-size:13px;opacity:.85;display:flex;gap:8px;flex-wrap:wrap}
.crumbs a:hover{text-decoration:underline}
.phero h1{font-size:clamp(32px,5.2vw,58px);font-weight:700;letter-spacing:-.025em;margin-top:12px}
.bm-ar .phero h1{letter-spacing:0}
.phero h1 .ar{color:var(--gold);font-size:.58em;margin-inline-start:12px}
.pfacts{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:14px;font-size:15px;opacity:.9;max-width:70ch}
.tabs{display:flex;gap:2px;margin-top:28px;overflow-x:auto;scrollbar-width:none}
.tabs a{padding:12px 16px;font-size:14px;font-weight:500;border-radius:10px 10px 0 0;white-space:nowrap;opacity:.85}
.tabs a:hover{opacity:1;background:rgba(255,255,255,.08)}
.tabs a.on{background:var(--bg);color:var(--fg);opacity:1}
.cgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px}
@media (max-width:980px){.cgrid{grid-template-columns:minmax(0,1fr)}}
.side{display:flex;flex-direction:column;gap:14px}
.side .tile{border:1px solid var(--line)}
.pager{margin-top:28px}
.pager .nav-links{display:flex;gap:6px;flex-wrap:wrap}
.pager .page-numbers{padding:8px 13px;border:1px solid var(--line);border-radius:9px;background:var(--card)}
.pager .current{background:var(--fg);color:var(--bg);border-color:var(--fg)}

/* ===== editor content ===== */
.entry{min-width:0;font-size:16px;line-height:1.7}
.entry.narrow{max-width:72ch}
.entry>*+*{margin-top:1em}
.entry h2{font-size:clamp(22px,2.6vw,28px);font-weight:600;margin-top:1.8em}
.entry h3{font-size:19px;font-weight:600;margin-top:1.5em}
.entry a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.entry ul,.entry ol{padding-inline-start:1.3em}
.entry blockquote{margin-inline:0;padding:14px 18px;border-inline-start:4px solid var(--gold);background:var(--card);border-radius:0 10px 10px 0}
.entry-wide>*{max-width:var(--track);margin-inline:auto;padding-inline:max(16px,env(safe-area-inset-left,0px))}
.entry-wide>.alignfull{max-width:none;padding-inline:0}
.entry .wp-block-group.has-background{padding:28px;border-radius:var(--r)}
.alignwide{max-width:var(--track)}

/* ===== plugin output inside slots (shortcodes) ===== */
.bm-slot{min-width:0;font-size:14px}
.bm-slot>*+*{margin-top:10px}
.bm-slot h2,.bm-slot h3,.bm-slot h4{font-size:15px;font-weight:600}
.bm-slot ul,.bm-slot ol{margin:0;padding-inline-start:1.2em}
.bm-slot a{color:var(--green)}
.dark .bm-slot a{color:var(--gold)}
.bm-slot small,.bm-slot .bm-source,.bm-slot .bm-meta{font-size:11.5px;color:var(--muted)}
.bm-slot table,.entry table{width:100%;border-collapse:collapse;font-size:14px;display:block;overflow-x:auto}
.bm-slot table tbody,.bm-slot table thead,.entry table tbody,.entry table thead{display:table;width:100%;table-layout:auto}
.bm-slot th,.entry th{text-align:start;font-weight:500;color:var(--muted);font-size:12px;padding:7px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
.bm-slot td,.entry td{padding:9px 8px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.bm-slot tr:hover td{background:var(--hover)}
.dark .bm-slot th{color:var(--dk-mu);border-color:var(--dk-line)}.dark .bm-slot td{border-color:var(--dk-line)}
.dark .bm-slot tr:hover td{background:var(--dk-line)}
.dark .bm-slot small,.dark .bm-slot .bm-source{color:var(--dk-mu)}

/* RTL tweaks */
.bm-ar body,.bm-ar{font-size:16px}
.bm-ar .search{padding-inline:16px 6px}
.bm-ar .city .n .arrow,.bm-ar .svc .arrow{transform:none}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* 0.1.5 fixes */
.hero .in>*,.cgrid>*,.two>*,.near>*{min-width:0}
html,body{max-width:100%;overflow-x:clip}
@media (max-width:1440px){.hrep{display:none}nav.menu .nav>li>a{padding:8px 9px;font-size:14px}}

/* ===== 0.1.6 — black master header (Amine 3 Nov) ===== */
.util{background:#0B0A08;border-bottom:1px solid #26221b}
header.main{background:var(--dk);border-bottom:0;color:#fff;box-shadow:0 1px 0 #2E2A22}
header.main::after{content:"";position:absolute;inset-inline:0;bottom:-4px;height:4px;background:linear-gradient(90deg,var(--red) 0 33.3%,var(--gold) 33.3% 66.6%,var(--green) 66.6% 100%)}
header.main .logo,header.main .logo span{color:#fff}
header.main .logo b{color:#FF5A60}
header.main .logo-pin{color:var(--red)}
nav.menu .nav>li>a{color:#EDE6D6}
nav.menu .nav>li>a:hover,nav.menu .nav>li:focus-within>a{background:#2A251D;color:#fff}
nav.menu .nav>li.current-menu-item>a,nav.menu .nav>li.current-menu-ancestor>a,nav.menu .nav>li.current-page-ancestor>a{color:#fff;box-shadow:inset 0 -3px 0 var(--gold);border-radius:8px 8px 0 0}
nav.menu .sub-menu{background:#1F1B15;border-color:#2E2A22}
nav.menu .sub-menu a{color:#EDE6D6}
nav.menu .sub-menu a:hover{background:#2A251D;color:#fff}
header.main .iconbtn{background:#221E18;border-color:#3A342A;color:#fff}
header.main .iconbtn:hover{background:#2E2820}
.drawer{background:var(--dk);color:#EDE6D6}
.drawer .logo,.drawer .logo span{color:#fff}.drawer .logo b{color:#FF5A60}
.drawer .iconbtn{background:#221E18;border-color:#3A342A;color:#fff}
.dnav-list a{color:#EDE6D6;border-color:#2E2A22!important}
.dnav-list a:hover{background:#2A251D}
.dnav-list .current-menu-item>a{color:var(--gold)}
.geo-row{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line)}
.geo-row .pill{cursor:pointer;border:0}
.geo-row small{font-size:12px}
.pill.gold{background:var(--gold);color:var(--fg)}
.pill.ghost-l{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45);cursor:pointer}
.pill.ghost-l:hover{background:rgba(255,255,255,.1)}
.pill .bmi{width:15px;height:15px}

/* ===== today (city) ===== */
.band-green{background:var(--green);color:#fff;position:relative;overflow:hidden}
.band-green::before{content:"";position:absolute;inset:0;opacity:.07;background-image:radial-gradient(circle at 20px 20px,#fff 2px,transparent 3px);background-size:40px 40px;pointer-events:none}
.band-green .in{position:relative}
.today-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:22px}
.today-head h2{margin:2px 0 0;font-size:clamp(26px,3.4vw,38px);line-height:1.15}
.band-green .eb{color:rgba(255,255,255,.75)}
.today-act{display:flex;flex-wrap:wrap;gap:8px}
.tgrid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px}
.tcard{background:var(--card);color:var(--fg);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.tcard>header{display:flex;align-items:center;gap:10px;min-width:0}
.tcard>header h3{margin:0;font-size:15px;font-weight:600;flex:1;min-width:0}
.tcard .ph{font-size:13px}
.tcard .more{margin-top:auto}
@media (min-width:1100px){.tcard.salat{grid-column:span 2}}
.ptimes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media (min-width:1100px){.ptimes{grid-template-columns:repeat(6,minmax(0,1fr))}}
.ptimes li{background:var(--bg);border-radius:12px;padding:10px 8px;text-align:center;display:flex;flex-direction:column;gap:2px;transition:background .2s}
.ptimes li span{font-size:12px;color:var(--muted)}
.ptimes li span i{font-style:normal;display:block}
.ptimes li b{font-size:20px;font-weight:700}
.ptimes li.past{opacity:.55}
.ptimes li.next{background:var(--green);color:#fff;transform:scale(1.03)}
.ptimes li.next span{color:rgba(255,255,255,.85)}
.nextp{font-size:12px;font-weight:600;background:var(--gold-soft);color:var(--gold-ink);border-radius:99px;padding:3px 10px;white-space:nowrap}
.wxbig{display:flex;align-items:baseline;gap:10px}
.wxbig b{font-size:46px;line-height:1;font-weight:700;color:var(--red)}
.wxbig span{font-size:22px;color:var(--muted)}
.wxsky{margin:0;font-size:14px}
.okline{margin:0;font-weight:600;color:var(--green)}
.small{font-size:12.5px;margin:0}
.disc-t{margin:0;font-weight:600}
.mini{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.mini li{display:flex;flex-direction:column;gap:2px;border-bottom:1px dashed var(--line);padding-bottom:7px;min-width:0}
.mini li:last-child{border-bottom:0}
.mini li b{font-size:13.5px;font-weight:600;overflow-wrap:anywhere}
.mini li span{font-size:12.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 12px}
.mini li a{color:var(--green);font-weight:500}

/* ===== Aujourd'hui au Maroc ===== */
.maroc{background:var(--bg)}
.maroc .flag{font-size:.8em}
.mgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:14px}
.mcard{border-radius:18px;padding:18px;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px;min-width:0;position:relative;overflow:hidden}
.mcard h3{margin:0;font-size:18px;line-height:1.3}
.mcard p{margin:0;font-size:14px}
.mk{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
.mcard.red{background:linear-gradient(135deg,#C1272D,#8E1A1F);color:#fff;border:0}
.mcard.green{background:linear-gradient(135deg,#0B6B3A,#064A28);color:#fff;border:0}
.mcard.gold{background:linear-gradient(135deg,#F3C766,#E3A72F);color:var(--fg);border:0}
.mcard.ink{background:var(--dk);color:#fff;border:0}
.mcard.sand{background:#FFF8EA}
.mcard.red .more,.mcard.green .more,.mcard.ink .more{color:var(--gold)}
.mcard.gold .more{color:var(--fg)}
a.mcard.link{transition:transform .15s,box-shadow .15s}
a.mcard.link:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.mcard::after{content:"";position:absolute;width:140px;height:140px;inset-inline-end:-40px;top:-40px;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}
.count{display:flex;align-items:baseline;gap:8px}
.count b{font-size:56px;line-height:1;font-weight:700}
.count span{font-size:15px;opacity:.9}
.mini.light li{border-color:rgba(255,255,255,.25)}
.mini.light li span{color:rgba(255,255,255,.8)}
.rates{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.rates li{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;background:var(--bg);border-radius:10px;font-size:14px}
.rates b{font-size:16px}
.rates small{font-size:11px;color:var(--muted)}
.kv{display:flex;flex-wrap:wrap;gap:6px}
.kv span,.kv a{font-size:12.5px;background:rgba(0,0,0,.06);border-radius:99px;padding:3px 10px}
.fx{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.fx li{background:rgba(255,255,255,.06);border-radius:12px;padding:10px 12px}
.fx .teams{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:15px}
.fx .teams i{opacity:.5;font-style:normal}
.fx li span{font-size:12px;opacity:.75}
.mcard .src{border-color:rgba(0,0,0,.12)}
@media (max-width:520px){.today-act{width:100%}.today-act .pill{flex:1;justify-content:center}.count b{font-size:46px}}
nav.menu .lang-item{display:none}

/* ===== 0.1.7 — smart city page ===== */
.chero{background:linear-gradient(135deg,#0B6B3A 0%,#064A28 60%,#17140F 100%);color:#fff;position:relative;overflow:hidden}
.chero::before{content:"";position:absolute;inset:0;opacity:.08;background-image:radial-gradient(circle at 20px 20px,#fff 2px,transparent 3px);background-size:40px 40px}
.chero .in{position:relative;padding-top:22px}
.crumbs{font-size:13px;opacity:.8}.crumbs a{color:#fff}
.chero-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:14px 0 18px}
.chero h1{margin:0;font-size:clamp(34px,5.4vw,64px);line-height:1.05;letter-spacing:-.02em}
.chero h1 span{font-size:.55em;color:var(--gold);font-weight:600}
.chero-sub{margin:10px 0 0;max-width:720px;opacity:.9;font-size:15.5px}
.chero-act{display:flex;flex-wrap:wrap;gap:8px}
.ctabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px 0;position:sticky;top:0;margin-inline:-4px}
.ctabs::-webkit-scrollbar{display:none}
.ctabs a{flex:0 0 auto;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:99px;padding:7px 14px;font-size:13.5px;white-space:nowrap}
.ctabs a:hover,.ctabs a.on{background:var(--gold);color:var(--fg);border-color:var(--gold)}
html{scroll-padding-top:90px;scroll-behavior:smooth}
.urg{background:#FFF4F2}
.ucards,.ccards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}
.ucard,.ccard{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.ucard{border-top:4px solid var(--red)}
.ucard.garde{border-top-color:var(--green);background:#F3FAF5}
.ucard header,.ccard header{display:flex;align-items:center;gap:8px;min-width:0}
.ucard h3,.ccard h3{margin:0;font-size:15px;font-weight:600;flex:1;min-width:0}
.ccard .tag{background:var(--hover);color:var(--fg)}
.cemo{font-size:20px;line-height:1}
.mini li em{font-style:normal;color:var(--muted)}
.cc-act{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;flex-wrap:wrap}
.btnlink{background:none;border:0;padding:0;cursor:pointer;font:inherit;color:var(--green);font-weight:600;font-size:14px}
.ccard.open{box-shadow:var(--shadow)}
.ccard.feat{background:#FFF8EA;border-color:#F0DDB4}
.persona{background:var(--card);border-block:1px solid var(--line)}
.pbar{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between}
.pbar h2{margin:0;font-size:24px}.pbar p{margin:4px 0 0;font-size:13px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip[data-persona]{font-size:14px;padding:8px 14px}
.mos-t{margin:26px 0 12px;font-size:18px}
.mosaic{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:10px}
.mo{border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;min-height:110px;color:#fff;transition:transform .15s}
.mo:hover{transform:translateY(-3px)}
.mo.red{background:linear-gradient(135deg,#C1272D,#8E1A1F)}.mo.green{background:linear-gradient(135deg,#0B6B3A,#064A28)}
.mo.gold{background:linear-gradient(135deg,#F3C766,#E3A72F);color:var(--fg)}.mo.ink{background:var(--dk)}
.mo-k{font-size:12px;opacity:.85}.mo b{font-size:15px;line-height:1.3;overflow-wrap:anywhere}.mo-n{margin-top:auto;font-size:12px;font-weight:600;opacity:.9}
.groups{display:flex;flex-direction:column}
.grp{background:var(--bg)}.grp.alt{background:var(--card)}
.grp-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:16px}
.grp-h h2{margin:0;font-size:clamp(22px,2.6vw,30px)}
.grp-h .ar{color:var(--muted);font-size:.65em;margin-inline-start:8px}
.gemo{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--hover);margin-inline-end:6px;font-size:24px;vertical-align:middle}
.grp.red .gemo{background:var(--red-soft)}.grp.green .gemo{background:var(--green-soft)}.grp.gold .gemo{background:var(--gold-soft)}
.gcount{font-size:13px;color:var(--muted);font-weight:600}
.grp.foryou .grp-h h2::after{content:"✨ " attr(data-x);font-size:12px}
.grp.foryou{box-shadow:inset 4px 0 0 var(--gold)}
.cfiche summary{cursor:pointer;font-weight:600;padding:8px 0}
/* full list */
.lfilter{width:100%;padding:12px 16px;border:1.5px solid var(--line);border-radius:12px;font:inherit;margin-bottom:14px;background:var(--card)}
.biglist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.bl{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.bl-main{min-width:0;flex:1 1 280px}.bl-main b{font-size:15px}
.bl-act{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.act{border:1px solid var(--line);border-radius:99px;padding:5px 12px;font-size:13px;background:var(--bg)}
.act.green{background:var(--green);color:#fff;border-color:var(--green)}
.bl-src{font-size:11.5px;color:var(--muted);width:100%}
@media (max-width:600px){.chero-act{width:100%}.chero-act .pill{flex:1;justify-content:center}.gemo{width:38px;height:38px;font-size:20px}}
/* 0.1.7b mobile fixes */
.regtabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;flex-wrap:nowrap}
.regtabs::-webkit-scrollbar{display:none}
main table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
header.main,main,.util,footer{max-width:100%}
.pbanner{background:var(--bg)}.pbanner .in{padding-top:18px}.pbanner img{width:100%;height:auto;border-radius:18px;box-shadow:var(--shadow);display:block;aspect-ratio:8/3;object-fit:cover}
@media (max-width:600px){.pbanner img{border-radius:12px}}

/* ===== 0.1.8 — home hero city picker (Casablanca featured) ===== */
.hero2{position:relative;color:#fff;background:#17140F;overflow:hidden;isolation:isolate}
.hero2::before{content:"";position:absolute;inset:0;background:var(--bg) center 35%/cover no-repeat;z-index:-2;transform:scale(1.04);animation:bmzoom 22s ease-in-out infinite alternate}
.hero2::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(23,20,15,.92) 0%,rgba(23,20,15,.72) 45%,rgba(11,107,58,.35) 100%)}
@keyframes bmzoom{to{transform:scale(1.12)}}
@media (prefers-reduced-motion:reduce){.hero2::before{animation:none}}
.hero2 .in{padding-block:56px 34px;display:grid;gap:28px}
.h2txt{max-width:720px}
.hero2 .eb{color:var(--gold)}
.hero2 h1{margin:8px 0 6px;font-size:clamp(40px,6.4vw,78px);line-height:1;letter-spacing:-.03em}
.hero2 h1 .sub{display:block;font-size:.5em;color:var(--gold);font-weight:600;margin-top:10px;letter-spacing:0}
.hero2 .lede{font-size:clamp(15px,1.6vw,18px);opacity:.92;margin:14px 0 20px}
.h2act{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pill.big{padding:12px 20px;font-size:15px;font-weight:600;border:0;cursor:pointer}
.search.dark{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:99px;padding:11px 18px;display:flex;gap:8px;align-items:center;cursor:pointer;font:inherit;min-width:0;flex:1 1 240px;max-width:380px}
.search.dark span{opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
@media (max-width:1100px){.cpick{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:640px){.cpick{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cpc{position:relative;border-radius:16px;min-height:96px;padding:12px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;color:#fff;overflow:hidden;background:linear-gradient(135deg,#0B6B3A,#064A28);border:1px solid rgba(255,255,255,.14);transition:transform .2s,box-shadow .2s;isolation:isolate}
.cpc:nth-child(3n+2){background:linear-gradient(135deg,#C1272D,#8E1A1F)}.cpc:nth-child(3n){background:linear-gradient(135deg,#3a2f22,#17140F)}
.cpc.has::before{content:"";position:absolute;inset:0;background:var(--ph) center/cover;z-index:-2;transition:transform .5s}
.cpc.has::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.78) 100%)}
.cpc:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.35)}
.cpc.has:hover::before{transform:scale(1.08)}
.cpc b{font-size:17px;line-height:1.15}.cpc span[lang]{font-size:13px;opacity:.85}
.cpc.feat{grid-column:span 2;grid-row:span 2;min-height:206px;border:2px solid var(--gold)}
.cpc.feat b{font-size:clamp(26px,3vw,36px)}
.cpc .star{position:absolute;top:10px;inset-inline-start:10px;background:var(--gold);color:var(--fg);font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:99px}
.cpc.all{background:rgba(255,255,255,.08);border:1.5px dashed rgba(255,255,255,.35);justify-content:center;align-items:center;text-align:center}
.cpc.all span{font-size:13px;color:var(--gold)}
.h2stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.12);border-radius:16px;overflow:hidden}
@media (max-width:640px){.h2stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.h2stats a{background:rgba(23,20,15,.55);padding:14px 16px;display:flex;flex-direction:column;color:#fff;backdrop-filter:blur(4px)}
.h2stats strong{font-size:clamp(22px,2.6vw,32px);line-height:1.1;color:var(--gold)}
.h2stats span{font-size:12.5px;opacity:.85}
/* city cards with photos */
.card.city.has{position:relative;color:#fff;min-height:120px;overflow:hidden;isolation:isolate;border:0}
.card.city.has::before{content:"";position:absolute;inset:0;background:var(--ph) center/cover;z-index:-2;transition:transform .4s}
.card.city.has::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.75));z-index:-1}
.card.city.has:hover::before{transform:scale(1.07)}
.card.city.has .a,.card.city.has .reg{color:rgba(255,255,255,.85)}

/* ===== tools ===== */
.tools-home{background:linear-gradient(180deg,var(--bg),#fff)}
.tgrid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}
.toolc{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:4px 14px;align-items:center;padding:16px;border-radius:18px;background:var(--card);border:1px solid var(--line);transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}
.toolc::after{content:"";position:absolute;inset-inline-end:-30px;bottom:-30px;width:110px;height:110px;border-radius:50%;opacity:.08;background:currentColor;pointer-events:none}
.toolc.green{color:var(--green)}.toolc.red{color:var(--red)}.toolc.gold{color:var(--gold-ink)}.toolc.ink{color:var(--fg)}
.toolc:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:currentColor}
.toolc:hover .tico svg{transform:rotate(-8deg) scale(1.08)}
.tico{grid-row:span 2;display:grid;place-items:center}
.tico svg{width:58px;height:58px;transition:transform .25s;filter:drop-shadow(0 6px 10px rgba(0,0,0,.15))}
.tt{display:flex;flex-direction:column;gap:3px;min-width:0;color:var(--fg)}
.tt b{font-size:16.5px}.tt span{font-size:13.5px;color:var(--muted)}
.tgo{grid-column:2;font-size:13.5px;font-weight:700}
.thero{background:linear-gradient(135deg,#17140F 0%,#2a2219 55%,#0B6B3A 120%);color:#fff;overflow:hidden}
.thero .in{padding-block:22px 40px}
.thero-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:center;margin-top:12px}
@media (max-width:860px){.thero-row{grid-template-columns:minmax(0,1fr)}}
.thero h1{font-size:clamp(32px,4.6vw,56px);line-height:1.05;margin:6px 0 10px}
.thero .eb{color:var(--gold)}.thero p{opacity:.9;max-width:600px}
.thero-art{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;justify-items:center}
.thero-art span{animation:bmfloat 4s ease-in-out infinite;animation-delay:calc(var(--i) * .35s)}
.thero-art svg{width:clamp(56px,8vw,92px);height:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}
@keyframes bmfloat{50%{transform:translateY(-10px) rotate(-3deg)}}
@media (prefers-reduced-motion:reduce){.thero-art span{animation:none}}
.tools-body{background:var(--bg)}
.tbox{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;margin-bottom:18px;scroll-margin-top:90px}
.tbox-h{display:flex;gap:14px;align-items:center;margin-bottom:14px}
.tbox-h h2{margin:0;font-size:22px}.tbox-h p{margin:2px 0 0;color:var(--muted);font-size:14px}
.tform{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px}
.tform label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}
.tform input,.tform select{font:inherit;font-size:17px;padding:11px 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--bg);width:100%}
.tform input:focus,.tform select:focus{border-color:var(--green);outline:none;background:#fff}
.tres{margin:14px 0;padding:16px;border-radius:14px;background:var(--green);color:#fff;font-size:clamp(20px,3vw,28px);text-align:center}
.tres.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;font-size:14px}
.tres.three span{display:flex;flex-direction:column}.tres.three b{font-size:clamp(17px,2.4vw,24px)}
.clock{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px;border-radius:16px;background:var(--dk);color:#fff}
.clock b{font-size:clamp(40px,7vw,72px);letter-spacing:.04em;color:var(--gold)}
.mini.cd strong{color:var(--red)}
.plugin-tools{margin-top:10px}
.plugin-tools > p:first-child,.plugin-tools > h2:first-child{display:none}
.plugin-tools [id^="bmt-"]{scroll-margin-top:90px}

/* ===== 0.1.9 — master header v2 + colour system ===== */
:root{--grad-red:linear-gradient(135deg,#E0424A,#C1272D 45%,#8E1A1F);--grad-green:linear-gradient(135deg,#15935A,#0B6B3A 50%,#064A28);--grad-gold:linear-gradient(135deg,#F6D37E,#E3A72F 55%,#C8861A);--grad-ink:linear-gradient(135deg,#2B251C,#17140F)}
body{background:var(--bg) radial-gradient(circle at 10% 0,rgba(227,167,47,.08),transparent 40%)}
header.main .in{height:72px;gap:18px}
header.main .logo span{font-size:22px}
nav.menu .nav{gap:4px;align-items:center}
nav.menu .nav>li>a{padding:7px 12px 7px 8px;border-radius:99px;font-size:14.5px;font-weight:600;gap:7px;color:#F2EBDC;transition:background .15s,transform .15s}
nav.menu .nav>li>a .mi{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2A251D;font-size:15px;transition:transform .2s,background .2s}
nav.menu .nav>li>a:hover .mi{transform:rotate(-10deg) scale(1.1);background:#3a3226}
nav.menu .nav>li:nth-child(6n+1)>a .mi{background:rgba(193,39,45,.35)}
nav.menu .nav>li:nth-child(6n+2)>a .mi{background:rgba(11,107,58,.45)}
nav.menu .nav>li:nth-child(6n+3)>a .mi{background:rgba(227,167,47,.35)}
nav.menu .nav>li:nth-child(6n+4)>a .mi{background:rgba(193,39,45,.35)}
nav.menu .nav>li:nth-child(6n+5)>a .mi{background:rgba(11,107,58,.45)}
nav.menu .nav>li.current-menu-item>a,nav.menu .nav>li.current-page-ancestor>a{background:#2A251D;box-shadow:inset 0 -3px 0 var(--gold);border-radius:99px}
nav.menu .nav>li.mfeat>a{background:var(--grad-gold);color:var(--fg)}
nav.menu .nav>li.mfeat>a .mi{background:rgba(255,255,255,.45)}
nav.menu .nav>li.mfeat>a:hover{transform:translateY(-1px)}
.dnav-list .mi{margin-inline-end:8px}
.dnav-list .mfeat>a{color:var(--gold)!important;font-weight:700}
@media (max-width:1240px){nav.menu .nav>li>a .mt{font-size:13.5px}nav.menu .nav>li>a{padding:6px 9px 6px 6px}}
@media (max-width:1060px){header.main .in{height:62px}}
/* colourful section bands */
.maroc{background:linear-gradient(180deg,#FFF8EA,var(--bg))}
.sh h2{background:linear-gradient(90deg,var(--fg),#3a2f22);-webkit-background-clip:text;background-clip:text}
.bm-report-intro{background:var(--grad-red);color:#fff;border-radius:20px;padding:22px 24px;margin-bottom:20px}
.bm-report-intro a{color:#fff;text-decoration:underline}
.bm-report-intro .pill{background:#fff;color:var(--red);text-decoration:none;font-weight:700}

/* ===== Islam ===== */
.ihero{background:radial-gradient(circle at 80% 20%,rgba(227,167,47,.25),transparent 45%),linear-gradient(135deg,#064A28,#0B6B3A 55%,#17140F);color:#fff;overflow:hidden}
.ihero .in{padding-top:22px}
.ihero-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:20px;align-items:center;padding:14px 0 6px}
@media (max-width:760px){.ihero-row{grid-template-columns:minmax(0,1fr)}.iart{display:none}}
.ihero .eb{color:var(--gold)}
.ical{display:block;font-size:clamp(40px,6vw,72px);line-height:1.2;color:#fff;font-weight:700}
.isub{display:block;font-size:clamp(18px,2.2vw,26px);color:var(--gold);font-weight:600}
.ihero p{opacity:.9;max-width:640px}
.iart svg{width:100%;max-width:240px;animation:bmspin 60s linear infinite}
@keyframes bmspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.iart svg{animation:none}}
.surlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px}
.surlist a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);transition:transform .15s,border-color .15s}
.surlist a:hover{transform:translateY(-2px);border-color:var(--green)}
.snum{grid-row:span 2;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--grad-green);color:#fff;font-weight:700;transform:rotate(45deg)}
.snum{font-size:13px}
.sname{font-size:20px;font-weight:700;color:var(--green);text-align:end}
.smeta{font-size:12px;color:var(--muted);text-align:end}
.small-f{max-width:260px;margin:0;padding:9px 14px}
.isurah{background:#FFFDF7}
.sh-sur{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:center;margin-bottom:14px}
.sh-sur h2{margin:0;font-size:clamp(28px,4vw,44px);color:var(--green)}
.itog{display:inline-flex;gap:8px;align-items:center;font-size:14px;margin-bottom:12px;cursor:pointer}
.ayat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.ayat li{padding:14px 6px;border-bottom:1px solid var(--line)}
.aar{font-size:clamp(22px,2.6vw,30px);line-height:2.1;margin:0;font-family:"Amiri","Scheherazade New","Readex Pro",serif;text-align:right}
.anum{color:var(--gold-ink);font-size:.8em;white-space:nowrap}
.afr{margin:6px 0 0;font-size:15px;color:#3a352c}
.afr b{color:var(--green)}
.hide-tr .afr{display:none}
.icoming,.pinfo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px}
.icard{position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:8px;overflow:hidden;scroll-margin-top:90px}
.icard::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--grad-green)}
.icard:nth-child(2)::before{background:var(--grad-gold)}.icard:nth-child(3)::before{background:var(--grad-red)}.icard:nth-child(4)::before{background:var(--grad-ink)}
.icard h3{margin:0;font-size:18px}.icard p{margin:0;font-size:14px;color:#4a443a}
.ie{font-size:34px;line-height:1}
.icard .tag{align-self:flex-start}

/* ===== Prix hub ===== */
.phub{background:radial-gradient(circle at 85% 30%,rgba(255,255,255,.18),transparent 40%),var(--grad-gold);color:var(--fg)}
.phub .in{padding-top:22px}.phub .crumbs a{color:var(--fg)}
.phub .ctabs a{color:var(--fg);background:rgba(255,255,255,.35);border-color:rgba(23,20,15,.15)}
.phub .ctabs a:hover{background:var(--fg);color:#fff}
.phub-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:20px;align-items:center;padding:14px 0 8px}
@media (max-width:760px){.phub-row{grid-template-columns:minmax(0,1fr)}}
.phub h1{font-size:clamp(30px,4.6vw,54px);line-height:1.05;margin:6px 0 10px}
.phub .eb{color:#5a3d06}
.bigrates{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bigrates div{background:var(--dk);color:#fff;border-radius:18px;padding:16px;display:flex;flex-direction:column;box-shadow:0 14px 30px rgba(0,0,0,.2)}
.bigrates span{font-size:13px;opacity:.85}.bigrates b{font-size:clamp(30px,4vw,44px);color:var(--gold);line-height:1.1}.bigrates small{opacity:.7}
.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px}
.dcard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);transition:transform .15s,box-shadow .15s}
.dcard:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.dflag{font-size:28px}
.dmain{display:flex;flex-direction:column;min-width:0}.dmain b{font-size:15px}.dmain span{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dval{text-align:end;display:flex;flex-direction:column}.dval b{font-size:19px;color:var(--green)}.dval small{font-size:11px;color:var(--muted)}.dval em{font-style:normal;font-size:11px;color:var(--muted)}
/* footer email */
.site-footer .pill.gold{color:var(--fg)}

nav.menu .mlang,.dnav-list .mlang{display:none}
.ical{margin-bottom:6px;line-height:1.35}.isub{margin-top:4px}

.flagi{width:40px;height:30px;object-fit:cover;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.18);display:block}.bigrates span .flagi{display:inline-block;width:24px;height:18px;vertical-align:middle;margin-inline-end:6px;border-radius:4px}

/* ===== Job cards (0.1.10 — rule 2d: French only, "Postuler", full details) ===== */
.bm-jobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px}
.bm-job{--jk:#3B3FB6;position:relative;display:flex;flex-direction:column;gap:10px;padding:16px 16px 12px;border:1px solid #E6E1D6;border-radius:16px;background:#fff;border-top:5px solid var(--jk);direction:ltr;text-align:left;min-width:0}
.bm-job.k-ecole{--jk:#0B6B3A}.bm-job.k-programme{--jk:#E3A72F}.bm-job.k-salon{--jk:#20C997}
.bm-job-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.bm-job-kind{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--jk);background:color-mix(in srgb,var(--jk) 10%,#fff);padding:4px 10px;border-radius:99px}
.bm-job-left{font-size:.78rem;font-weight:700;color:#17140F;background:#F7F2E8;padding:4px 10px;border-radius:99px}
.bm-job-left.is-urgent{background:#C1272D;color:#fff}
.bm-job-t{margin:0;font-size:1.02rem;line-height:1.35;font-weight:700;color:#17140F;overflow-wrap:anywhere}
.bm-job-d{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:0}
.bm-job-d>div{min-width:0}
.bm-job-d dt{font-size:.7rem;color:#6B6458;text-transform:uppercase;letter-spacing:.03em;margin:0}
.bm-job-d dd{margin:2px 0 0;font-size:.88rem;color:#17140F;overflow-wrap:anywhere}
.bm-job .bm-na{color:#9A9286;font-style:italic}
.bm-job .bm-actions{margin-top:auto}
.bm-btn.bm-postuler{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:10px 14px;border-radius:12px;background:#3B3FB6;color:#fff;font-weight:700;text-decoration:none;border:0}
.bm-btn.bm-postuler:hover,.bm-btn.bm-postuler:focus-visible{background:#20C997;color:#0B1F14}
.bm-job .bm-src{font-size:.72rem;color:#6B6458}
@media (max-width:420px){.bm-job-d{grid-template-columns:1fr}}

.bm-list .bm-card.bm-job{border-top:5px solid var(--jk)}

/* ===== Islam: Quran douaa + hadith sources (0.1.10) ===== */
.isub2{max-width:760px;color:inherit;opacity:.85;margin:-4px 0 16px}
.dualist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:14px}
.dualist>li{min-width:0;background:#FBF7EC;border:1px solid #EADFC6;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px;border-inline-start:5px solid #0B6B3A}
.dualist .aar{font-size:1.25rem;line-height:2.1;margin:0;color:#0B3B22}
.dualist .afr{font-size:.9rem;line-height:1.5;margin:0;color:#3A352C}
.dualist .dref{margin-top:auto;font-size:.8rem;font-weight:700;color:#0B6B3A;text-decoration:none}
.dualist .dref:hover{text-decoration:underline}
[data-showmore]{margin-top:14px}
.ilinks{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:14px}
.ilink{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;background:#fff;color:#17140F;text-decoration:none;border-top:5px solid #0B6B3A;min-width:0}
.ilink.gold{border-top-color:#C9A227}.ilink.ink{border-top-color:#17140F}
.ilink b{font-size:1.02rem}.ilink span{font-size:.88rem;opacity:.8}.ilink em{font-style:normal;font-weight:700;color:#0B6B3A;margin-top:auto}
.ilink:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.ayat>li{scroll-margin-top:90px}

/* ======================================================================
   0.2.0 — Section "sites" (each big category = its own site)
   ====================================================================== */
body.has-sec{--sa:#0B6B3A;--sb:#17140F;--sc:#E3A72F;--sbg:#F7F2E8;--sfg:#fff}
body.sec-foot{--sa:#0E7A3E;--sb:#0B1F14;--sc:#B7F34A;--sbg:#EEF6EF;--sfg:#fff}
body.sec-wraqi{--sa:#1F4E8C;--sb:#0F2747;--sc:#C1272D;--sbg:#F4F7FB;--sfg:#fff}
body.sec-islam{--sa:#0B6B3A;--sb:#06331C;--sc:#C9A227;--sbg:#FBF7EC;--sfg:#fff}
body.sec-prix{--sa:#B8860B;--sb:#17140F;--sc:#E3A72F;--sbg:#FBF5E6;--sfg:#fff}
body.sec-outils{--sa:#17140F;--sb:#0B0A08;--sc:#E3A72F;--sbg:#F3F1EC;--sfg:#fff}
body.sec-emploi{--sa:#3B3FB6;--sb:#1B1D5C;--sc:#20C997;--sbg:#F2F3FC;--sfg:#fff}
.secbar{background:linear-gradient(90deg,var(--sb),var(--sa));color:var(--sfg);position:relative;z-index:5;border-bottom:3px solid var(--sc)}
.secbar .in{display:flex;align-items:center;gap:18px;min-height:48px;overflow:hidden}
.secbrand{display:flex;align-items:center;gap:8px;color:var(--sfg);text-decoration:none;white-space:nowrap;flex:0 0 auto}
.secic{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.12);font-size:16px}
.secname{font-size:.95rem;letter-spacing:.01em}.secname b{color:var(--sc);font-weight:800}
.secnav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;min-width:0;flex:1 1 auto}
.secnav::-webkit-scrollbar{display:none}
.secnav a{color:var(--sfg);opacity:.85;text-decoration:none;font-size:.86rem;font-weight:600;padding:7px 12px;border-radius:99px;white-space:nowrap}
.secnav a:hover,.secnav a:focus-visible{opacity:1;background:rgba(255,255,255,.14)}
@media (max-width:640px){.secname{font-size:.85rem}.secbar .in{gap:10px}}

/* ---- BonMaroc Foot ---- */
.sec-foot .fhero{background:radial-gradient(1200px 400px at 80% -10%,rgba(183,243,74,.22),transparent 60%),linear-gradient(160deg,#0B1F14 0%,#0E7A3E 120%);color:#fff;position:relative;overflow:hidden;padding:18px 0 22px}
.sec-foot .fhero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 80px,transparent 80px 160px);pointer-events:none}
.sec-foot .fhero .in{position:relative}
.sec-foot .fhero .crumbs,.sec-foot .fhero .crumbs a{color:rgba(255,255,255,.75)}
.fhero-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin:10px 0 18px}
.fhero-row>*{min-width:0}
.fhero .eb{color:#B7F34A;font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
.fhero h1{font-size:clamp(1.8rem,4.6vw,3.1rem);line-height:1.05;margin:6px 0 10px;color:#fff}
.fhero p{max-width:640px;opacity:.85;margin:0}
.fstats{display:flex;gap:10px}
.fstats>div{background:rgba(255,255,255,.08);border:1px solid rgba(183,243,74,.35);border-radius:14px;padding:10px 14px;text-align:center;min-width:92px}
.fstats b{display:block;font-size:1.6rem;color:#B7F34A;line-height:1.1}.fstats span{font-size:.72rem;opacity:.85}
@media (max-width:760px){.fhero-row{grid-template-columns:minmax(0,1fr)}.fstats>div{flex:1;min-width:0}}
.fstrip{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.fstrip .fx{flex:0 0 260px;scroll-snap-align:start;background:rgba(255,255,255,.96)}
.fx{background:#fff;border-radius:14px;padding:12px;color:#0B1F14;border:1px solid rgba(11,31,20,.1);min-width:0}
.fx-top{display:flex;justify-content:space-between;gap:8px;font-size:.72rem;color:#4F6656;margin-bottom:8px}
.fx-top time{font-weight:700;color:#0E7A3E}
.fx-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}
.fx-t{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;min-width:0}
.fx-t b{font-size:.82rem;line-height:1.2;overflow-wrap:anywhere}
.fx-vs{font-weight:800;font-size:.75rem;color:#0B1F14;background:#B7F34A;border-radius:8px;padding:4px 7px}
.fx-s{font-weight:800;font-size:1.3rem;font-variant-numeric:tabular-nums;color:#0B1F14;white-space:nowrap}.fx-s i{font-style:normal;opacity:.4;margin:0 4px}
.fx-st{font-size:.72rem;color:#4F6656;margin-top:8px;text-align:center;overflow-wrap:anywhere}
.fsec{background:#fff}.fsec.soft{background:#EEF6EF}
.fsec.dark{background:#0B1F14;color:#fff}.fsec.dark h2,.fsec.dark h3{color:#fff}.fsec.dark .src,.fsec.dark .src a{color:rgba(255,255,255,.75)}
.fround{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:#B7F34A !important;margin:18px 0 10px}
.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px}
.ftable-wrap{overflow-x:auto;border-radius:16px;border:1px solid #DCE9DF}
.ftable{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:520px}
.ftable th{background:#0B1F14;color:#B7F34A;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;padding:10px 8px;text-align:center}
.ftable td{padding:9px 8px;text-align:center;border-top:1px solid #E7F0E9;font-size:.92rem}
.ftable .l{text-align:start}
.ftable tbody tr:nth-child(even){background:#F7FBF8}
.ftable tr.q-caf td.pos{box-shadow:inset 4px 0 0 #0E7A3E}.ftable tr.q-down td.pos{box-shadow:inset 4px 0 0 #C1272D}
.ftable .pos{font-weight:800;width:44px}.ftable .pts{font-weight:800;color:#0E7A3E;font-size:1rem}
.fclub{display:inline-flex;align-items:center;gap:10px;font-weight:600}
.fclubs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:12px}
.fclubc{background:#fff;border-radius:16px;padding:16px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;border:1px solid #DCE9DF;min-width:0}
.fclubc b{font-size:.88rem;line-height:1.25;overflow-wrap:anywhere}.fclubc span{font-size:.72rem;color:#4F6656}
.fsubs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px}
.fsub{border-radius:18px;padding:22px;color:#fff;position:relative;overflow:hidden;min-width:0}
.fsub h3{color:#fff;margin:8px 0 6px}.fsub p{opacity:.9;margin:0 0 10px}.fsub .more{color:inherit;font-weight:700}
.fsub-ic{font-size:26px}
.fsub.lions{background:linear-gradient(135deg,#C1272D,#7A1418);border-bottom:5px solid #E3A72F}
.fsub.monde{background:linear-gradient(135deg,#1D3B8F,#0E1E4A);border-bottom:5px solid #E3A72F}
.badge{flex:0 0 auto;display:block}

.ftable-wrap .ftable{display:table;width:100%;max-width:none}
.ftable thead{display:table-header-group}.ftable tbody{display:table-row-group}

/* ---- BonMaroc Droguerie ---- */
body.sec-drog{--sa:#E76F24;--sb:#2E363D;--sc:#FFD9BF;--sbg:#FFF6EF;--sfg:#fff}
.dhero{background:linear-gradient(150deg,#2E363D 0%,#4A5560 45%,#E76F24 140%);color:#fff;padding:18px 0 22px}
.dhero .crumbs,.dhero .crumbs a{color:rgba(255,255,255,.75)}
.dhero-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;margin:10px 0 16px}.dhero-row>*{min-width:0}
.dhero .eb{color:#FFB37E;font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
.dhero h1{color:#fff;font-size:clamp(1.7rem,4.4vw,2.9rem);line-height:1.08;margin:6px 0 10px}
.dhero p{opacity:.88;max-width:680px;margin:0}
.dcount{background:#E76F24;border-radius:16px;padding:12px 18px;text-align:center}.dcount b{display:block;font-size:2rem;line-height:1}.dcount span{font-size:.75rem}
.dsearch{width:100%;max-width:560px;border-radius:14px;border:0;padding:13px 16px;font-size:1rem;margin-bottom:14px;color:#17140F}
.dtiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:10px}
.dtiles a{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:10px 12px;color:#fff;text-decoration:none;min-width:0}
.dtiles a:hover{background:#E76F24}.dtiles b{font-size:.86rem;flex:1;min-width:0;overflow-wrap:anywhere}.dtiles em{font-style:normal;font-size:.75rem;background:rgba(0,0,0,.25);border-radius:99px;padding:2px 8px}
.dtiles span{font-size:20px}
.dsec{background:#fff}.dsec.soft{background:#FFF6EF}
.dray{margin-bottom:26px;scroll-margin-top:90px}.dray h2{display:flex;align-items:center;gap:8px;border-bottom:3px solid #E76F24;padding-bottom:6px}
.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px}
.dcard{border:1px solid #EADBCF;border-radius:14px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:6px;min-width:0;border-inline-start:4px solid #4A5560}
.dcard h3{margin:0;font-size:1rem;color:#2E363D}.dcard .dar{margin:0;color:#E76F24;font-weight:600}
.dcard .duse{margin:0;font-size:.9rem}.dcard .dtip{margin:0;font-size:.8rem;color:#4A5560;background:#F3F4F5;border-radius:10px;padding:6px 8px}
@media (max-width:640px){.dhero-row{grid-template-columns:minmax(0,1fr)}}

[data-fitem][hidden],[data-fgroup][hidden]{display:none !important}

/* ---- 0.2.5 Wraqi (gov blue + paper + stamp red) ---- */
.whero{background:linear-gradient(160deg,#0F2747 0%,#1F4E8C 100%);color:#fff;padding:18px 0 22px;position:relative;overflow:hidden}
.whero:after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;border:10px double rgba(193,39,45,.35);pointer-events:none}
.whero .in{position:relative}.whero .crumbs,.whero .crumbs a{color:rgba(255,255,255,.75)}
.whero-row,.ehero-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;margin:10px 0 16px}.whero-row>*,.ehero-row>*{min-width:0}
.whero .eb{color:#9CC2F2;font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
.whero h1,.ehero h1{color:#fff;font-size:clamp(1.7rem,4.4vw,2.9rem);line-height:1.08;margin:6px 0 10px}
.whero p,.ehero p{opacity:.88;max-width:680px;margin:0}
.wstamp{width:110px;height:110px;border-radius:50%;border:3px solid #C1272D;outline:2px dashed rgba(193,39,45,.6);outline-offset:4px;display:grid;place-content:center;text-align:center;transform:rotate(-10deg);background:rgba(255,255,255,.06)}
.wstamp b{font-size:2rem;line-height:1;color:#fff}.wstamp span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#FFB4B6}
.wsearch,.esearch{width:100%;max-width:560px;border-radius:14px;border:0;padding:13px 16px;font-size:1rem;color:#17140F}
.wsearch{margin-bottom:14px}
.wtiles{display:flex;flex-wrap:wrap;gap:8px}
.wtiles a{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:7px 12px;color:#fff;text-decoration:none;font-size:.86rem}
.wtiles a:hover{background:#fff;color:#1F4E8C}.wtiles em{font-style:normal;font-size:.72rem;background:rgba(0,0,0,.25);border-radius:99px;padding:1px 7px}
.wtiles a.mre{background:#C1272D;border-color:#C1272D}
.wsec{background:#F4F7FB}
.wdom{margin-bottom:26px;scroll-margin-top:90px}.wdom h2{border-bottom:3px solid #1F4E8C;padding-bottom:6px;color:#0F2747}
.wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:12px}
.wcard{display:flex;flex-direction:column;gap:6px;background:#fff;border-radius:14px;padding:14px;border:1px solid #DCE5F2;border-top:4px solid #1F4E8C;color:#17140F;text-decoration:none;min-width:0}
.wcard:hover{box-shadow:0 8px 22px rgba(15,39,71,.14);transform:translateY(-2px)}
.wcard b{font-size:.98rem;line-height:1.3;color:#0F2747}.wcard .wsum{font-size:.86rem;opacity:.8}
.wcard .wmeta{display:flex;flex-wrap:wrap;gap:6px}.wcard .wmeta i{font-style:normal;font-size:.75rem;background:#F4F7FB;border-radius:8px;padding:3px 7px}
.wcard em{font-style:normal;font-weight:700;color:#C1272D;font-size:.82rem;margin-top:auto}
/* ---- 0.2.5 Emploi (indigo + mint job board) ---- */
.ehero{background:radial-gradient(900px 300px at 85% 0%,rgba(32,201,151,.28),transparent 60%),linear-gradient(160deg,#1B1D5C 0%,#3B3FB6 110%);color:#fff;padding:18px 0 22px}
.ehero .crumbs,.ehero .crumbs a{color:rgba(255,255,255,.75)}
.ehero .eb{color:#7CF0C9;font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
.estats{display:flex;gap:10px}.estats>div{background:rgba(255,255,255,.1);border-radius:14px;padding:10px 14px;text-align:center;min-width:110px}
.estats b{display:block;font-size:1.7rem;line-height:1.1;color:#7CF0C9}.estats .hot b{color:#FFB4B6}.estats span{font-size:.72rem;opacity:.9}
.efilters{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:10px;align-items:center}
.ecity{border-radius:14px;border:0;padding:13px 12px;font-size:.95rem;color:#17140F;min-width:0}
.echips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
.echips button{border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:99px;padding:7px 14px;font:inherit;font-size:.85rem;cursor:pointer}
.echips button.on,.echips button:hover{background:#20C997;border-color:#20C997;color:#0B1F14;font-weight:700}
.esec{background:#F2F3FC}.eempty{text-align:center;padding:30px;font-weight:700;color:#3B3FB6}
.bm-job[hidden]{display:none !important}
@media (max-width:640px){.whero-row,.ehero-row{grid-template-columns:minmax(0,1fr)}.efilters{grid-template-columns:minmax(0,1fr)}.wstamp{width:86px;height:86px}.estats>div{flex:1;min-width:0}}

/* 0.2.7 hero lede contrast */
.hero2 .lede{color:rgba(255,255,255,.94);opacity:1;text-shadow:0 1px 10px rgba(0,0,0,.55)}

/* ---- 0.2.8 Prayer pages (Habous) ---- */
.phub{background:radial-gradient(900px 300px at 85% 0%,rgba(201,162,39,.25),transparent 60%),linear-gradient(160deg,#06331C,#0B6B3A);color:#fff;padding:18px 0 26px}
.phub .crumbs,.phub .crumbs a{color:rgba(255,255,255,.75)}
.phub .eb{color:#E8C96A;font-weight:700;font-size:.8rem;letter-spacing:.05em;margin-top:8px}
.phub h1{color:#fff;font-size:clamp(1.7rem,4.4vw,2.8rem);line-height:1.1;margin:8px 0 12px}
.phub p{opacity:.9;max-width:680px}
.phub .pbig{background:rgba(255,255,255,.97);color:#06331C;max-width:860px;margin-top:10px}
.phub .pbig header{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pcity{font-weight:800;font-size:1.05rem}
.pfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;margin-bottom:20px}
.pfacts p{margin:0;background:#FBF7EC;border:1px solid #EADFC6;border-radius:14px;padding:12px 14px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.pfacts b{font-size:.88rem;color:#0B3B22}.pfacts .tnum{font-size:1.3rem;font-weight:800;color:#0B6B3A}
.ptable-wrap{overflow-x:auto;border-radius:16px;border:1px solid #EADFC6;margin:10px 0}
.ptable{width:100%;border-collapse:collapse;min-width:560px;font-variant-numeric:tabular-nums}
.ptable th{background:#0B6B3A;color:#fff;padding:9px 6px;font-size:.8rem}
.ptable td{padding:8px 6px;text-align:center;border-top:1px solid #F1E8D3;font-size:.9rem}
.ptable tr.today td{background:#FFF3C4;font-weight:800}
.psec{background:#fff}.psec.soft{background:#FBF7EC}
.pcl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:10px}
.pcl a{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #EADFC6;border-radius:14px;padding:12px 14px;text-decoration:none;color:#17140F;border-inline-start:4px solid #0B6B3A}
.pcl a:hover{box-shadow:0 6px 18px rgba(6,51,28,.12)}.pcl b{color:#0B3B22}.pcl span{font-size:.8rem;opacity:.85}.pcl i{font-style:normal;font-weight:700}
.pcl li.on a{background:#0B6B3A;color:#fff}.pcl li.on b{color:#fff}

/* 0.2.9 city hero photo / illustration */
.chero.has-ph{background:linear-gradient(90deg,rgba(6,40,24,.94) 0%,rgba(6,40,24,.78) 48%,rgba(6,40,24,.3) 100%),var(--ph) center/cover no-repeat}
[dir=rtl] .chero.has-ph,html[dir=rtl] .chero.has-ph{background:linear-gradient(270deg,rgba(6,40,24,.94) 0%,rgba(6,40,24,.78) 48%,rgba(6,40,24,.3) 100%),var(--ph) center/cover no-repeat}
.chero.has-ph::before{opacity:.04}

/* ---- 0.2.11 Femme & famille (pink/plum) + pregnancy tool ---- */
body.sec-femme{--sa:#C2185B;--sb:#4A148C;--sc:#F8BBD0;--sbg:#FFF5F8;--sfg:#fff}
.fhub{background:radial-gradient(800px 300px at 85% 0%,rgba(248,187,208,.35),transparent 60%),linear-gradient(160deg,#4A148C 0%,#C2185B 110%);color:#fff;padding:18px 0 22px}
.fhub .crumbs,.fhub .crumbs a{color:rgba(255,255,255,.78)}
.fhub-row{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:20px;align-items:center;margin:10px 0}.fhub-row>*{min-width:0}
.fhub .eb{color:#F8BBD0;font-weight:700;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}
.fhub h1{color:#fff;font-size:clamp(1.6rem,4vw,2.6rem);line-height:1.12;margin:6px 0 10px}.fhub p{opacity:.92;max-width:660px;margin:0}
.fart svg{width:100%;height:auto;display:block}
.fsec2{background:#FFF5F8}
.pgtool{background:#fff;border:1px solid #F8BBD0;border-radius:20px;padding:18px;box-shadow:0 10px 30px rgba(194,24,91,.08)}
.pgform{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,220px) auto;gap:12px;align-items:end}
.pgform label{display:flex;flex-direction:column;gap:6px;min-width:0}.pgform span{font-size:.85rem;font-weight:600;color:#4A148C}
.pgform input{border:2px solid #F8BBD0;border-radius:12px;padding:11px 12px;font:inherit;font-size:1rem;min-width:0}
.pgbtn{background:#C2185B !important;color:#fff !important;border:0}
.pgres{margin-top:18px}
.pgbig{background:linear-gradient(135deg,#C2185B,#4A148C);color:#fff;border-radius:16px;padding:16px;text-align:center}
.pgbig span{display:block;font-size:.85rem;opacity:.9}.pgbig b{font-size:clamp(1.2rem,3vw,1.8rem)}
.pggrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:10px;margin:12px 0}
.pggrid div{background:#FFF5F8;border-radius:12px;padding:10px 12px}.pggrid span{display:block;font-size:.75rem;color:#7B1F4F}.pggrid b{font-size:1.05rem;color:#4A148C}
.pgbar{height:12px;background:#FCE4EC;border-radius:99px;overflow:hidden}.pgbar i{display:block;height:100%;background:linear-gradient(90deg,#F8BBD0,#C2185B);border-radius:99px}
.pgsteps{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:6px}.pgsteps li{font-size:.9rem}.pgsteps b{color:#C2185B}
.pgnote{margin-top:16px;font-size:.9rem}.pgnote .warn{background:#FFF3E0;border-inline-start:4px solid #E3A72F;padding:10px 12px;border-radius:10px}
.toolc.pink{--tc:#EC407A}
@media (max-width:640px){.fhub-row{grid-template-columns:minmax(0,1fr)}.fart{display:none}.pgform{grid-template-columns:minmax(0,1fr)}}

/* ---- 0.2.12 Blog ---- */
body.sec-blog{--sa:#0B6B3A;--sb:#17140F;--sc:#E3A72F;--sbg:#F7F2E8;--sfg:#fff}
.bhero{background:radial-gradient(900px 320px at 85% 0%,rgba(227,167,47,.3),transparent 60%),linear-gradient(160deg,#17140F 0%,#0B6B3A 120%);color:#fff;padding:18px 0 22px}
.bhero .crumbs,.bhero .crumbs a{color:rgba(255,255,255,.75)}.bhero .eb{color:#E3A72F;font-weight:700;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;margin-top:8px}
.bhero h1{color:#fff;font-size:clamp(1.7rem,4.4vw,2.9rem);line-height:1.08;margin:6px 0 10px}.bhero p{opacity:.9;max-width:680px}
.bcats{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.bcats a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.25);border-radius:99px;padding:7px 13px;font-size:.85rem}
.bcats a:hover,.bcats a.on{background:var(--bc,#E3A72F);border-color:var(--bc,#E3A72F)}
.bsec{background:#F7F2E8}
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:16px}
.bcard{display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;text-decoration:none;color:#17140F;box-shadow:0 6px 20px rgba(23,20,15,.07);min-width:0}
.bcard:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(23,20,15,.14)}
.bimg{display:block;aspect-ratio:320/170;overflow:hidden;background:var(--bc)}.bimg svg,.bimg img{width:100%;height:100%;object-fit:cover;display:block}
.bbody{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.btag{align-self:flex-start;background:#E3A72F;color:#17140F;font-weight:700;font-size:.72rem;border-radius:99px;padding:3px 10px;text-decoration:none}
.bcard b{font-size:1.02rem;line-height:1.3}.bex{font-size:.86rem;opacity:.8}.bmeta{margin-top:auto;font-size:.76rem;color:var(--bc);font-weight:700}
.ahero{background:linear-gradient(160deg,#17140F 0%,var(--bc) 130%);color:#fff;padding:18px 0 24px}
.ahero .crumbs,.ahero .crumbs a{color:rgba(255,255,255,.75)}
.ahero-row{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:center;margin-top:10px}.ahero-row>*{min-width:0}
.ahero h1{color:#fff;font-size:clamp(1.6rem,4vw,2.6rem);line-height:1.12;margin:10px 0}.ameta{opacity:.85;font-size:.88rem}
.aart{border-radius:18px;overflow:hidden}.aart svg,.aart img{width:100%;height:auto;display:block}
.bentry{font-size:1.06rem;line-height:1.75}.bentry h2{margin-top:1.6em}.bentry .bmsrc{font-size:.85rem;background:#F7F2E8;border-radius:12px;padding:10px 14px}
.arel{margin-top:30px}
@media (max-width:760px){.ahero-row{grid-template-columns:minmax(0,1fr)}.aart{max-width:420px}}

/* ---- 0.3.0 Femme hub (Lalla), MRE hub, tool pages ---- */
.fmhero{background:radial-gradient(700px 320px at 90% 10%,rgba(248,187,208,.45),transparent 60%),linear-gradient(155deg,#4A148C 0%,#C2185B 70%,#EC407A 130%);color:#fff;padding:18px 0 34px;position:relative;overflow:hidden}
.fmhero::after{content:"";position:absolute;inset-inline-start:-80px;bottom:-120px;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.07)}
.fmhero .crumbs,.fmhero .crumbs a,.mrehero .crumbs,.mrehero .crumbs a{color:rgba(255,255,255,.78)}
.fmrow,.mrerow{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:24px;align-items:center;margin-top:10px;position:relative;z-index:1}.fmrow>*,.mrerow>*{min-width:0}
.fmhero .eb{color:#F8BBD0;font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
.fmhero h1,.mrehero h1{color:#fff;font-size:clamp(1.8rem,4.8vw,3.2rem);line-height:1.06;margin:8px 0 12px}
.fmhero p,.mrehero p{opacity:.93;max-width:640px;margin:0;font-size:1.05rem}
.fmcta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.fmcta .pill.big{background:#fff;color:#C2185B}.fmcta .pill.ghost{color:#fff;border-color:rgba(255,255,255,.5)}
.fmart svg,.mreart svg{width:100%;max-width:300px;height:auto;display:block;margin-inline:auto;animation:bmfloat 6s ease-in-out infinite}
.fmsec{background:#FFF5F8}.mresec{background:#F4F7FB}
.fmh{font-size:clamp(1.2rem,2.6vw,1.6rem);margin:30px 0 14px;display:flex;align-items:center;gap:10px}.fmh::before{content:"";width:8px;height:26px;border-radius:4px;background:var(--sa,#C2185B)}
.fmsec>.in>.fmh:first-child,.mresec>.in>.fmh:first-child{margin-top:4px}
.fmtools{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:14px}
.fmt{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:20px;color:#fff;text-decoration:none;position:relative;overflow:hidden;min-height:132px;transition:transform .2s,box-shadow .2s}
.fmt::after{content:"";position:absolute;inset-inline-end:-26px;top:-26px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.14)}
.fmt:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(23,20,15,.18)}
.fmt span{font-size:2rem;line-height:1}.fmt b{font-size:1.08rem;line-height:1.25;margin-top:6px}.fmt em{font-style:normal;font-size:.85rem;opacity:.9}
.fmt.pink{background:linear-gradient(140deg,#EC407A,#C2185B)}.fmt.plum{background:linear-gradient(140deg,#7B1FA2,#4A148C)}.fmt.gold{background:linear-gradient(140deg,#F2B544,#B8860B)}.fmt.green{background:linear-gradient(140deg,#14945A,#0B6B3A)}
.ccpick{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:14px}.ccpick label{display:flex;flex-direction:column;gap:6px;min-width:min(100%,260px)}.ccpick span{font-size:.85rem;font-weight:700}
.ccpick select{border:2px solid var(--sc,#F8BBD0);border-radius:12px;padding:11px 12px;font:inherit;background:#fff}
.fmcats{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:12px}
.fmc{display:flex;flex-direction:column;gap:2px;background:#fff;border-radius:18px;padding:14px 16px;text-decoration:none;color:#17140F;border:1px solid rgba(194,24,91,.14);transition:transform .2s,border-color .2s}
.fmc:hover{transform:translateY(-3px);border-color:var(--sa,#C2185B)}.fme{font-size:1.7rem}.fmc b{font-size:1rem}.fmc em{font-style:normal;font-size:.8rem;color:var(--sa,#C2185B);font-weight:700}
.fmsoon{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:12px;margin-top:16px}
.fms{border:2px dashed rgba(194,24,91,.25);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:2px;background:rgba(255,255,255,.6)}.fms span{font-size:1.5rem}.fms em{font-style:normal;font-size:.78rem;opacity:.7}
.warn{background:#FFF3E0;border-inline-start:4px solid #E3A72F;padding:10px 12px;border-radius:10px}
body.sec-mre{--sa:#C1272D;--sb:#0A2E5C;--sc:#E3A72F;--sbg:#F4F7FB;--sfg:#fff}
.mrehero{background:radial-gradient(800px 340px at 88% 0%,rgba(227,167,47,.35),transparent 60%),linear-gradient(155deg,#0A2E5C 0%,#123F7A 55%,#C1272D 140%);color:#fff;padding:18px 0 20px;overflow:hidden}
.mrehero .eb{color:#E3A72F;font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
.mrestats{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.mrestats span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:8px 14px;font-size:.85rem;display:flex;flex-direction:column}.mrestats b{font-size:1.5rem;line-height:1.1;color:#E3A72F}
.mretabs{display:flex;gap:8px;overflow-x:auto;margin-top:18px;padding-bottom:4px;scrollbar-width:none}.mretabs a{flex:0 0 auto;color:#fff;text-decoration:none;background:rgba(255,255,255,.12);border-radius:99px;padding:8px 14px;font-size:.88rem;font-weight:600}.mretabs a:hover{background:#E3A72F;color:#17140F}
.mrecons{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:10px;align-items:start}
.mrec{background:#fff;border-radius:16px;border:1px solid #DCE4F0;overflow:hidden}
.mrec summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:13px 16px;font-size:1rem}.mrec summary::-webkit-details-marker{display:none}
.mrec summary em{font-style:normal;background:#0A2E5C;color:#fff;border-radius:99px;min-width:28px;text-align:center;padding:2px 8px;font-size:.8rem}
.mrec[open] summary{background:#0A2E5C;color:#fff}.mrec[open] summary em{background:#E3A72F;color:#17140F}
.mrecl{display:grid;gap:8px;padding:10px}
.mreci{display:flex;flex-direction:column;gap:3px;background:#F4F7FB;border-radius:12px;padding:10px 12px;font-size:.88rem;min-width:0;overflow-wrap:anywhere}.mreci b{font-size:.95rem}
.mtag{align-self:flex-start;background:#E3A72F;color:#17140F;border-radius:99px;padding:1px 9px;font-size:.72rem;font-weight:700}
.mweb{font-weight:700;color:#C1272D}
.thero.tone{background:linear-gradient(135deg,#17140F 0%,#2a2219 50%,#C1272D 140%)}
.thero-one{display:flex;justify-content:center}.thero-one svg{width:clamp(96px,16vw,170px);height:auto;filter:drop-shadow(0 14px 26px rgba(0,0,0,.4));animation:bmfloat 4s ease-in-out infinite}
.bdg{display:grid;gap:10px;margin:14px 0}.bdgr{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr) minmax(0,150px);gap:12px;align-items:center}.bdgr span{font-weight:600;font-size:.9rem}.bdgr input{width:100%;accent-color:var(--green)}.bdgr em{font-style:normal;font-size:.85rem;text-align:end}
.over .tres [data-o="pct"]{color:var(--red)}
@media (max-width:640px){.fmrow,.mrerow{grid-template-columns:minmax(0,1fr)}.fmart,.mreart{display:none}.bdgr{grid-template-columns:minmax(0,1fr)}.bdgr em{text-align:start}}
@media (prefers-reduced-motion:reduce){.fmart svg,.mreart svg,.thero-one svg{animation:none}}
/* ---- 0.3.1 Home "10 sites" band ---- */
.hsites{background:linear-gradient(180deg,#F7F2E8 0%,#fff 100%)}
.hsh{display:flex;flex-wrap:wrap;align-items:end;gap:6px 16px;margin-bottom:16px}.hsh .eb{width:100%;color:var(--red);font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.hsh h2{margin:0;font-size:clamp(1.4rem,3.2vw,2.1rem)}.hsh .more{margin-inline-start:auto;font-weight:700}
.hsgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px}
.hst{--hc:#0B6B3A;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:2px;min-height:150px;padding:16px;border-radius:22px;color:#fff;text-decoration:none;background:var(--hc);box-shadow:0 8px 22px rgba(0,0,0,.15);background:radial-gradient(160px 120px at 100% 0%,rgba(255,255,255,.22),transparent 70%),linear-gradient(150deg,var(--hc),color-mix(in srgb,var(--hc) 62%,#000));box-shadow:0 8px 22px color-mix(in srgb,var(--hc) 30%,transparent);transition:transform .25s,box-shadow .25s;animation:hsin .5s both;animation-delay:calc(var(--i) * 40ms)}
.hst:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:0 18px 36px color-mix(in srgb,var(--hc) 40%,transparent)}
.hse{font-size:2.1rem;line-height:1;margin-bottom:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}
.hst b{font-size:1.15rem;margin-top:12px}.hst em{font-style:normal;font-size:.85rem;opacity:.92}.hst i{font-style:normal;font-size:.75rem;font-weight:700;margin-top:6px;align-self:flex-start;background:rgba(255,255,255,.18);border-radius:99px;padding:3px 10px}
@keyframes hsin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hst{animation:none}}
/* 0.4.0 — numbers + Latin text inside Arabic pages, météo, recettes, fête */
a[href^="tel:"],.tel{direction:ltr;unicode-bidi:isolate;display:inline-block}
[dir=rtl] li em,[dir=rtl] .bm-addr,[dir=rtl] .muted.small{unicode-bidi:plaintext}
.whero{background:radial-gradient(900px 320px at 85% 0%,rgba(120,190,255,.35),transparent 60%),linear-gradient(160deg,#0d3b66 0%,#1f7a8c 120%)}
.rhero{background:radial-gradient(900px 320px at 85% 0%,rgba(227,167,47,.35),transparent 60%),linear-gradient(160deg,#5a1a12 0%,#C1272D 120%)}
.wxdays{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;margin:6px 0 14px}
.wxd{background:#fff;border:1px solid rgba(23,20,15,.08);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:6px;box-shadow:0 6px 18px rgba(13,59,102,.08)}
.wxd .wxl{font-size:.85rem;color:#1f7a8c;font-weight:700}.wxd .wxt{font-size:2rem;color:#0d3b66}.wxd .wxs{font-weight:600}.wxd .wxm{font-size:.9rem;opacity:.8}
.wxgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:10px;margin-top:12px}
.wxc{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid rgba(23,20,15,.08);border-radius:14px;padding:10px 12px;text-decoration:none;color:inherit}
.wxc:hover{border-color:#1f7a8c}.wxc span{font-size:.8rem;opacity:.7}.wxc em{font-style:normal;color:#0d3b66;font-weight:700}
.wxlinks{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}
.fmsoon a.fms{text-decoration:none;color:inherit;border-color:#C1272D}
.tform.fete{margin-top:8px}
/* 0.4.1 — sources hidden (kept in database), dates JJ/MM/AAAA, parcours famille, hub Maroc */
.src,.bm-src,.bmsrc{display:none!important}
.dmy{display:inline-flex;gap:6px;flex-wrap:wrap}.dmy select{min-width:70px;padding:10px 8px;border-radius:12px;border:1px solid var(--line,#ddd);background:#fff;font:inherit}
.fjour{background:#FFF5F8}.fjour h2{margin:4px 0 14px}.fjour .eb{color:#C2185B;font-weight:700;text-transform:uppercase;font-size:.8rem}
.fjsteps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;counter-reset:fj}
.fjsteps>li{background:#fff;border:1px solid #F8BBD0;border-radius:18px;padding:14px 16px;position:relative}
.fjsteps>li:before{counter-increment:fj;content:counter(fj);position:absolute;top:10px;inset-inline-end:12px;width:26px;height:26px;border-radius:50%;background:#C2185B;color:#fff;font-size:.8rem;display:grid;place-items:center;font-weight:700}
.fjh{display:flex;align-items:center;gap:8px;margin-bottom:8px}.fjh span{font-size:1.6rem}.fjh b{font-size:1.05rem;color:#6A1B4D}
.fjsteps ul{margin:0;padding-inline-start:18px}.fjsteps ul li{margin:4px 0}.fjsteps a{color:#4A148C}
.mhero{background:radial-gradient(900px 320px at 85% 0%,rgba(227,167,47,.35),transparent 60%),linear-gradient(160deg,#C1272D 0%,#0B6B3A 130%)}
.mfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px;margin:8px 0 20px}
.mfacts div{background:#fff;border:1px solid rgba(23,20,15,.08);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:2px}.mfacts span{font-size:1.4rem}.mfacts em{font-style:normal;font-size:.8rem;opacity:.7}.mfacts b{color:#0B6B3A}
.mhubs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:10px;margin-bottom:22px}
.mhubs a{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(23,20,15,.08);border-radius:14px;padding:12px;text-decoration:none;color:inherit;font-weight:600}.mhubs a:hover{border-color:#C1272D}.mhubs span{font-size:1.3rem}
.mreg{display:grid;gap:12px}.mrg{background:#fff;border-radius:16px;padding:12px 16px;border:1px solid rgba(23,20,15,.08)}.mrg h3{margin:0 0 6px;font-size:1rem;color:#C1272D}.mrg p{margin:0;line-height:2}.mrg a{display:inline-block;margin-inline-end:10px}
.men{margin-top:22px;background:#F7F2E8;border-radius:16px;padding:14px 18px}.men h2{margin-top:0;font-size:1.1rem}

/* ===== 0.5.0 Islam sub-pages ===== */
.isub-h .in{padding-bottom:4px}.isub-h h1{font-size:clamp(28px,4.4vw,48px);margin:8px 0 4px;line-height:1.15}
.qaudio{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;margin:0 0 12px}
.qaudio label{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600}
.qaudio select{padding:8px 10px;border-radius:10px;border:1px solid var(--line);max-width:100%}
.qaudio audio{flex:1 1 280px;max-width:100%;min-width:0}
.qopts{display:flex;flex-wrap:wrap;gap:4px 18px}
.basmala{font-family:"Amiri","Scheherazade New",serif;font-size:clamp(24px,3vw,32px);text-align:center;color:var(--green);margin:8px 0}
.atf{display:none;margin:8px 0 0;padding:10px 12px;border-radius:12px;background:#F4EFE2;font-size:16px;line-height:1.9;font-family:"Readex Pro",sans-serif;text-align:right}
.q-tf .atf{display:block}.q-nofr .afr{display:none}
.surnav{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.surnav a{display:flex;flex-direction:column;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);font-size:13px}
.surnav a span{font-size:17px;color:var(--green);font-weight:700}.surnav a em{font-style:normal;color:var(--muted)}
.surnav a.all{justify-content:center;background:var(--green);color:#fff;border-color:var(--green);font-weight:700}
.hcols{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}
.hcol{position:relative;display:flex;flex-direction:column;gap:4px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden;transition:transform .15s,box-shadow .15s}
.hcol::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--grad-green)}
.hcol:nth-child(even)::before{background:var(--grad-gold)}
.hcol:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.hcol b{font-family:"Amiri",serif;font-size:24px;color:var(--green)}.hcol strong{font-size:16px}
.hcol span{font-size:14px;color:#4a443a}.hcol em{font-style:normal;font-weight:700;color:var(--gold-ink);margin-top:auto}
.hbooks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:10px}
.hbooks a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.hbooks a:hover{border-color:var(--green)}
.hbt{display:flex;flex-direction:column}.hbt b{font-size:18px;color:var(--green)}.hbt em{font-style:normal;font-size:13px;color:var(--muted)}
.hlist{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.hlist li{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--card);scroll-margin-top:90px}
.hlist .aar{font-size:clamp(19px,2.2vw,23px);line-height:2}
.hnum a{display:inline-block;font-size:12px;font-weight:700;color:#fff;background:var(--green);border-radius:99px;padding:3px 10px;margin-bottom:6px}
.hgrade{margin:10px 0 0;font-size:13px;color:#5a3d06;background:#FBF1D9;border-radius:10px;padding:6px 10px}
.hgrade.ok{color:#0B6B3A;background:#E3F3EA}
.pager,.bknav{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.pager a{min-width:40px;text-align:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.pager a.on{background:var(--green);color:#fff;border-color:var(--green)}
.bknav{justify-content:space-between}.bknav a{padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);font-size:14px}
.dgnav{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.dgnav a{padding:7px 12px;border-radius:99px;background:#F4EFE2;font-size:13.5px}
.dgnav a:hover{background:var(--gold)}
.dgh{font-size:20px;margin:22px 0 10px;scroll-margin-top:90px}
.dcats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:8px}
.dcats a{position:relative;display:flex;flex-direction:column;gap:2px;padding:11px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);height:100%}
.dcats a:hover{border-color:var(--green)}
.dcats b{font-size:17px;color:var(--green);font-family:"Readex Pro",sans-serif}.dcats em{font-style:normal;font-size:13px;color:#4a443a}
.dcats .dn{position:absolute;top:8px;inset-inline-end:10px;font-size:11px;background:var(--gold);border-radius:99px;padding:1px 7px}
.dhk{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;counter-reset:dk}
.dhk li{padding:16px;border:1px solid var(--line);border-radius:16px;background:#FFFDF7}
.dhk .aar{font-size:clamp(20px,2.4vw,26px)}
.dhk-f{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}
.dhk-f audio{flex:1 1 240px;min-width:0;max-width:100%;height:36px}
.dcount{border:0;border-radius:99px;background:var(--green);color:#fff;font-weight:700;padding:8px 16px;cursor:pointer;font-size:14px}
.dcount:disabled{background:var(--gold);color:var(--fg)}
.ihubx{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin-top:12px}
/* ===== 0.5.1 Jeux / eFootball ===== */
.ghero{background:radial-gradient(circle at 85% 20%,rgba(32,201,151,.35),transparent 45%),radial-gradient(circle at 10% 90%,rgba(227,167,47,.25),transparent 40%),linear-gradient(135deg,#1A0F2E,#2B1250 55%,#0B3D2A);color:#fff}
.ghero .in{padding-top:22px;padding-bottom:26px}.ghero .crumbs a,.ghero .eb a{color:#fff}
.ghero h1{font-size:clamp(28px,4.4vw,50px);line-height:1.08;margin:8px 0 10px;max-width:880px}
.ghero p{opacity:.92;max-width:700px}
.efhero{background:radial-gradient(circle at 85% 25%,rgba(227,167,47,.35),transparent 45%),linear-gradient(135deg,#062A1A,#0B6B3A 60%,#0A3E7A)}
.gefb{display:inline-flex;gap:12px;align-items:center;background:#fff;color:#0B6B3A;border-radius:16px;padding:10px 16px;margin:6px 0 12px;box-shadow:0 12px 26px rgba(0,0,0,.25)}
.gefb-i{font-size:30px}.gefb b{display:block;font-size:18px}.gefb em{font-style:normal;font-size:13px;color:#4a443a}
.efcd{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:12px 16px;max-width:620px}
.efcd-l{font-size:14px;opacity:.9}.efcd-t{font-size:clamp(26px,3.4vw,36px);color:#F7D774;font-weight:800;letter-spacing:.5px}
.efcd-d{flex-basis:100%;font-size:13px;opacity:.85}
.ggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px}
.gcard{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:18px;background:var(--card);border:1px solid var(--line);overflow:hidden;transition:transform .15s,box-shadow .15s}
.gcard::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--gc)}
.gcard:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.gic{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--gc);font-size:24px}
.gcard b{font-size:18px}.gcard span{font-size:14px;color:#4a443a}.gcard em{font-style:normal;font-size:13px;color:var(--muted)}
.gcard small{margin-top:auto;font-weight:700;color:var(--gc)}.gcard small.on{color:#fff;background:var(--gc);align-self:flex-start;border-radius:99px;padding:3px 10px}
.gsafe{background:#FFF8E6;border:1px solid #F1DFAF;border-radius:20px;padding:20px}
.gsafe h2{margin-top:0}.gsafe li{margin:6px 0}
.eflast{border-radius:20px;padding:14px;background:linear-gradient(135deg,#E3F3EA,#FFF8E6)}
.eflast-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.efbadge{background:#C1272D;color:#fff;font-weight:700;border-radius:99px;padding:4px 12px;font-size:13px}
.eflast .bcard{max-width:none}
.effaq details{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:12px 16px;margin-bottom:8px}
.effaq summary{font-weight:700;cursor:pointer}.effaq p{margin:8px 0 0}

.asma{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:10px}
.asma li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;gap:2px 12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.asma b{font-family:"Amiri","Scheherazade New",serif;font-size:26px;color:var(--green);text-align:end}
.asma .atr{grid-column:2;font-size:13px;font-weight:700;color:var(--gold-ink);text-align:end}
.asma em{grid-column:1/-1;font-style:normal;font-size:14px;color:#4a443a}
.asma .snum{grid-row:span 2}

/* ===== 0.5.3 search, prénoms, leagues, ride, ovulation ===== */
body.search{display:block;width:auto;max-width:none;padding:0;border:0;border-radius:0;box-shadow:none;cursor:auto;text-align:start;gap:normal;align-items:normal}
.sbox{display:flex;gap:8px;max-width:680px;margin:0 0 18px}
.sbox input{flex:1;min-width:0;padding:12px 16px;border:1.5px solid var(--fg);border-radius:14px;font:inherit}
.sbox button{border:0;border-radius:14px;background:var(--fg);color:var(--bg);padding:0 20px;font:inherit;font-weight:600;cursor:pointer}
.sgh{font-size:19px;margin:22px 0 10px}
.pnhero{background:linear-gradient(135deg,#FCE4EC,#E3F2FD);}
.pnhero .in{padding-top:22px;padding-bottom:22px}
.pnhero.boy{background:linear-gradient(135deg,#E3F2FD,#E8F5E9)}.pnhero.girl{background:linear-gradient(135deg,#FCE4EC,#FFF8E1)}
.pnhero h1{font-size:clamp(30px,5vw,56px);margin:6px 0;line-height:1.1}
.pnar{font-family:"Amiri","Readex Pro",serif;color:#C2185B}.pnhero.boy .pnar{color:#1F4E8C}
.pnla{font-weight:800}.pnmean{font-size:19px;max-width:720px}
.pntags{display:flex;flex-wrap:wrap;gap:8px}.pntags span{background:#fff;border-radius:99px;padding:5px 12px;font-size:13.5px;border-inline-start:4px solid var(--c,#999)}
.pnbar{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.pnf{display:flex;flex-wrap:wrap;gap:6px}.pnf a{padding:6px 12px;border-radius:99px;background:#F4EFE2;font-size:13.5px}.pnf a.on{background:var(--fg);color:var(--bg)}
.pngrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:10px}
.pncard{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:14px;background:var(--card);border:1px solid var(--line);border-top:4px solid #C2185B;height:100%}
.pncard.boy{border-top-color:#1F4E8C}.pncard b{font-family:"Amiri","Readex Pro",serif;font-size:24px}.pncard strong{font-size:16px}.pncard em{font-style:normal;font-size:13px;color:#4a443a}
.pncard:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.lgstrip{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:12px 0}
.lgstrip b{color:inherit;margin-inline-end:4px}.lgstrip a{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:99px;padding:6px 12px;font-size:13px;color:#fff}
.fsec .lgstrip a,.in.sec .lgstrip a{background:#F4EFE2;color:var(--fg);border-color:var(--line)}
.lggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}
.lgcard{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:18px;background:var(--card);border:1px solid var(--line);border-top:5px solid #0B6B3A}
.lgcard.botola{border-top-color:#C1272D}.lge{font-size:28px}.lgcard b{font-size:17px}
.lgcard ol{margin:0;padding-inline-start:20px;font-size:14px}.lgcard li{display:flex;justify-content:space-between;gap:8px}.lgcard li em{font-style:normal;color:var(--muted)}
.lgcard small{margin-top:auto;font-weight:700;color:#0B6B3A}
.lgtable td.tn{text-align:start;font-weight:600;white-space:nowrap}
.lgms{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.lgm{display:grid;grid-template-columns:110px 1fr auto 1fr;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(127,127,127,.25)}
.lgd{font-size:12.5px;opacity:.8}.lgh{text-align:end;font-weight:600}.lga{font-weight:600}.lgs{min-width:54px;text-align:center;background:#E3A72F;color:#17140F;border-radius:8px;padding:3px 8px}
@media (max-width:560px){.lgm{grid-template-columns:1fr auto 1fr}.lgd{grid-column:1/-1}}
.ridehero{color:#fff;background:linear-gradient(135deg,#17140F,#3B3FB6)}.ridehero.trott{background:linear-gradient(135deg,#0A5C7A,#20C997)}
.ridehero .in{padding-top:22px;padding-bottom:22px}.ridehero .crumbs a{color:#fff}.ridehero h1{font-size:clamp(28px,4.4vw,48px);margin:6px 0 10px;line-height:1.1}
.ridegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px}
.ridec{padding:18px;border-radius:18px;background:var(--card);border:1px solid var(--line)}.ridec>span{font-size:30px}.ridec h3{margin:6px 0}
.ovnext{margin:10px 0;padding-inline-start:20px;font-size:14px}

/* ===== 0.5.4 — Études supérieures ===== */
.ethero{--ec:#1F4E8C;background:linear-gradient(135deg,var(--ec) 0%,#17140F 140%);color:#fff;padding:22px 0 26px}
.ethero .crumbs,.ethero .crumbs a{color:rgba(255,255,255,.85)}
.ethero h1{color:#fff;margin:.3em 0 .35em;font-size:clamp(1.45rem,4.2vw,2.2rem);line-height:1.2}
.ethero p{color:rgba(255,255,255,.92);max-width:760px;margin:0 0 12px}
.ethero .eb{display:inline-block;background:rgba(255,255,255,.14);padding:4px 10px;border-radius:999px;font-size:.85rem;font-weight:600}
.etsearch input{width:100%;max-width:560px;border:0;border-radius:14px;padding:13px 16px;font-size:1rem;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.etacc{display:inline-block;font-size:.75rem;font-weight:700;padding:3px 9px;border-radius:999px;background:#eef2ff;color:#3730a3}
.etacc.reg{background:#fef3c7;color:#92400e}.etacc.open{background:#dcfce7;color:#166534}.etacc.conc{background:#e0f2fe;color:#075985}
.ethero .etacc{background:rgba(255,255,255,.95)}
.etcities{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:0 0 26px}
.etcities a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 13px;border-radius:12px;background:#fff;border:1px solid #ece4d4;text-decoration:none;color:#17140F;font-weight:600}
.etcities a:hover{border-color:#0B6B3A;background:#f6fbf8}
.etcities em{font-style:normal;font-size:.8rem;background:#F7F2E8;color:#0B6B3A;border-radius:999px;padding:2px 8px}
h3.etcat,h2.etcat{margin:22px 0 10px;font-size:1.05rem}
.etnets,.etcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.etnet,.etcard{--ec:#1F4E8C;position:relative;display:flex;flex-direction:column;gap:6px;padding:15px 15px 14px;border-radius:14px;background:#fff;border:1px solid #ece4d4;border-top:4px solid var(--ec);text-decoration:none;color:#17140F;transition:transform .15s,box-shadow .15s}
.etnet:hover,.etcard:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(23,20,15,.09)}
.ets{align-self:flex-start;font-size:.75rem;font-weight:800;letter-spacing:.03em;color:#fff;background:var(--ec);padding:3px 8px;border-radius:7px}
.etnet b,.etcard b{font-size:1rem;line-height:1.3}
.etnet em,.etcard em{font-style:normal;font-size:.85rem;color:#5f5848;line-height:1.4}
.etmeta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.78rem;color:#6b6458;margin-top:auto}
.etfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin:0 0 22px}
.etfacts>div{display:flex;gap:12px;padding:14px;border-radius:14px;background:#F7F2E8}
.etfacts i{font-style:normal;font-size:1.4rem;line-height:1}
.etfacts b{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#0B6B3A;margin-bottom:3px}
.etfacts span{font-size:.95rem;line-height:1.5}
.etgrid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px;margin:26px 0}
.etsteps,.etcal{background:#fff;border:1px solid #ece4d4;border-radius:16px;padding:16px 18px}
.etsteps h2,.etcal h2,.etafter h2{font-size:1.05rem;margin:0 0 10px}
.etsteps ol{margin:0 0 12px;padding-inline-start:0;list-style:none;counter-reset:s}
.etsteps li{counter-increment:s;position:relative;padding:7px 0 7px 38px;border-bottom:1px dashed #eee6d6}
[dir=rtl] .etsteps li{padding:7px 38px 7px 0}
.etsteps li:before{content:counter(s);position:absolute;inset-inline-start:0;top:6px;width:26px;height:26px;border-radius:50%;background:#0B6B3A;color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}
.etcal ul{list-style:none;margin:0 0 8px;padding:0}
.etcal li{display:flex;gap:10px;padding:7px 0;border-bottom:1px dashed #eee6d6;align-items:baseline}
.etcal li b{flex:0 0 auto;min-width:118px;color:#C1272D;font-size:.9rem}
.etafter{margin:10px 0 24px}
.etafg{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.etafg a{display:flex;flex-direction:column;gap:3px;padding:14px;border-radius:14px;background:#fff;border:1px solid #ece4d4;text-decoration:none;color:#17140F}
.etafg a:hover{border-color:#E3A72F}
.etafg i{font-style:normal;font-size:1.4rem}
.etafg em{font-style:normal;font-size:.82rem;color:#6b6458}
.etlinks{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.etmore{margin-top:18px}

/* 0.5.5 garde links */
.gardel{display:flex;flex-direction:column;gap:7px;align-items:flex-start}.gardel strong{font-size:.92rem}.gardel .pill{font-size:.85rem}.gardel p{margin:2px 0 0}

/* 0.5.7 — footer v2 */
.site-footer .top{grid-template-columns:1.4fr repeat(6,minmax(0,1fr));gap:26px}
@media (max-width:1200px){.site-footer .top{grid-template-columns:repeat(4,minmax(0,1fr))}.site-footer .brand{grid-column:1/-1}}
@media (max-width:760px){.site-footer .top{grid-template-columns:repeat(2,minmax(0,1fr))}}
.site-footer .fcol h4{color:#fff;letter-spacing:.06em;font-weight:700;display:flex;gap:6px;align-items:center;padding-bottom:9px;border-bottom:2px solid rgba(227,167,47,.45)}
.site-footer .fcol ul a{opacity:.86;transition:opacity .15s,color .15s}
.site-footer .fcol ul a:hover{opacity:1}
.site-footer .flive{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:14px 16px;margin-bottom:22px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.site-footer .flive b{color:var(--gold);margin-inline-end:6px;font-size:14px}
.site-footer .flive a{font-size:13px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff}
.site-footer .flive a:hover{background:var(--gold);color:#17140F}