/* ════════════════════════════════════════════════════════════════════
   Contenus WordPress — articles, pages classiques, pages d'extension.
   Même langage visuel que les maquettes : Sora pour les titres, Inter
   pour le texte, la palette Maymoune, les mêmes rayons et ombres.
   ════════════════════════════════════════════════════════════════════ */

/* ── bandeau d'en-tête (article ou page) ── */
.mym-head{background:var(--wash);border-bottom:1px solid var(--line);padding:58px 0 52px;position:relative;overflow:hidden}
.mym-head::before{content:"";position:absolute;inset:-60% -20% auto auto;width:620px;height:620px;border-radius:50%;
 background:radial-gradient(circle,rgba(123,34,232,.10),transparent 68%);pointer-events:none}
.mym-head .w,.mym-head .wn{position:relative;z-index:2}
.mym-head .mym-fil{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:18px;
 font-family:var(--f-m);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--mut)}
.mym-head .mym-fil a{color:var(--iris);text-decoration:none;font-weight:700}
.mym-head .mym-fil a:hover{text-decoration:underline}
.mym-head .mym-cat{display:inline-block;font-family:var(--f-m);font-size:10.5px;letter-spacing:.15em;
 text-transform:uppercase;font-weight:700;color:var(--iris);background:rgba(123,34,232,.09);
 border-radius:99px;padding:6px 13px;margin-bottom:18px;text-decoration:none}
.mym-head .mym-cat:hover{background:rgba(123,34,232,.16)}
.mym-head h1{font-family:var(--f-d);font-size:clamp(30px,4.4vw,52px);font-weight:800;letter-spacing:-.04em;
 line-height:1.04;margin:0 0 18px;color:var(--ink)}
.mym-head .mym-chapo{font-size:19px;line-height:1.55;color:var(--mut);max-width:62ch}
.mym-head .mym-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:22px;
 font-family:var(--f-m);font-size:12.5px;color:var(--mut);letter-spacing:.03em}
.mym-head .mym-meta i{width:4px;height:4px;border-radius:50%;background:#D5CBE6;display:block;font-style:normal}
.mym-head.mym-centre{text-align:center}
.mym-head.mym-centre .mym-chapo{margin-inline:auto}
.mym-head.mym-centre .mym-meta,.mym-head.mym-centre .mym-fil{justify-content:center}

/* image mise en avant */
.mym-une{margin:-30px auto 0;position:relative;z-index:3;max-width:1104px;padding:0 28px}
.mym-une img{width:100%;height:auto;display:block;border-radius:22px;box-shadow:var(--s2);
 border:1px solid var(--line);background:#fff}

/* ── colonne de lecture ── */
.mym-corps{padding:56px 0 90px}
.mym-lecture{max-width:760px;margin:0 auto;padding:0 28px}
.mym-large{max-width:1104px;margin:0 auto;padding:0 28px}

/* ── typographie du contenu ── */
.mym-prose{font-size:17.5px;line-height:1.72;color:var(--ink2)}
.mym-prose > *:first-child{margin-top:0}
.mym-prose > *:last-child{margin-bottom:0}
.mym-prose p{margin:0 0 22px}
.mym-prose h2,.mym-prose h3,.mym-prose h4{font-family:var(--f-d);font-weight:800;letter-spacing:-.03em;
 color:var(--ink);line-height:1.15}
.mym-prose h2{font-size:clamp(24px,2.6vw,32px);margin:50px 0 16px}
.mym-prose h3{font-size:clamp(20px,2.1vw,24px);margin:38px 0 12px;letter-spacing:-.025em}
.mym-prose h4{font-size:18.5px;margin:30px 0 10px;letter-spacing:-.02em}
.mym-prose h2 + h3{margin-top:22px}
.mym-prose a{color:var(--iris);text-decoration:none;border-bottom:1.5px solid rgba(123,34,232,.3);
 transition:border-color .2s}
.mym-prose a:hover{border-color:var(--iris)}
.mym-prose strong,.mym-prose b{color:var(--ink);font-weight:700}
.mym-prose ul,.mym-prose ol{margin:0 0 24px;padding-left:0;list-style:none}
.mym-prose ol{counter-reset:mym}
.mym-prose li{position:relative;padding-left:30px;margin-bottom:11px}
.mym-prose ul > li::before{content:"";position:absolute;left:8px;top:11px;width:7px;height:7px;border-radius:50%;
 background:var(--g)}
.mym-prose ol > li{counter-increment:mym}
.mym-prose ol > li::before{content:counter(mym);position:absolute;left:0;top:1px;width:21px;height:21px;
 border-radius:50%;background:var(--g);color:#fff;font-family:var(--f-d);font-size:11px;font-weight:800;
 display:grid;place-items:center}
.mym-prose li > ul,.mym-prose li > ol{margin:11px 0 0}
.mym-prose blockquote{margin:32px 0;padding:22px 26px;background:var(--wash);border-radius:18px;
 border-left:4px solid var(--iris);font-size:18.5px;line-height:1.6;color:var(--ink)}
.mym-prose blockquote p:last-child{margin-bottom:0}
.mym-prose blockquote cite{display:block;margin-top:12px;font-style:normal;font-size:14px;color:var(--mut)}
.mym-prose img,.mym-prose video,.mym-prose iframe{max-width:100%;height:auto;border-radius:18px;display:block}
.mym-prose figure{margin:34px 0}
.mym-prose figure img{box-shadow:var(--s2)}
.mym-prose figcaption{margin-top:11px;font-size:13.5px;color:var(--mut);text-align:center}
.mym-prose iframe{width:100%;aspect-ratio:16/9;border:0;box-shadow:var(--s2)}
.mym-prose hr{border:0;border-top:1px solid var(--line);margin:44px 0}
.mym-prose code{font-family:var(--f-m);font-size:.88em;background:var(--wash);border:1px solid var(--line);
 border-radius:6px;padding:2px 6px}
.mym-prose pre{background:#160C29;color:#EDE7F7;border-radius:16px;padding:20px 22px;overflow-x:auto;
 font-family:var(--f-m);font-size:13.5px;line-height:1.6;margin:0 0 24px}
.mym-prose pre code{background:none;border:0;padding:0;color:inherit}
.mym-prose table{width:100%;border-collapse:collapse;margin:0 0 26px;font-size:15.5px;
 background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.mym-prose th{background:var(--wash);font-family:var(--f-d);font-weight:800;text-align:left;
 font-size:14px;letter-spacing:-.01em}
.mym-prose th,.mym-prose td{padding:13px 16px;border-bottom:1px solid var(--line)}
.mym-prose tr:last-child td{border-bottom:0}
.mym-prose .wp-block-button__link,.mym-prose .wp-element-button{display:inline-flex;align-items:center;gap:9px;
 border:0;padding:15px 26px;border-radius:14px;font-family:var(--f-d);font-weight:700;font-size:16px;
 color:#fff;background:var(--g);text-decoration:none;box-shadow:0 14px 30px -14px rgba(232,38,126,.8)}
.mym-prose .wp-block-embed__wrapper{position:relative}
.mym-prose .alignleft{float:left;margin:6px 28px 20px 0;max-width:46%}
.mym-prose .alignright{float:right;margin:6px 0 20px 28px;max-width:46%}
.mym-prose .aligncenter{margin-inline:auto}
.mym-prose .alignwide,.mym-prose .alignfull{margin-inline:calc(50% - 50vw);max-width:100vw;width:100vw}
.mym-prose .alignwide img,.mym-prose .alignfull img{border-radius:0}

/* ── contenus importés de l'ancien éditeur ─────────────────────────────
   WordPress écrivait autrefois la largeur en dur sur les figures de légende :
   <figure class="wp-caption" style="width: 1500px">. Dans une colonne de
   lecture de 760 px, cette largeur faisait déborder la page entière et
   décalait tout le contenu. On neutralise ces largeurs héritées, sans
   toucher aux images volontairement en pleine largeur.                      */
.mym-prose figure:not(.alignfull):not(.alignwide),
.mym-prose .wp-caption:not(.alignfull):not(.alignwide),
.mym-app figure,.mym-app .wp-caption{width:auto!important;max-width:100%!important;height:auto!important}
.mym-prose .wp-caption-text,.mym-prose figcaption{width:auto!important;max-width:100%!important}
.mym-prose img,.mym-prose video,.mym-prose iframe,.mym-prose embed,.mym-prose object,
.mym-prose canvas,.mym-app img,.mym-app iframe,.mym-app video{max-width:100%!important;height:auto}
.mym-prose .gallery,.mym-prose .wp-block-gallery{width:auto!important;max-width:100%}
.mym-prose .gallery img{width:100%;height:auto}
.mym-prose table{max-width:100%;table-layout:auto}
.mym-prose .alignwide,.mym-prose .alignfull{max-width:100vw!important}
/* Aucun élément ne doit pouvoir faire déborder la page horizontalement.
   « clip » plutôt que « hidden » : l'en-tête collante continue de fonctionner. */
/* retiré : cassait position:sticky de l'en-tête. Le clip est fait
   au niveau des sections dans maymoune.css. */
/* Le panneau du menu mobile est hors écran au repos : il ne doit rien élargir. */
.mnav{overflow:hidden}

/* ── formulaires et tableaux d'extension (Mon compte, FluentCart…) ── */
.mym-app input[type=text],.mym-app input[type=email],.mym-app input[type=password],
.mym-app input[type=tel],.mym-app input[type=number],.mym-app input[type=search],
.mym-app select,.mym-app textarea{
 border:1.5px solid var(--line);border-radius:13px;padding:13px 15px;font:inherit;font-size:15.5px;
 background:#FCFAFE;width:100%;max-width:100%;color:var(--ink)}
.mym-app input:focus,.mym-app select:focus,.mym-app textarea:focus{outline:0;border-color:var(--iris);background:#fff}
.mym-app label{display:block;font-weight:600;font-size:14.5px;margin-bottom:6px;color:var(--ink)}
.mym-app button,.mym-app input[type=submit],.mym-app .button{display:inline-flex;align-items:center;gap:9px;
 border:0;padding:14px 24px;border-radius:14px;font-family:var(--f-d);font-weight:700;font-size:15.5px;
 color:#fff;background:var(--g);cursor:pointer;text-decoration:none;
 box-shadow:0 14px 30px -14px rgba(232,38,126,.8)}
.mym-app button:hover,.mym-app input[type=submit]:hover{transform:translateY(-1px)}
.mym-app table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);
 border-radius:18px;overflow:hidden;font-size:15px}
.mym-app th{background:var(--wash);font-family:var(--f-d);font-weight:800;text-align:left;font-size:13.5px}
.mym-app th,.mym-app td{padding:14px 16px;border-bottom:1px solid var(--line)}
.mym-app tr:last-child td{border-bottom:0}
.mym-app a{color:var(--iris)}

/* ── liste d'articles ── */
.mym-liste{padding:52px 0 90px}
.mym-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mym-carte{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--s1);
 display:flex;flex-direction:column;transition:.24s cubic-bezier(.2,1.2,.4,1);text-decoration:none;color:inherit}
.mym-carte:hover{transform:translateY(-4px);box-shadow:var(--s2);border-color:#D9C9F0}
.mym-carte .mym-vign{height:172px;background:var(--g);position:relative;overflow:hidden;flex:0 0 auto}
.mym-carte .mym-vign img{width:100%;height:100%;object-fit:cover;display:block}
.mym-carte .mym-in{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.mym-carte .mym-tag{display:inline-block;font-family:var(--f-m);font-size:10px;letter-spacing:.14em;
 text-transform:uppercase;font-weight:700;color:var(--iris);background:rgba(123,34,232,.09);
 border-radius:99px;padding:5px 11px;align-self:flex-start}
.mym-carte h2,.mym-carte h3{font-family:var(--f-d);font-size:18.5px;font-weight:800;letter-spacing:-.025em;
 line-height:1.2;margin:13px 0 9px;color:var(--ink)}
.mym-carte p{color:var(--mut);font-size:14.5px;line-height:1.5;margin:0 0 16px}
.mym-carte .mym-bas{margin-top:auto;display:flex;align-items:center;gap:9px;color:var(--mut);
 font-size:12.5px;font-family:var(--f-m);letter-spacing:.03em}
.mym-carte .mym-bas i{width:4px;height:4px;border-radius:50%;background:#D5CBE6;display:block;font-style:normal}

/* l'article à la une */
.mym-une-carte{display:grid;text-decoration:none;color:inherit;margin-bottom:22px}
.mym-une-carte:hover h2{color:var(--iris)}
.mym-une-carte .bimg{position:relative;overflow:hidden}
.mym-une-carte .bimg img{width:100%;height:100%;object-fit:cover;display:block}
.mym-une-carte .bin{display:flex;flex-direction:column;justify-content:center}
.mym-une-carte h2{transition:color .2s}
.mym-une-carte .bmeta{margin-top:auto;display:flex;align-items:center;gap:9px;color:var(--mut);
 font-size:13px;font-family:var(--f-m);letter-spacing:.03em}
.mym-une-carte .bmeta i{width:4px;height:4px;border-radius:50%;background:#D5CBE6;display:block;font-style:normal}

/* pagination */
.mym-pages{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:44px;flex-wrap:wrap}
.mym-pages a,.mym-pages span{min-width:44px;height:44px;display:inline-grid;place-items:center;padding:0 14px;
 border-radius:13px;border:1.5px solid var(--line);background:#fff;font-family:var(--f-d);font-weight:700;
 font-size:15px;color:var(--ink);text-decoration:none;box-shadow:var(--s1);transition:.2s}
.mym-pages a:hover{border-color:#C9AEF0;color:var(--iris)}
.mym-pages .current{background:var(--g);border-color:transparent;color:#fff;
 box-shadow:0 10px 24px -12px rgba(123,34,232,.8)}
.mym-pages .dots{border:0;box-shadow:none;background:none}

/* ── suite de lecture ── */
.mym-suite{background:var(--wash);border-top:1px solid var(--line);padding:64px 0 76px}
.mym-suite .mym-titre{font-family:var(--f-d);font-size:clamp(22px,2.4vw,30px);font-weight:800;
 letter-spacing:-.03em;margin:0 0 26px;text-align:center}

/* ── rien à afficher ── */
.mym-vide{text-align:center;padding:70px 20px}
.mym-vide h2{font-family:var(--f-d);font-size:26px;font-weight:800;letter-spacing:-.03em;margin-bottom:10px}
.mym-vide p{color:var(--mut)}

@media (max-width:1040px){
 .mym-grille{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
 .mym-head{padding:34px 0 32px}
 .mym-head h1{font-size:clamp(26px,7.4vw,34px)}
 .mym-head .mym-chapo{font-size:16.5px}
 .mym-une{margin-top:-18px;padding:0 18px}
 .mym-une img{border-radius:16px}
 .mym-corps{padding:34px 0 56px}
 .mym-lecture,.mym-large{padding:0 18px}
 .mym-prose{font-size:16.5px;line-height:1.68}
 .mym-prose h2{margin:34px 0 12px}
 .mym-prose h3{margin:26px 0 10px}
 .mym-prose .alignleft,.mym-prose .alignright{float:none;margin:0 0 20px;max-width:100%}
 .mym-liste{padding:32px 0 56px}
 .mym-grille{grid-template-columns:1fr;gap:12px}
 .mym-carte{flex-direction:row;border-radius:16px}
 .mym-carte .mym-vign{width:104px;height:auto;flex:0 0 auto}
 .mym-carte .mym-in{padding:14px}
 .mym-carte h2,.mym-carte h3{font-size:15.5px;margin:8px 0 5px}
 .mym-carte p{display:none}
 .mym-carte .mym-tag{font-size:9px;padding:4px 8px}
 .mym-suite{padding:40px 0 48px}
}