/* Mena News Today — blocs « cartes ludiques » */

/* Fond : halos dégradés discrets, dans l'esprit de la marque */
body{background:
	radial-gradient(900px 520px at 100% -10%,rgba(255,61,154,.07),transparent 60%),
	radial-gradient(800px 600px at -10% 30%,rgba(160,32,201,.06),transparent 60%),
	var(--mnt-paper);background-attachment:fixed;}

/* ---------- 1. Stories ---------- */
.mnt-stories{padding:4px 0 18px;}
.mnt-stories-row{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;padding:4px 2px 6px;scroll-snap-type:x proximity;}
.mnt-stories-row::-webkit-scrollbar{display:none;}
.mnt-story-bubble{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font:inherit;color:var(--mnt-ink);scroll-snap-align:start;width:78px;}
.mnt-story-bubble .ring{width:70px;height:70px;border-radius:50%;padding:3px;background:conic-gradient(from 210deg,var(--mnt-purple),var(--mnt-pink),#ffb36b,var(--mnt-purple));display:block;transition:transform .2s;}
.mnt-story-bubble .ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff;background:var(--mnt-purple-soft);}
.mnt-story-bubble:hover .ring{transform:scale(1.06) rotate(-3deg);}
.mnt-story-bubble.seen .ring{background:var(--mnt-line);}
.mnt-story-bubble .lbl{font-size:12px;font-weight:700;max-width:78px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mnt-story-viewer{position:fixed;inset:0;z-index:9999;background:#120a1d center/cover no-repeat;display:flex;align-items:flex-end;justify-content:center;}
.mnt-story-viewer[hidden]{display:none;}
.mnt-story-viewer::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(42,27,61,.95) 0%,rgba(42,27,61,.35) 55%,rgba(0,0,0,.25) 100%);}
.mnt-story-viewer .bars{position:absolute;top:14px;left:14px;right:14px;display:flex;gap:5px;z-index:2;}
.mnt-story-viewer .bars span{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden;}
.mnt-story-viewer .bars span i{display:block;height:100%;width:0;background:#fff;}
.mnt-story-viewer .bars span.done i{width:100%;}
.mnt-story-viewer .bars span.cur i{animation:mnt-bar 6s linear forwards;}
@keyframes mnt-bar{to{width:100%;}}
.mnt-story-viewer .x{position:absolute;top:26px;inset-inline-end:16px;z-index:3;width:40px;height:40px;border-radius:50%;border:none;background:rgba(255,255,255,.18);color:#fff;font-size:26px;line-height:1;cursor:pointer;}
.mnt-story-viewer .slide{position:relative;z-index:2;width:min(560px,100%);padding:0 24px 44px;color:#fff;}
.mnt-story-viewer .pill{display:inline-block;background:linear-gradient(90deg,var(--mnt-purple),var(--mnt-pink));color:#fff;font-size:12px;font-weight:700;padding:5px 14px;border-radius:20px;margin-bottom:12px;}
.mnt-story-viewer h3{color:#fff;font-size:26px;margin:0 0 8px;}
.mnt-story-viewer time{display:block;font-size:13px;opacity:.75;margin-bottom:18px;}
.mnt-story-viewer .go{display:inline-block;background:#fff;color:var(--mnt-purple);font-weight:700;padding:11px 24px;border-radius:24px;}
.mnt-story-viewer .nav{position:absolute;top:70px;bottom:160px;width:35%;background:none;border:none;z-index:1;cursor:pointer;}
.mnt-story-viewer .prev{inset-inline-start:0;}
.mnt-story-viewer .next{inset-inline-end:0;}
html.mnt-noscroll,html.mnt-noscroll body{overflow:hidden;}

/* ---------- 2. Radar des sujets ---------- */
.mnt-radar .sub{font-size:12.5px;color:var(--mnt-text-soft);margin:-8px 0 12px;}
.mnt-radar .scope{position:relative;aspect-ratio:1;max-width:280px;margin:0 auto;}
.mnt-radar svg{position:absolute;inset:0;width:100%;height:100%;}
.mnt-radar .disc{fill:var(--mnt-ink);}
.mnt-radar .ring{fill:none;stroke:rgba(255,255,255,.14);stroke-width:1;}
.mnt-radar .sweep{transform-origin:100px 100px;animation:mnt-sweep 6s linear infinite;}
@keyframes mnt-sweep{to{transform:rotate(-360deg);}}
.mnt-radar .blip{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px;z-index:2;}
.mnt-radar .blip .dot{width:9px;height:9px;border-radius:50%;background:var(--mnt-pink);box-shadow:0 0 0 0 rgba(255,61,154,.6);animation:mnt-ping 3s ease-out infinite;animation-delay:var(--d);}
@keyframes mnt-ping{0%{box-shadow:0 0 0 0 rgba(255,61,154,.6);}70%{box-shadow:0 0 0 9px rgba(255,61,154,0);}100%{box-shadow:0 0 0 0 rgba(255,61,154,0);}}
.mnt-radar .blip .t{font-size:10.5px;font-weight:700;color:#fff;background:rgba(42,27,61,.75);padding:1px 7px;border-radius:10px;white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis;}
.mnt-radar .blip:hover .t{background:var(--mnt-pink);}

/* ---------- 3. « خمّن الخبر » ---------- */
.mnt-guess{margin-top:34px;background:#fff;border:1px solid var(--mnt-line);border-radius:var(--mnt-radius);box-shadow:var(--mnt-shadow);padding:22px;}
.mnt-guess .head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.mnt-guess .head .mnt-section-title{margin:0;}
.mnt-guess .progress{font-weight:700;font-size:13px;color:var(--mnt-purple);background:var(--mnt-purple-soft);padding:4px 12px;border-radius:16px;}
.mnt-guess .q{color:var(--mnt-text-soft);margin:6px 0 14px;font-size:14.5px;}
.mnt-guess .stage{display:grid;grid-template-columns:1fr 1.15fr;gap:18px;align-items:start;}
.mnt-guess .pic{border-radius:var(--mnt-radius-sm);overflow:hidden;aspect-ratio:16/10;background:var(--mnt-purple-soft);}
.mnt-guess .pic img{width:100%;height:100%;object-fit:cover;}
.mnt-guess .opts{display:flex;flex-direction:column;gap:10px;}
.mnt-guess .opts button{text-align:start;font:inherit;font-weight:700;font-size:14.5px;line-height:1.5;padding:12px 16px;border-radius:16px;border:2px solid var(--mnt-line);background:var(--mnt-mist);color:var(--mnt-ink);cursor:pointer;transition:border-color .15s,transform .15s;}
.mnt-guess .opts button:hover:not(:disabled){border-color:var(--mnt-purple);transform:translateY(-1px);}
.mnt-guess .opts button.ok{border-color:#1f9d6b;background:#e8f8f1;}
.mnt-guess .opts button.ko{border-color:var(--mnt-pink);background:#fff0f7;}
.mnt-guess .opts button:disabled{cursor:default;}
.mnt-guess .foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;}
.mnt-guess .msg{flex:1;font-weight:700;font-size:14px;}
.mnt-guess .msg a{color:var(--mnt-purple);margin-inline-start:6px;}
.mnt-guess .next,.mnt-guess .again{border:none;border-radius:22px;padding:10px 22px;font:inherit;font-weight:700;color:#fff;background:linear-gradient(90deg,var(--mnt-purple),var(--mnt-pink));cursor:pointer;}
.mnt-guess .next:disabled{opacity:.4;cursor:default;}

/* ---------- 4. Réactions ---------- */
.mnt-react{margin:30px 0 8px;padding:18px 20px;background:var(--mnt-mist);border-radius:var(--mnt-radius);border:1px solid var(--mnt-line);}
.mnt-react p{margin:0 0 12px;font-weight:700;}
.mnt-react .row{display:flex;flex-wrap:wrap;gap:8px;}
.mnt-react button{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:22px;border:1.5px solid var(--mnt-line);background:#fff;font:inherit;font-size:13.5px;cursor:pointer;transition:transform .15s,border-color .15s;}
.mnt-react button:hover:not(:disabled){transform:translateY(-2px) scale(1.03);border-color:var(--mnt-purple);}
.mnt-react .e{font-size:20px;line-height:1;}
.mnt-react b{font-size:12px;color:var(--mnt-text-soft);}
.mnt-react button.mine{border-color:var(--mnt-pink);background:#fff0f7;}
.mnt-react button.mine .e{animation:mnt-pop .5s ease;}
@keyframes mnt-pop{50%{transform:scale(1.5) rotate(-8deg);}}
.mnt-react button:disabled{cursor:default;}
.mnt-reacttop a{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed var(--mnt-line);}
.mnt-reacttop a:last-child{border-bottom:none;}
.mnt-reacttop .e{font-size:20px;}
.mnt-reacttop .t{flex:1;font-size:13px;font-weight:700;}
.mnt-reacttop b{font-size:12px;color:var(--mnt-purple);background:var(--mnt-purple-soft);border-radius:12px;padding:1px 8px;}

/* ---------- 5. Carte de partage ---------- */
.mnt-cardmaker{margin:18px 0 0;}
.mnt-cardmaker .open{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:22px;padding:10px 20px;font:inherit;font-weight:700;color:#fff;background:linear-gradient(90deg,var(--mnt-purple),var(--mnt-pink));cursor:pointer;}
.mnt-cardmaker .panel{margin-top:14px;max-width:420px;}
.mnt-cardmaker canvas{width:100%;height:auto;border-radius:var(--mnt-radius);box-shadow:var(--mnt-shadow);display:block;}
.mnt-cardmaker .acts{display:flex;gap:8px;margin-top:10px;}
.mnt-cardmaker .acts a,.mnt-cardmaker .acts button{padding:9px 18px;border-radius:20px;background:var(--mnt-mist);border:1px solid var(--mnt-line);font:inherit;font-weight:700;font-size:13px;color:var(--mnt-ink);cursor:pointer;}

/* ---------- 6. « أخباري » ---------- */
.mnt-follow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0 0;}
.mnt-follow .lbl{font-size:13px;font-weight:700;color:var(--mnt-text-soft);margin-inline-end:4px;}
.mnt-follow .chip{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:18px;border:1.5px dashed var(--mnt-purple);background:#fff;color:var(--mnt-purple);font:inherit;font-size:13px;font-weight:700;cursor:pointer;}
.mnt-follow .chip.on{border-style:solid;background:var(--mnt-purple);color:#fff;}
.mnt-follow .go{font-size:13px;font-weight:700;color:var(--mnt-pink);}
.mnt-mynews-cta{display:flex!important;align-items:center;gap:12px;background:linear-gradient(135deg,var(--mnt-purple-soft),#fff);}
.mnt-mynews-cta[hidden]{display:none!important;}
.mnt-mynews-cta .i{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--mnt-purple),var(--mnt-pink));color:#fff;font-size:18px;}
.mnt-mynews-cta small{display:block;font-size:12px;color:var(--mnt-text-soft);}
.mnt-myfeed .mine{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;}
.mnt-myfeed .mine .lbl{font-weight:700;font-size:13.5px;}
.mnt-myfeed .chips button{display:inline-flex;gap:6px;align-items:center;padding:5px 12px;border-radius:16px;border:none;background:var(--mnt-purple);color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;margin:2px;}
.mnt-myfeed .state{color:var(--mnt-text-soft);}
.mnt-article .entry-content .mnt-myfeed .list{columns:2;column-gap:20px;}
.mnt-myfeed .mnt-card h3{font-size:15.5px;}

@media (max-width:640px){
	.mnt-guess{padding:16px;}
	.mnt-guess .stage{grid-template-columns:1fr;}
	.mnt-story-viewer h3{font-size:21px;}
	.mnt-article .entry-content .mnt-myfeed .list{columns:1;}
	.mnt-react .l{display:none;}
}
@media (prefers-reduced-motion:reduce){
	.mnt-radar .sweep,.mnt-radar .blip .dot,.mnt-react button.mine .e{animation:none;}
	.mnt-story-viewer .bars span.cur i{animation-duration:12s;}
}
.mnt-guess .progress{direction:ltr;unicode-bidi:isolate;}