/* Marocains du Monde — Arabic (RTL) layer.
 * Loaded only on Arabic pages, after mm.css (and dist/styles.css in production).
 * Mirrors every directional rule of mm.css / dist/styles.css and adapts typography to Arabic.
 */

/* ── Typography ── */
:root{
  --serif:"Noto Kufi Arabic","Instrument Serif",Tahoma,sans-serif;
  --sans:"Noto Naskh Arabic","Outfit",Tahoma,"Segoe UI",sans-serif;
}
html[dir="rtl"] body{font-size:18px;line-height:1.85}
@media (max-width:640px){html[dir="rtl"] body{font-size:17px}}
/* Letter-spacing and uppercase break Arabic joining. */
html[dir="rtl"] body *{letter-spacing:normal!important}
html[dir="rtl"] .mm-eyebrow,html[dir="rtl"] .mm-badge,html[dir="rtl"] .mm-logo__txt em,html[dir="rtl"] .mm-corridor__k,
html[dir="rtl"] .mm-card__cat,html[dir="rtl"] .mm-arthead__cat,html[dir="rtl"] .mm-toc__h,html[dir="rtl"] .mm-prose .mm-key__h,
html[dir="rtl"] .mm-footer__h,html[dir="rtl"] .mm-fx-kicker,html[dir="rtl"] .mm-fx-edito__sig span,html[dir="rtl"] .mm-news__meta,
html[dir="rtl"] .mm-sol__k,html[dir="rtl"] .mm-profile__facts dt,html[dir="rtl"] .mm-duo__k,html[dir="rtl"] .mm-quote__by,
html[dir="rtl"] .mm-edito__sig span,html[dir="rtl"] .mm-footer__tag,html[dir="rtl"] .mm-fx-fb__k{text-transform:none}
/* Arabic has no italic: never synthesize a slant. */
html[dir="rtl"] em,html[dir="rtl"] i,html[dir="rtl"] blockquote,html[dir="rtl"] .mm-quote,html[dir="rtl"] .mm-fx-edito__txt{font-style:normal}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4{font-family:var(--serif);font-weight:600;line-height:1.45}
html[dir="rtl"] .mm-hero h1{font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1.35}
html[dir="rtl"] .mm-arthead h1{font-size:clamp(1.9rem,4vw,3rem);line-height:1.4}
html[dir="rtl"] .mm-sechead h2,html[dir="rtl"] .mm-h2{font-size:clamp(1.65rem,3.2vw,2.5rem)}
html[dir="rtl"] .mm-split h2,html[dir="rtl"] .mm-edito__txt h2,html[dir="rtl"] .mm-cta h2{font-size:clamp(1.65rem,3.2vw,2.5rem)}
html[dir="rtl"] .mm-pick h2{font-size:clamp(1.5rem,2.6vw,2rem)}
html[dir="rtl"] .mm-rub h3{font-size:1.35rem}
html[dir="rtl"] .mm-card__title{font-size:1.3rem;line-height:1.55}
@media (min-width:981px){html[dir="rtl"] .mm-card--feat .mm-card__title{font-size:1.8rem}}
html[dir="rtl"] .mm-tool h3,html[dir="rtl"] .mm-trust h3{font-size:1.2rem}
html[dir="rtl"] .mm-newscol h3,html[dir="rtl"] .mm-sol__res h3,html[dir="rtl"] .mm-pays__box h2,html[dir="rtl"] .mm-tool-ui h3{font-size:1.3rem}
html[dir="rtl"] .mm-empty h2{font-size:1.6rem}
html[dir="rtl"] .mm-logo__txt strong{font:700 23px/1.15 var(--serif)}
html[dir="rtl"] .mm-logo__txt em{font:500 13px/1.4 var(--sans);color:var(--gold-ink)}
html[dir="rtl"] .mm-logo--light .mm-logo__txt em{color:var(--gold-2)}
@media (max-width:560px){html[dir="rtl"] .mm-logo__txt strong{font-size:20px}}
html[dir="rtl"] .mm-eyebrow{font:600 14px/1.5 var(--sans)}
html[dir="rtl"] .mm-badge{font:600 12.5px/1.2 var(--sans)}
html[dir="rtl"] .mm-corridor__k,html[dir="rtl"] .mm-card__cat,html[dir="rtl"] .mm-arthead__cat,html[dir="rtl"] .mm-toc__h,
html[dir="rtl"] .mm-prose .mm-key__h,html[dir="rtl"] .mm-footer__h,html[dir="rtl"] .mm-fx-kicker,html[dir="rtl"] .mm-sol__k,
html[dir="rtl"] .mm-profile__facts dt,html[dir="rtl"] .mm-duo__k,html[dir="rtl"] .mm-quote__by,html[dir="rtl"] .mm-news__meta{font-size:13.5px;line-height:1.5}
html[dir="rtl"] .mm-footer__h{font-weight:700}
html[dir="rtl"] .mm-edito__sig span,html[dir="rtl"] .mm-fx-edito__sig span,html[dir="rtl"] .mm-fx-fb__k{font-size:12.5px}
html[dir="rtl"] .mm-corridor strong{font:600 23px/1.4 var(--serif)}
html[dir="rtl"] .mm-quote{font:500 clamp(1.25rem,2.1vw,1.7rem)/1.7 var(--serif)}
html[dir="rtl"] .mm-duo__card strong{font:600 clamp(1.35rem,2.2vw,1.85rem)/1.4 var(--serif)}
html[dir="rtl"] .mm-fx-cta__h{font:600 22px/1.45 var(--serif)}
html[dir="rtl"] .mm-fx-edito__txt{font:400 18px/1.8 var(--sans)}
html[dir="rtl"] .mm-tool-ui__big{font-family:var(--serif);font-weight:600}
html[dir="rtl"] .mm-menu a{font:600 15.5px/1.3 var(--sans)}
html[dir="rtl"] .mm-btn{font:600 15px/1.3 var(--sans)}
html[dir="rtl"] .mm-news strong{font:500 17px/1.65 var(--sans)}
html[dir="rtl"] .mm-prose{font-size:19px;line-height:1.95}
html[dir="rtl"] .mm-search input,html[dir="rtl"] .mm-search button,html[dir="rtl"] .mm-field input,html[dir="rtl"] .mm-field select,html[dir="rtl"] .mm-field textarea,
html[dir="rtl"] .mm-tool-ui input,html[dir="rtl"] .mm-tool-ui select,html[dir="rtl"] .mm-sol select,html[dir="rtl"] .mm-filters input,html[dir="rtl"] .mm-filters select{font-family:var(--sans)}
html[dir="rtl"] .mm-fb-float span{font:700 11px/1.1 var(--sans)}

/* ── Accessibility helpers placed off-screen (never on the scrollable side) ── */
html[dir="rtl"] .mm-skip{left:auto;right:-9999px}
html[dir="rtl"] .mm-skip:focus{right:16px}
html[dir="rtl"] .mm-hp{left:auto!important;right:-9999px!important}

/* ── Header ── */
html[dir="rtl"] .mm-dot{margin-right:0;margin-left:6px}
html[dir="rtl"] .mm-nav{margin-left:0;margin-right:auto}
@media (max-width:1100px){
  html[dir="rtl"] .mm-nav{margin:0}
  html[dir="rtl"] .mm-header__actions{margin-left:0;margin-right:auto}
}

/* ── Breadcrumbs ── */
html[dir="rtl"] .mm-crumbs li+li::before{margin-right:0;margin-left:6px}

/* ── Hero ── */
html[dir="rtl"] .mm-hero{background:radial-gradient(1200px 600px at 15% 10%,rgba(43,117,100,.55),transparent 60%),linear-gradient(200deg,var(--ink) 0%,#0b231e 70%)}
html[dir="rtl"] .mm-search{padding:6px 20px 6px 6px}
html[dir="rtl"] .mm-corridor{left:auto;right:-28px}
@media (max-width:900px){html[dir="rtl"] .mm-corridor{right:auto;left:50%}}

/* ── Rubriques ── */
html[dir="rtl"] .mm-rub::after{inset:auto auto -40px -40px}
html[dir="rtl"] .mm-rub__n{right:auto;left:24px}
html[dir="rtl"] .mm-rub__img~.mm-rub__n{right:auto;left:16px}

/* ── Arrows and icons ── */
html[dir="rtl"] .mm-ico--arrow{transform:scaleX(-1)}
html[dir="rtl"] .mm-pick__list a::after{content:"←"}

/* ── Article, table of contents, prose ── */
html[dir="rtl"] .mm-toc ol{padding:0 18px 0 0;border-left:0;border-right:2px solid var(--sand)}
html[dir="rtl"] .mm-toc li{padding-left:0;padding-right:6px}
html[dir="rtl"] .mm-prose ul,html[dir="rtl"] .mm-prose ol{padding-left:0;padding-right:1.3em}
html[dir="rtl"] .mm-prose blockquote{padding:4px 22px 4px 0;border-left:0;border-right:3px solid var(--gold);font:500 1.2rem/1.85 var(--sans)}
html[dir="rtl"] .mm-prose th,html[dir="rtl"] .mm-prose td{text-align:right}
html[dir="rtl"] .mm-prose .mm-note{border-left:0;border-right:3px solid var(--terra);border-radius:12px 0 0 12px}
html[dir="rtl"] .mm-arthead--photo{background:linear-gradient(250deg,rgba(11,35,30,.94) 0%,rgba(11,35,30,.78) 55%,rgba(11,35,30,.45) 100%),var(--bg) center/cover no-repeat}

/* ── Editorial ── */
html[dir="rtl"] .mm-edito blockquote{padding:0 26px 0 0;border-left:0;border-right:2px solid var(--gold)}
html[dir="rtl"] .mm-edito blockquote p{font:400 clamp(1.1rem,1.6vw,1.28rem)/1.95 var(--sans)}
/* No drop cap in Arabic (it would break letter joining). */
html[dir="rtl"] .mm-edito blockquote p:first-child::first-letter{float:none;font-size:inherit;line-height:inherit;padding:0;color:inherit}

/* ── Forms ── */
html[dir="rtl"] .mm-consent input{margin-right:0;margin-left:6px}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="tel"],html[dir="rtl"] input[type="url"],html[dir="rtl"] input[type="number"]{direction:ltr;text-align:right}
html[dir="rtl"] input[type="email"]::placeholder,html[dir="rtl"] input[type="tel"]::placeholder{text-align:right}
html[dir="rtl"] select{background-position:left .75rem center;padding-left:2.5rem}
html[dir="rtl"] .mm-tool-ui select,html[dir="rtl"] .mm-sol select,html[dir="rtl"] .mm-filters select,html[dir="rtl"] .mm-field select{padding-right:14px}

/* ── Tools and solutions centre ── */
html[dir="rtl"] .mm-tool-ui__out p[dir="ltr"]{text-align:right}
html[dir="rtl"] .mm-sol__country{border-left:0;border-right:3px solid var(--gold);border-radius:10px 0 0 10px}

/* ── Footer ── */
html[dir="rtl"] .mm-fx-search{padding:4px 16px 4px 4px}
html[dir="rtl"] .mm-fx-mail .mm-mail{display:inline-block}
@media (max-width:560px){
  html[dir="rtl"] .mm-fx-chev{border-right:0;border-left:2px solid var(--gold-2);transform:rotate(-45deg)}
  html[dir="rtl"] .mm-fx-grp.is-open .mm-fx-chev{transform:rotate(-225deg)}
}

/* ── Numbers, phones and e-mails stay left-to-right ── */
html[dir="rtl"] a[href^="tel:"],html[dir="rtl"] a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate}