/*
Theme Name: Chef Fabrice — WORDPRESS FINAL
Author: Chef Fabrice
Description: V4.5 — base V4.4 validee + boutons et navigation configurables, sans modification visuelle du MASTER.
Version: 3.5-premium-responsive
*/
*{box-sizing:border-box}
html,body{margin:0;background:#111}
body{overflow-x:hidden}
.cf-wrap{width:100%;display:flex;justify-content:center;overflow:hidden}
.cf-stage{position:relative;width:1627px;height:916px;flex:0 0 1627px;transform-origin:top left}
.cf-master{position:absolute;inset:0;width:1627px;height:916px;display:block}
/* V4.1 : calage fin de la seule zone neutralisee — le titre d'origine. */
.v40-title-zone{position:absolute;z-index:2;left:38px;top:166px;width:535px;height:66px;background:#f7f1e9}
#cf-v40-title{position:absolute;z-index:3;left:48px;top:166px;width:515px;height:66px;margin:0;overflow:hidden;color:#111;font-family:Georgia,"Times New Roman",serif;font-size:56px;font-weight:700;line-height:1.08;letter-spacing:-1.2px;white-space:nowrap;display:flex;align-items:center}
@media(max-width:1627px){
 .cf-wrap{height:calc(916px * (100vw / 1627));justify-content:flex-start}
 .cf-stage{transform:scale(calc(100vw / 1627))}
}
/* V4.2 — PILOTE BANDEAU A PROPOS. Les cadres du MASTER restent fixes. */
.cf-about-photo{position:absolute;z-index:4;top:820px;height:68px;overflow:hidden;border-radius:5px;background:transparent}
.cf-about-photo img{width:100%;height:100%;display:block;object-fit:cover;transform-origin:center center}
.cf-about-1{left:856px;width:95px}.cf-about-2{left:958px;width:94px}.cf-about-3{left:1058px;width:94px}
.cf-about-4{left:1158px;width:94px}.cf-about-5{left:1258px;width:94px}.cf-about-6{left:1358px;width:94px}.cf-about-7{left:1458px;width:92px}


/* V4.3 corrective — photos PRESTATIONS.
   Les cadres restent strictement fixes ; seule l'image intérieure change. */
.cf-prestation-photo{
  position:absolute;
  z-index:4;
  top:550px;
  height:126px;
  overflow:hidden;
  border-radius:10px 10px 0 0;
  background:transparent;
}
.cf-prestation-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transform-origin:center center;
}
.cf-prestation-1{left:42px;width:246px}
.cf-prestation-2{left:303px;width:217px}
.cf-prestation-3{left:537px;width:223px}
.cf-prestation-4{left:778px;width:223px}

/* Pictogrammes validés remis au-dessus des nouvelles images */
.cf-prestation-icon{
  position:absolute;
  z-index:6;
  width:56px;
  height:56px;
  display:block;
  pointer-events:none;
}
.cf-prestation-icon-1{left:50px;top:634px}
.cf-prestation-icon-2{left:312px;top:634px}
.cf-prestation-icon-3{left:547px;top:634px}
.cf-prestation-icon-4{left:788px;top:634px}


/* V4.4 — édition sécurisée des textes.
   Le MASTER reste la référence ; chaque ancien texte est masqué localement avant remplacement. */
.cf-mask,.cf-edit{position:absolute}
.cf-mask{z-index:7;pointer-events:none}
.cf-edit{z-index:8;overflow:hidden;white-space:pre-line;background:transparent}

/* Zone ivoire du haut */
.cf-mask-subtitle{left:43px;top:229px;width:360px;height:58px;background:#f7f1e9}
#cf-subtitle{
  left:48px;top:229px;width:350px;height:56px;
  color:#b27a2c;font-family:"Brush Script MT","Segoe Script",cursive;
  font-size:46px;line-height:1.02;display:flex;align-items:center
}
.cf-mask-intro{left:43px;top:307px;width:430px;height:72px;background:#f7f1e9}
#cf-intro{
  left:48px;top:311px;width:415px;height:64px;
  color:#111;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.42
}

/* Contact */
.cf-mask-contact{left:1340px;top:53px;width:176px;height:78px;background:#fffaf6;border-radius:4px}
#cf-contact-text{
  left:1348px;top:56px;width:160px;height:72px;
  color:#111;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.42
}

/* Médaillon */
.cf-mask-promise{left:1427px;top:247px;width:160px;height:122px;background:#0d0d0d;border-radius:7px}
#cf-promise{
  left:1435px;top:252px;width:145px;height:112px;
  color:#fff;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.28;
  display:flex;align-items:center;justify-content:center
}

/* Cartes PRESTATIONS — uniquement zone texte sous les photos */
.cf-mask-card{top:678px;height:104px;background:#f7f1eb;border-radius:0 0 9px 9px}
.cf-mask-card-1{left:42px;width:246px}.cf-mask-card-2{left:303px;width:217px}.cf-mask-card-3{left:537px;width:223px}.cf-mask-card-4{left:778px;width:223px}
.cf-card-title{top:688px;height:25px;color:#111;font:700 14px/1.15 Arial,Helvetica,sans-serif}
.cf-card-text{top:716px;height:58px;color:#111;font:11px/1.42 Arial,Helvetica,sans-serif}
.cf-card-title-1,.cf-card-text-1{left:56px;width:218px}
.cf-card-title-2,.cf-card-text-2{left:318px;width:188px}
.cf-card-title-3,.cf-card-text-3{left:552px;width:194px}
.cf-card-title-4,.cf-card-text-4{left:793px;width:194px}

/* Témoignage */
.cf-mask-testimonial{left:1097px;top:574px;width:255px;height:205px;background:#f7f1eb;border-radius:10px}
#cf-testimonial{
  left:1120px;top:598px;width:210px;height:92px;
  color:#111;text-align:center;font:11px/1.48 Arial,Helvetica,sans-serif
}
#cf-testimonial-author{
  left:1150px;top:699px;width:150px;height:20px;
  color:#111;text-align:center;font:700 10px/1.2 Arial,Helvetica,sans-serif
}

/* Cours */
.cf-mask-course{left:1372px;top:574px;width:216px;height:205px;background:#f7f1eb;border-radius:10px}
#cf-course-title{
  left:1399px;top:609px;width:165px;height:50px;
  color:#111;text-align:center;font:700 15px/1.24 Georgia,"Times New Roman",serif
}
#cf-course-text{
  left:1401px;top:666px;width:160px;height:65px;
  color:#111;text-align:center;font:10px/1.42 Arial,Helvetica,sans-serif
}

/* Légendes du bandeau À PROPOS */
.cf-mask-about-label{top:891px;height:19px;background:#111}
.cf-about-label{top:892px;height:17px;color:#fff;text-align:center;font:8px/1.15 Arial,Helvetica,sans-serif;white-space:nowrap}
.cf-mask-about-label-1,.cf-about-label-1{left:852px;width:102px}
.cf-mask-about-label-2,.cf-about-label-2{left:954px;width:102px}
.cf-mask-about-label-3,.cf-about-label-3{left:1054px;width:102px}
.cf-mask-about-label-4,.cf-about-label-4{left:1154px;width:102px}
.cf-mask-about-label-5,.cf-about-label-5{left:1254px;width:102px}
.cf-mask-about-label-6,.cf-about-label-6{left:1354px;width:102px}
.cf-mask-about-label-7,.cf-about-label-7{left:1454px;width:100px}

/* V4.5 — Boutons & navigation. Zones cliquables transparentes : aucun changement visuel. */
.cf-hotspot{position:absolute;z-index:20;display:block;background:transparent;text-decoration:none}
.cf-hotspot:focus-visible{outline:3px solid #b77b2b;outline-offset:2px}
.cf-hotspot-prestations{left:43px;top:462px;width:215px;height:42px}
.cf-hotspot-contact{left:1338px;top:48px;width:185px;height:91px}
.cf-hotspot-testimonials{left:1218px;top:735px;width:190px;height:34px}
.cf-hotspot-courses{left:1444px;top:735px;width:160px;height:34px}


/* Si une image de prestation 4 est sélectionnée, garder le même logo final au-dessus. */
.cf-prestation-icon-4{
  display:none !important;
}


/* Quand aucune photo personnalisée n'est sélectionnée, ce conteneur est transparent
   et sert uniquement d'ancre au logo corrigé. */
.cf-prestation-master-anchor{
  background:transparent !important;
  pointer-events:none;
}

/* Cache local du badge "couverts" de la carte 4. */
.cf-products-season-local-mask{
  position:absolute;
  z-index:20;
  left:0px;
  bottom:-1px;
  width:58px;
  height:58px;
  border-radius:50%;
  background:#f7f1eb;
  display:block;
  pointer-events:none;
}

/* Panier validé, attaché directement à la carte 4. */
.cf-products-season-local-icon{
  position:absolute;
  z-index:21;
  left:1px;
  bottom:0px;
  width:56px;
  height:56px;
  display:block;
  pointer-events:none;
}

/* L'ancien icon 4 n'est jamais affiché. */
.cf-prestation-icon-4{
  display:none !important;
}


/* V4.5 corrective 6 — pictogramme PRODUITS DE SAISON totalement isolé.
   Le pictogramme n'est plus une <img>, donc il ne peut pas hériter des règles
   de zoom/cadrage des photos de prestation. */

/* Carte 4 = repère local */
.cf-prestation-4{
  position:absolute;
}

/* Ancre transparente si aucune photo personnalisée n'est sélectionnée */
.cf-prestation-master-anchor{
  background:transparent !important;
  pointer-events:none;
}

/* Masque circulaire qui couvre seulement l'ancien logo "couverts" du MASTER */
.cf-products-season-local-mask{
  position:absolute !important;
  z-index:40 !important;
  left:0 !important;
  bottom:-1px !important;
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  max-width:58px !important;
  min-height:58px !important;
  max-height:58px !important;
  border-radius:50% !important;
  background:#f7f1eb !important;
  display:block !important;
  transform:none !important;
  pointer-events:none !important;
}

/* Panier validé — taille verrouillée 56x56, sans héritage image */
.cf-products-season-local-icon{
  position:absolute !important;
  z-index:41 !important;
  left:1px !important;
  bottom:0 !important;
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  max-width:56px !important;
  min-height:56px !important;
  max-height:56px !important;
  display:block !important;
  background-image:url('assets/produits-saison-icon-final.png') !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:56px 56px !important;
  border-radius:50% !important;
  transform:none !important;
  scale:1 !important;
  zoom:1 !important;
  pointer-events:none !important;
}

/* L'ancien pictogramme 4 ne doit jamais réapparaître */
.cf-prestation-icon-4{
  display:none !important;
}

/* V4.5 Corrective 6 — validation finale :
   harmonisation du cercle PRODUITS DE SAISON avec les 3 autres cartes. */
.cf-products-season-local-mask{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  max-width:48px !important;
  min-height:48px !important;
  max-height:48px !important;
  left:4px !important;
  bottom:4px !important;
}
.cf-products-season-local-icon{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  max-width:46px !important;
  min-height:46px !important;
  max-height:46px !important;
  left:5px !important;
  bottom:5px !important;
  background-size:46px 46px !important;
}

/* V4.5 Corrective 6 — DERNIER TEST AVANT VERROUILLAGE
   Micro-ajustement exclusif du badge PRODUITS DE SAISON. */
.cf-products-season-local-mask{
  width:43px !important;
  height:43px !important;
  min-width:43px !important;
  max-width:43px !important;
  min-height:43px !important;
  max-height:43px !important;
  left:6px !important;
  bottom:6px !important;
}
.cf-products-season-local-icon{
  width:41px !important;
  height:41px !important;
  min-width:41px !important;
  max-width:41px !important;
  min-height:41px !important;
  max-height:41px !important;
  left:7px !important;
  bottom:7px !important;
  background-size:41px 41px !important;
}


/* ==========================================================
   V4.6 CORRECTIVE 2 — BADGE UNIQUE PRODUITS DE SAISON
   Base : V4.5 Corrective 6 validée.
   Un seul élément autonome remplace masque + ancien pictogramme + panier.
   ========================================================== */
.cf-products-season-local-mask,
.cf-products-season-local-icon,
.cf-prestation-icon-4{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}

/* Le conteneur carte 4 reste le repère local validé */
.cf-prestation-4{
  position:absolute;
}

/* Badge unique : cercle + panier dans un seul élément.
   Taille calée sur le dernier test V4.5 validé. */
.cf-products-season-single-badge{
  position:absolute !important;
  z-index:80 !important;
  left:6px !important;
  bottom:6px !important;
  width:43px !important;
  height:43px !important;
  min-width:43px !important;
  max-width:43px !important;
  min-height:43px !important;
  max-height:43px !important;
  display:block !important;
  box-sizing:border-box !important;
  border-radius:50% !important;
  background-color:#f7f1eb !important;
  background-image:url('assets/produits-saison-icon-final.png') !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:41px 41px !important;
  transform:none !important;
  scale:1 !important;
  zoom:1 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}


/* V4.6 Corrective 3
   L'ancien pictogramme couverts a été retiré directement du MASTER
   uniquement dans la zone du badge Produits de saison.
   Le badge autonome validé reste affiché par-dessus. */


/* ==========================================================
   V4.6 FINAL TEST — POSITION BADGE PRODUITS DE SAISON
   Badge sorti du cadre photo pour permettre le chevauchement
   photo/zone texte comme les 3 pictogrammes validés.
   Centre aligné sur les autres badges :
   carte 4 left 778 + 38 = x816 ; centre vertical y662.
   ========================================================== */
.cf-products-season-single-badge{
  position:absolute !important;
  z-index:80 !important;
  left:794px !important;
  top:641px !important;
  bottom:auto !important;
  width:43px !important;
  height:43px !important;
  min-width:43px !important;
  max-width:43px !important;
  min-height:43px !important;
  max-height:43px !important;
  display:block !important;
  border-radius:50% !important;
  background-color:#f7f1eb !important;
  background-image:url('assets/produits-saison-icon-final.png') !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:41px 41px !important;
  pointer-events:none !important;
}


/* ==========================================================
   V4.8 — NAVIGATION & LIENS
   Zones transparentes : aucun changement visuel.
   ========================================================== */

/* Bandeau À PROPOS : clic sur la zone noire / titre du bandeau */
.cf-hotspot-about{
  left:1053px;
  top:806px;
  width:515px;
  height:103px;
}

/* Sélecteur FR / EN en haut à droite */
.cf-hotspot-fr{
  left:1540px;
  top:45px;
  width:74px;
  height:36px;
}
.cf-hotspot-en{
  left:1540px;
  top:86px;
  width:74px;
  height:36px;
}

/* Ancres de défilement internes */
.cf-anchor{
  position:absolute;
  width:1px;
  height:1px;
  pointer-events:none;
  scroll-margin-top:18px;
}
.cf-anchor-contact{left:1338px;top:30px}
.cf-anchor-prestations{left:40px;top:530px}
.cf-anchor-testimonials{left:1097px;top:560px}
.cf-anchor-courses{left:1372px;top:560px}
.cf-anchor-about{left:1053px;top:800px}

/* Curseur explicite sur toutes les zones cliquables */
.cf-hotspot{cursor:pointer}


/* ==========================================================
   V4.9 FINAL DESKTOP
   Base visuelle V4.8 verrouillée.
   Aucun CSS tablette/mobile expérimental ajouté.
   ========================================================== */


/* ==========================================================
   V4.10 DESKTOP — CONTACT
   Aucun changement graphique par rapport à V4.9 FINAL.
   ========================================================== */


/* ==========================================================
   V4.10 CORRECTIVE 1 — FORMULAIRE CONTACT
   Fenêtre modale Desktop. Le MASTER derrière reste inchangé.
   ========================================================== */
.cf-contact-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:30px;
}
.cf-contact-modal:target{display:flex}
.cf-contact-backdrop{
  position:absolute;
  inset:0;
  background:rgba(11,11,11,.72);
  backdrop-filter:blur(3px);
}
.cf-contact-dialog{
  position:relative;
  z-index:2;
  width:min(760px,92vw);
  max-height:90vh;
  overflow:auto;
  background:#f8f3ed;
  border-radius:16px;
  box-shadow:0 24px 70px rgba(0,0,0,.35);
  padding:34px 38px 36px;
  color:#111;
}
.cf-contact-close{
  position:absolute;
  right:18px;
  top:12px;
  color:#8e5e22;
  text-decoration:none;
  font:300 34px/1 Arial,sans-serif;
}
.cf-contact-heading{text-align:center;margin-bottom:22px}
.cf-contact-kicker{
  color:#b77929;
  font:700 13px/1 Arial,sans-serif;
  letter-spacing:1.5px;
  margin-bottom:8px;
}
.cf-contact-heading h2{
  margin:0 0 8px;
  font:700 34px/1.15 Georgia,"Times New Roman",serif;
}
.cf-contact-heading p{
  margin:0;
  font:14px/1.5 Arial,sans-serif;
}
.cf-contact-notice{
  margin:0 0 18px;
  padding:12px 14px;
  border-radius:8px;
  background:#efe1d1;
  font:13px/1.4 Arial,sans-serif;
}
.cf-contact-success{background:#e8efe4}
.cf-contact-form{font-family:Arial,Helvetica,sans-serif}
.cf-contact-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-bottom:16px;
}
.cf-contact-row-single{
  grid-template-columns:1fr;
  width:48%;
}
.cf-contact-form label{
  display:block;
  font-size:12px;
  font-weight:700;
  letter-spacing:.15px;
}
.cf-contact-form input,
.cf-contact-form textarea{
  width:100%;
  box-sizing:border-box;
  margin-top:7px;
  border:1px solid #d4c6b7;
  border-radius:7px;
  background:#fffdfb;
  padding:11px 12px;
  color:#111;
  font:14px/1.35 Arial,sans-serif;
  outline:none;
}
.cf-contact-form input:focus,
.cf-contact-form textarea:focus{
  border-color:#b77929;
  box-shadow:0 0 0 2px rgba(183,121,41,.12);
}
.cf-honeypot{
  position:absolute !important;
  left:-10000px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}
.cf-contact-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:20px;
}
.cf-contact-actions button{
  border:0;
  border-radius:8px;
  background:#b77929;
  color:#fff;
  cursor:pointer;
  padding:13px 18px;
  font:700 13px/1 Arial,sans-serif;
  letter-spacing:.2px;
}
.cf-contact-actions button span{
  margin-left:18px;
  font-size:20px;
  vertical-align:-1px;
}
.cf-contact-direct{
  display:flex;
  flex-direction:column;
  gap:4px;
  text-align:right;
  color:#5c5045;
  font:12px/1.35 Arial,sans-serif;
}

@media (max-width:767px){
  .cf-contact-dialog{padding:28px 20px}
  .cf-contact-row{grid-template-columns:1fr}
  .cf-contact-row-single{width:100%}
  .cf-contact-actions{align-items:stretch;flex-direction:column}
  .cf-contact-direct{text-align:left}
}


/* V4.10 Corrective 2 — ouverture Contact
   Aucun changement graphique, uniquement correction du clic. */


/* V4.10 Corrective 3 — ouverture JS directe */
.cf-contact-modal.cf-contact-is-open{display:flex !important}
body.cf-contact-lock{overflow:hidden}


/* ==========================================================
   V4.10 CORRECTIVE 4 — CONTACT DIRECT DANS L'ENCADRÉ
   Plus de fenêtre modale / JS nécessaire.
   ========================================================== */
.cf-contact-modal{display:none !important}

#cf-contact-text.cf-contact-direct-box{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  padding:6px 7px !important;
  box-sizing:border-box !important;
  text-align:center !important;
  line-height:1.18 !important;
}

.cf-contact-line-1{
  font-weight:700 !important;
  font-size:12px !important;
}

.cf-contact-line-2{
  font-size:10px !important;
}

.cf-contact-direct-email,
.cf-contact-direct-phone{
  color:#111 !important;
  text-decoration:none !important;
  font-weight:700 !important;
  font-size:9px !important;
  white-space:nowrap !important;
}

.cf-contact-direct-email:hover,
.cf-contact-direct-phone:hover{
  text-decoration:underline !important;
}

.cf-hotspot-contact{
  pointer-events:none !important;
}


/* ============================================================
   V4.12 — PAGE PRESTATIONS DESKTOP
   La page d'accueil du MASTER reste inchangée.
   ============================================================ */
.cfp-page{background:#f4ede5;color:#171411;font-family:Arial,sans-serif}
.cfp-page *{box-sizing:border-box}
.cfp-hero{min-height:430px;display:flex;align-items:center;padding:70px max(7vw,40px);background:linear-gradient(90deg,#f5eee6 0%,#f5eee6 62%,#e9ddd0 100%);border-bottom:1px solid #ddcdbd}
.cfp-hero-copy{max-width:850px}
.cfp-kicker,.cfp-heading>span,.cfp-contact span{font-size:13px;letter-spacing:2px;font-weight:700;color:#b57929}
.cfp-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:68px;line-height:1;margin:15px 0 20px}
.cfp-lead{font-family:Georgia,"Times New Roman",serif;font-size:23px;line-height:1.5;max-width:780px;color:#4a4038}
.cfp-btn{display:inline-block;margin-top:18px;padding:14px 22px;border-radius:7px;background:#b77929;color:white;text-decoration:none;font-weight:700}
.cfp-section,.cfp-occasions,.cfp-process{max-width:1380px;margin:auto;padding:75px 55px}
.cfp-heading{text-align:center;max-width:780px;margin:0 auto 42px}
.cfp-heading h2,.cfp-contact h2{font-family:Georgia,"Times New Roman",serif;font-size:42px;line-height:1.15;margin:10px 0 12px}
.cfp-heading p{font-size:17px;line-height:1.6;color:#5a5047}
.cfp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.cfp-card{background:#fbf7f2;border:1px solid #e3d7ca;border-radius:13px;padding:30px;min-height:260px;box-shadow:0 8px 25px rgba(62,42,22,.05)}
.cfp-card h3{font-family:Georgia,"Times New Roman",serif;font-size:22px;margin:12px 0}
.cfp-card p{font-size:14px;line-height:1.65;color:#51483f}
.cfp-icon{font-size:34px;color:#b77929}
.cfp-occasions{background:#eee2d6;max-width:none}
.cfp-occasion-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.cfp-occasion-grid div{text-align:center;background:#fbf7f2;padding:25px 12px;border-radius:10px;font-family:Georgia,"Times New Roman",serif;font-weight:700}
.cfp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.cfp-steps>div{border-top:2px solid #b77929;padding-top:20px}
.cfp-steps b{font-family:Georgia,"Times New Roman",serif;font-size:34px;color:#b77929}
.cfp-steps h3{font-family:Georgia,"Times New Roman",serif;font-size:21px;margin:10px 0}
.cfp-steps p{font-size:14px;line-height:1.55;color:#554b42}
.cfp-contact{max-width:1270px;margin:0 auto 80px;padding:45px 55px;background:#151310;color:white;border-radius:16px;display:flex;justify-content:space-between;gap:50px;align-items:center}
.cfp-contact>div:first-child{max-width:680px}
.cfp-contact p{line-height:1.6;color:#e7ddd2}
.cfp-contact-actions{display:flex;flex-direction:column;gap:12px;min-width:300px}
.cfp-contact-actions a{display:block;text-align:center;padding:14px 18px;border:1px solid #b77929;border-radius:8px;color:white;text-decoration:none;font-weight:700}
@media(max-width:1000px){.cfp-grid,.cfp-steps{grid-template-columns:repeat(2,1fr)}.cfp-occasion-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.cfp-hero{padding:45px 24px}.cfp-hero h1{font-size:46px}.cfp-section,.cfp-occasions,.cfp-process{padding:55px 24px}.cfp-grid,.cfp-steps,.cfp-occasion-grid{grid-template-columns:1fr}.cfp-contact{margin:0 18px 40px;padding:35px 24px;display:block}.cfp-contact-actions{min-width:0;margin-top:25px}}


/* V4.12 Corrective 1
   Correction fonctionnelle uniquement : le bouton PRESTATIONS de l'accueil
   pointe maintenant vers la vraie page WordPress publiée. */


/* ============================================================
   V4.13 — À PROPOS
   ============================================================ */
.cfa-page{background:#f4eadf;color:#17130f;min-height:100vh}
.cfa-inner{width:min(1180px,calc(100% - 64px));margin:0 auto}
.cfa-hero{padding:74px 0 70px;background:#efe3d6;border-bottom:1px solid rgba(95,63,32,.16)}
.cfa-kicker{font:700 13px/1.4 Arial,sans-serif;letter-spacing:.18em;color:#b9751e;margin-bottom:16px}
.cfa-page h1,.cfa-page h2,.cfa-page h3{font-family:Georgia,"Times New Roman",serif;color:#17130f}
.cfa-page h1{font-size:64px;line-height:1;margin:0 0 22px}
.cfa-lead{font:26px/1.45 Georgia,"Times New Roman",serif;max-width:900px;color:#4b3525;margin:0 0 34px}
.cfa-btn{display:inline-block;background:#bd7920;color:#fff!important;text-decoration:none!important;padding:14px 22px;border-radius:7px;font:700 15px Arial,sans-serif}
.cfa-section{padding:68px 0;background:#f7efe7}
.cfa-section.cfa-alt{background:#efe3d6}
.cfa-copy{max-width:940px}
.cfa-page h2{font-size:42px;line-height:1.15;margin:0 0 20px}
.cfa-copy p,.cfa-cta p{font:20px/1.65 Georgia,"Times New Roman",serif;color:#594231;margin:0}
.cfa-center{text-align:center}
.cfa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}
.cfa-grid article{background:#fbf6f0;border:1px solid #e2d1bf;border-radius:14px;padding:30px;min-height:210px}
.cfa-grid span{font:700 13px Arial,sans-serif;color:#bd7920}
.cfa-grid h3{font-size:28px;margin:14px 0 12px}
.cfa-grid p{font:16px/1.6 Arial,sans-serif;color:#5a4637}
.cfa-cta{padding:72px 0 82px;background:#17130f;color:#fff}
.cfa-cta h2{color:#fff}
.cfa-cta p{color:#eadfd4;margin:0 auto 28px;max-width:760px}
@media(max-width:800px){
 .cfa-inner{width:min(100% - 34px,1180px)}
 .cfa-page h1{font-size:46px}
 .cfa-lead{font-size:21px}
 .cfa-page h2{font-size:34px}
 .cfa-grid{grid-template-columns:1fr}
}


/* ==========================================================
   V4.13 CORRECTIVE 1 — À PROPOS CLIQUABLE
   Correction fonctionnelle uniquement.
   Le bandeau/carrousel À PROPOS de l'accueil ouvre la vraie page WordPress.
   ========================================================== */
.cf-hotspot-about-page{
  position:absolute;
  left:1053px;
  top:800px;
  width:520px;
  height:110px;
  z-index:90;
  display:block;
  background:transparent;
  cursor:pointer;
}


/* ==========================================================
   V4.14 — COURS ET FORMATIONS CLIQUABLE
   Ajout fonctionnel uniquement sur l'accueil validé.
   Zone de la vignette "Envie d'apprendre..." -> vraie page WordPress.
   ========================================================== */
.cf-hotspot-courses{
  position:absolute;
  left:1475px;
  top:535px;
  width:250px;
  height:205px;
  z-index:91;
  display:block;
  background:transparent;
  cursor:pointer;
}

.cf-inner-page{background:#f5ecdf;color:#201710;min-height:100vh}
.cf-inner-wrap{max-width:1180px;margin:0 auto;padding:0 42px}
.cf-inner-hero{padding:72px 0 70px;background:#efe2d1;border-bottom:1px solid #decdb8}
.cf-inner-eyebrow{font:600 13px/1.3 Arial,sans-serif;letter-spacing:3px;color:#b96f12;margin-bottom:16px}
.cf-inner-page h1,.cf-inner-page h2,.cf-inner-page h3{font-family:Georgia,serif;color:#17100b}
.cf-inner-page h1{font-size:64px;line-height:1;margin:0 0 22px}
.cf-inner-lead{font:26px/1.45 Georgia,serif;max-width:950px;margin:0 0 34px;color:#56351f}
.cf-inner-button{display:inline-block;background:#bd7519;color:#fff;text-decoration:none;font:bold 16px Arial,sans-serif;padding:14px 20px;border-radius:7px}
.cf-inner-content{padding:70px 0}
.cf-inner-centered{text-align:center}
.cf-inner-content h2,.cf-inner-cta h2{font-size:42px;margin:10px 0 14px}
.cf-inner-content p,.cf-inner-cta p{font:18px/1.6 Georgia,serif;color:#68462f}
.cf-inner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px;text-align:left}
.cf-inner-card{background:#fbf6ef;border:1px solid #dfcdb8;border-radius:12px;padding:30px}
.cf-inner-card h3{font-size:25px;margin:10px 0}
.cf-inner-icon{font-size:28px;color:#bd7519}
.cf-inner-cta{padding:62px 0 76px;background:#efe2d1;border-top:1px solid #decdb8}


/* ==========================================================
   V4.14 CORRECTIVE 1 — COURS CLIQUABLE
   Correction fonctionnelle : le hotspot existant pointe désormais
   vers la vraie page WordPress /cours-et-formations/.
   ========================================================== */
.cf-hotspot-courses{
  left:1444px !important;
  top:735px !important;
  width:160px !important;
  height:34px !important;
  z-index:150 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}


/* ==========================================================
   V4.14 CORRECTIVE 2 — COURS : ZONE CLIQUABLE COMPLÈTE
   La zone reprend exactement les dimensions de .cf-mask-course.
   ========================================================== */
.cf-hotspot-courses{
  position:absolute !important;
  left:1372px !important;
  top:574px !important;
  width:216px !important;
  height:205px !important;
  z-index:9999 !important;
  display:block !important;
  background:rgba(0,0,0,0) !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}


/* V4.14 Corrective 3
   Aucun changement visuel de l'accueil.
   La vraie page WordPress /cours-et-formations/ utilise désormais
   le template Chef Fabrice dédié. */


/* ==========================================================
   V4.14 CORRECTIVE 4 — LIEN NATIF WORDPRESS
   IMPORTANT :
   - suppression du fallback JavaScript qui quittait la prévisualisation du thème ;
   - la carte Cours est maintenant uniquement un lien <a> natif ;
   - le Customizer peut ainsi conserver le thème prévisualisé lors de la navigation.
   ========================================================== */
.cf-hotspot-courses{
  position:absolute !important;
  left:1372px !important;
  top:574px !important;
  width:216px !important;
  height:205px !important;
  z-index:9999 !important;
  display:block !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  background:transparent !important;
}


/* ==========================================================
   V4.15 — TÉMOIGNAGES : LIEN NATIF WORDPRESS
   Aucun changement visuel du MASTER Desktop verrouillé.
   Toute la carte témoignage ouvre la vraie page /temoignages/.
   ========================================================== */
.cf-hotspot-testimonials{
  position:absolute !important;
  left:1097px !important;
  top:574px !important;
  width:255px !important;
  height:205px !important;
  z-index:9999 !important;
  display:block !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  background:transparent !important;
}
.cf-testimonial-card h3{font-size:18px;margin-top:20px}
.cf-testimonial-card p{font-style:italic}

/* V4.16 : navigation Desktop auditée et centralisée — aucun changement visuel. */


/* ==========================================================
   V4.17 — CONTACT MODIFIABLE
   Aucun changement visuel : mêmes dimensions, typographies et position.
   ========================================================== */

/* V4.18 — contrôle final Desktop. Aucun changement graphique. */


/* ==========================================================
   CHEF FABRICE — MOBILE V3
   Vraie structure mobile indépendante dans le même thème WP.
   Desktop V4.18 reste intact.
   ========================================================== */

.cf-mobile-v3{display:none;}

@media (max-width:1024px){
  html,body{
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    background:#f3ece3!important;
  }

  /* Cache intégralement la matrice Desktop sur mobile/tablette. */
  .cf-stage-wrap,
  .cf-stage{
    display:none!important;
  }

  .cf-mobile-v3{
    display:block!important;
    width:100%!important;
    max-width:760px!important;
    margin:0 auto!important;
    padding:0 18px 28px!important;
    box-sizing:border-box!important;
    background:#f3ece3!important;
    color:#17120f!important;
    font-family:Arial,Helvetica,sans-serif!important;
  }

  .cfm-header{
    padding:26px 0 14px!important;
    text-align:center!important;
  }

  .cfm-brand{
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:25px!important;
    line-height:1!important;
    margin-bottom:28px!important;
  }
  .cfm-brand strong{
    display:block!important;
    font-size:43px!important;
    letter-spacing:.04em!important;
  }
  .cfm-brand span{
    display:block!important;
    margin-top:7px!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:11px!important;
    font-weight:700!important;
    letter-spacing:.06em!important;
  }

  .cfm-header h1{
    margin:0!important;
    text-align:left!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:clamp(48px,13vw,76px)!important;
    line-height:.92!important;
    font-weight:700!important;
    letter-spacing:-.03em!important;
  }
  .cfm-header h1 em{
    display:block!important;
    margin-top:8px!important;
    font-family:cursive!important;
    font-size:.72em!important;
    line-height:1!important;
    font-weight:400!important;
    color:#b57727!important;
  }
  .cfm-intro{
    margin:24px 0 0!important;
    text-align:left!important;
    font-size:18px!important;
    line-height:1.5!important;
  }

  .cfm-contact{
    margin:18px 0 22px!important;
    padding:18px!important;
    background:#211f1b!important;
    color:#fff!important;
    text-align:center!important;
  }
  .cfm-contact-title{
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:24px!important;
    font-weight:700!important;
  }
  .cfm-contact-sub{margin:5px 0 10px!important;}
  .cfm-contact a{
    display:block!important;
    color:#fff!important;
    text-decoration:none!important;
    font-weight:700!important;
    margin-top:5px!important;
    overflow-wrap:anywhere!important;
  }

  .cfm-pillars{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    margin:0 0 22px!important;
  }
  .cfm-pillar{
    padding:18px 13px!important;
    background:#efe5da!important;
    border:1px solid rgba(132,92,48,.15)!important;
    min-height:132px!important;
    box-sizing:border-box!important;
  }
  .cfm-pillar h2{
    margin:0 0 8px!important;
    font-size:16px!important;
    line-height:1.15!important;
    text-transform:uppercase!important;
  }
  .cfm-pillar p{
    margin:0!important;
    font-size:14px!important;
    line-height:1.35!important;
  }

  .cfm-nav{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    margin:0 0 22px!important;
  }
  .cfm-nav a{
    display:block!important;
    padding:16px 18px!important;
    background:#b57727!important;
    color:#fff!important;
    text-decoration:none!important;
    text-transform:uppercase!important;
    text-align:center!important;
    font-weight:700!important;
    letter-spacing:.04em!important;
  }

  .cfm-highlight{
    margin:0 0 22px!important;
    padding:28px 20px!important;
    background:#2a2723!important;
    color:#fff!important;
    text-align:center!important;
  }
  .cfm-highlight p{
    margin:0!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:28px!important;
    line-height:1.15!important;
  }

  .cfm-footer{
    padding:8px 0 0!important;
    text-align:center!important;
    font-size:13px!important;
  }
  .cfm-footer strong{
    display:block!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:22px!important;
  }
  .cfm-footer span{display:block!important;margin-top:4px!important;}
}

@media (max-width:420px){
  .cf-mobile-v3{padding-left:14px!important;padding-right:14px!important;}
  .cfm-pillars{grid-template-columns:1fr 1fr!important;}
  .cfm-pillar{padding:15px 10px!important;}
}


/* ==========================================================
   MOBILE V3.1 — corrections visuelles
   ========================================================== */
@media (max-width:1024px){
  .cfm-header h1{
    font-size:clamp(40px,11vw,64px)!important;
    line-height:.95!important;
    letter-spacing:-.035em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  .cfm-header h1 em{
    font-size:.70em!important;
    margin-top:6px!important;
  }

  .cfm-brand{
    font-size:23px!important;
    margin-bottom:22px!important;
  }

  .cfm-brand strong{
    font-size:39px!important;
  }

  .cfm-brand span{
    font-size:10px!important;
    letter-spacing:.045em!important;
  }

  .cfm-hero-photo{
    margin:20px 0 22px!important;
    width:100%!important;
    overflow:hidden!important;
    border-radius:0!important;
  }

  .cfm-hero-photo img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:420px!important;
    object-fit:cover!important;
  }

  .cfm-contact{
    padding:17px 14px!important;
  }

  .cfm-contact a{
    font-size:15px!important;
    line-height:1.25!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }

  .cfm-contact a[href^="mailto:"]{
    font-size:14px!important;
  }
}

@media (max-width:420px){
  .cfm-header h1{
    font-size:clamp(38px,10.4vw,52px)!important;
  }

  .cfm-header h1 em{
    font-size:.72em!important;
  }

  .cfm-contact-title{
    font-size:22px!important;
  }

  .cfm-contact-sub{
    font-size:15px!important;
  }

  .cfm-contact a{
    font-size:14px!important;
  }
}

@media(max-width:1024px){
 .cfm-hero-photo:empty,.cfm-photos:empty{display:none!important;margin:0!important}
 .cfm-hero-photo{margin:18px 0 20px!important}
 .cfm-hero-photo img{width:100%!important;height:auto!important;max-height:440px!important;object-fit:cover!important;display:block!important}
 .cfm-photos{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0 0 22px!important}
 .cfm-photos figure{margin:0!important;overflow:hidden!important;aspect-ratio:4/3!important}
 .cfm-photos img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
}

/* MOBILE V3.3 — photos raccordées aux contrôles Media du Desktop */
@media(max-width:1024px){
  .cfm-hero-photo:empty,
  .cfm-photos:empty{
    display:none!important;
    margin:0!important;
    padding:0!important;
  }

  .cfm-hero-photo{
    margin:18px 0 22px!important;
  }

  .cfm-hero-photo img{
    width:100%!important;
    height:auto!important;
    max-height:430px!important;
    object-fit:cover!important;
    display:block!important;
  }

  .cfm-photos{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin:0 0 22px!important;
  }

  .cfm-photos figure{
    margin:0!important;
    aspect-ratio:4/3!important;
    overflow:hidden!important;
    background:#e9ded2!important;
  }

  .cfm-photos img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
  }
}


/* MOBILE V3.4 — photos partagées WordPress */
@media(max-width:1024px){
  .cfm-hero-photo:empty,
  .cfm-photos:empty{
    display:none!important;
    margin:0!important;
    padding:0!important;
  }
}

/* Mobile V3.5: photos synchronisees avec V4.18. */


/* MOBILE V3.6 — vraies photos du MASTER, avec priorité aux médias WordPress sauvegardés */
@media(max-width:1024px){
  .cfm-hero-photo{
    display:block!important;
    margin:20px 0 22px!important;
    overflow:hidden!important;
  }
  .cfm-hero-photo img{
    display:block!important;
    width:100%!important;
    height:230px!important;
    object-fit:cover!important;
    object-position:center center!important;
  }

  .cfm-photos{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin:0 0 22px!important;
  }
  .cfm-photos figure{
    display:block!important;
    margin:0!important;
    aspect-ratio:4/3!important;
    overflow:hidden!important;
  }
  .cfm-photos img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
}


/* ==========================================================
   MOBILE V3.6 VERSION 2
   Base exacte : V3.6 fournie par l'utilisateur.
   Corrections ciblées : pictogrammes propres + photos alignées.
   ========================================================== */
@media (max-width:1024px){

  /* 4 blocs parfaitement alignés */
  .cfm-pillars{
    align-items:stretch!important;
  }

  .cfm-pillar{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    min-height:238px!important;
    padding:16px 12px!important;
    box-sizing:border-box!important;
  }

  /* Pictogrammes PNG propres déjà présents dans la V3.6 */
  .cfm-pillar-icon{
    display:block!important;
    width:56px!important;
    height:56px!important;
    object-fit:contain!important;
    margin:0 auto 10px!important;
    flex:0 0 56px!important;
  }

  .cfm-pillar h2{
    width:100%!important;
    min-height:38px!important;
    margin:0 0 8px!important;
    text-align:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .cfm-pillar p{
    width:100%!important;
    margin:0!important;
    text-align:left!important;
  }

  /* Galerie : deux colonnes strictement identiques */
  .cfm-photos{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    align-items:stretch!important;
  }

  .cfm-photos .cfm-photo{
    width:100%!important;
    margin:0!important;
    aspect-ratio:4 / 3!important;
    overflow:hidden!important;
    background:#eadfd3!important;
  }

  .cfm-photos .cfm-photo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }

  /* La dernière photo seule reste alignée à gauche à la largeur d'une colonne. */
  .cfm-photos .cfm-photo:last-child:nth-child(odd){
    grid-column:1 / 2!important;
  }
}

@media (max-width:420px){
  .cfm-pillar{
    min-height:230px!important;
    padding:14px 10px!important;
  }
  .cfm-pillar-icon{
    width:52px!important;
    height:52px!important;
    flex-basis:52px!important;
  }
}


/* ============================================================
   MOBILE OPTION 1 — FIDÉLITÉ VISUELLE
   Le Desktop reste V4.18. Le mobile est une composition autonome,
   stable, inspirée directement du MASTER. Pictogrammes retirés.
   ============================================================ */
.cf-mobile-option1{display:none;}

@media (max-width:1024px){
  .cf-mobile-v3{display:none!important;}
  .cf-stage-wrap,.cf-stage{display:none!important;}

  html,body{
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    background:#eee4d8!important;
  }

  .cf-mobile-option1{
    display:block!important;
    width:100%!important;
    background:#eee4d8!important;
    color:#17130f!important;
  }

  .mo1-sheet{
    width:min(100%, 430px)!important;
    margin:0 auto!important;
    background:#f2e9df!important;
    box-shadow:0 0 26px rgba(0,0,0,.07)!important;
    overflow:hidden!important;
    font-family:Arial,Helvetica,sans-serif!important;
  }

  .mo1-brand{
    padding:24px 22px 18px!important;
    text-align:center!important;
    background:#f2e9df!important;
  }
  .mo1-chef{
    font:italic 22px/1 Georgia,'Times New Roman',serif!important;
  }
  .mo1-name{
    margin-top:-1px!important;
    font:700 44px/.95 Georgia,'Times New Roman',serif!important;
    letter-spacing:.035em!important;
  }
  .mo1-role{
    margin-top:7px!important;
    font-size:10px!important;
    line-height:1.15!important;
    font-weight:700!important;
    letter-spacing:.12em!important;
  }

  .mo1-hero-copy{
    padding:15px 24px 24px!important;
  }
  .mo1-hero-copy h1{
    margin:0!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:47px!important;
    line-height:.88!important;
    letter-spacing:-.045em!important;
    font-weight:700!important;
  }
  .mo1-hero-copy h1 span,
  .mo1-hero-copy h1 em{
    display:block!important;
  }
  .mo1-hero-copy h1 em{
    margin-top:9px!important;
    color:#b77b2e!important;
    font-family:"Brush Script MT","Segoe Script",cursive!important;
    font-size:40px!important;
    line-height:1!important;
    font-weight:400!important;
    letter-spacing:0!important;
  }
  .mo1-hero-copy p{
    margin:20px 0 0!important;
    max-width:350px!important;
    font-size:16px!important;
    line-height:1.48!important;
  }

  .mo1-hero-image{
    margin:0!important;
    height:235px!important;
    overflow:hidden!important;
    background:#d7c6b4!important;
  }
  .mo1-hero-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }

  .mo1-contact{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:18px 22px!important;
    background:#25211d!important;
    color:#fff!important;
    text-align:center!important;
  }
  .mo1-contact strong{
    display:block!important;
    font:700 22px/1.1 Georgia,'Times New Roman',serif!important;
  }
  .mo1-contact span{
    display:block!important;
    margin-top:5px!important;
    font-size:14px!important;
  }
  .mo1-contact-links a{
    display:block!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:14px!important;
    line-height:1.55!important;
    overflow-wrap:anywhere!important;
  }

  .mo1-services{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:1px!important;
    padding:0!important;
    background:#cfbda9!important;
  }
  .mo1-service-card{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    background:#f2e9df!important;
  }
  .mo1-service-card figure{
    margin:0!important;
    height:128px!important;
    overflow:hidden!important;
    background:#d9c9b9!important;
  }
  .mo1-service-card img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .mo1-service-copy{
    flex:1!important;
    min-height:145px!important;
    padding:14px 13px 16px!important;
    box-sizing:border-box!important;
  }
  .mo1-service-copy h2{
    margin:0 0 9px!important;
    font-size:13px!important;
    line-height:1.15!important;
    text-transform:uppercase!important;
    letter-spacing:.025em!important;
  }
  .mo1-service-copy p{
    margin:0!important;
    font-size:13px!important;
    line-height:1.38!important;
  }

  .mo1-main-cta{
    display:block!important;
    margin:18px 22px!important;
    padding:13px 18px!important;
    background:#b77b2e!important;
    color:#fff!important;
    text-decoration:none!important;
    text-align:center!important;
    font-weight:700!important;
    font-size:13px!important;
    letter-spacing:.1em!important;
  }

  .mo1-about-block{
    background:#26231f!important;
    padding:18px 16px 20px!important;
    color:#fff!important;
  }
  .mo1-about-title{
    margin-bottom:13px!important;
    text-align:center!important;
    font:700 17px/1 Georgia,'Times New Roman',serif!important;
    letter-spacing:.08em!important;
  }
  .mo1-about-gallery{
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:5px!important;
  }
  .mo1-about-gallery figure{
    margin:0!important;
    aspect-ratio:1/1!important;
    overflow:hidden!important;
    background:#4b433b!important;
  }
  .mo1-about-gallery figure:nth-child(5),
  .mo1-about-gallery figure:nth-child(6),
  .mo1-about-gallery figure:nth-child(7){
    grid-column:auto!important;
  }
  .mo1-about-gallery img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
  }
  .mo1-about-link{
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    margin:15px auto 0!important;
    color:#dca64d!important;
    text-decoration:none!important;
    font-size:13px!important;
    font-weight:700!important;
  }

  .mo1-links{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    padding:18px 22px!important;
    background:#f2e9df!important;
  }
  .mo1-links a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:48px!important;
    padding:8px 10px!important;
    border:1px solid #b77b2e!important;
    color:#6e481b!important;
    text-decoration:none!important;
    text-align:center!important;
    font-size:12px!important;
    font-weight:700!important;
    text-transform:uppercase!important;
    line-height:1.15!important;
  }

  .mo1-final{
    padding:25px 28px!important;
    background:#2a2723!important;
    color:#fff!important;
    text-align:center!important;
  }
  .mo1-final p{
    margin:0!important;
    font:700 25px/1.2 Georgia,'Times New Roman',serif!important;
  }

  .mo1-footer{
    padding:17px 20px 22px!important;
    text-align:center!important;
    background:#f2e9df!important;
  }
  .mo1-footer strong{
    display:block!important;
    font:700 20px/1 Georgia,'Times New Roman',serif!important;
  }
  .mo1-footer span{
    display:block!important;
    margin-top:5px!important;
    font-size:12px!important;
  }
}

@media (max-width:360px){
  .mo1-hero-copy h1{font-size:42px!important;}
  .mo1-hero-copy h1 em{font-size:36px!important;}
  .mo1-service-copy{min-height:155px!important;padding:12px 10px 14px!important;}
  .mo1-service-copy h2{font-size:12px!important;}
  .mo1-service-copy p{font-size:12px!important;}
}


/* ============================================================
   V3 — CORRECTION PAGES INTERNES MOBILE UNIQUEMENT
   Accueil Option 1 V2 conservé sans modification.
   Corrige débordements / titres coupés / largeur viewport.
   ============================================================ */
@media (max-width:1024px){

  /* Pages internes WordPress : empêcher tout débordement horizontal */
  body:not(.home),
  body:not(.home) #page,
  body:not(.home) .site,
  body:not(.home) .site-content,
  body:not(.home) main,
  body:not(.home) article,
  body:not(.home) .entry-content{
    max-width:100%!important;
    width:100%!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }

  body:not(.home){
    margin:0!important;
    padding:0!important;
  }

  /* Conteneurs spécifiques des 4 pages internes */
  body:not(.home) [class*="cf-page"],
  body:not(.home) [class*="page-wrap"],
  body:not(.home) [class*="content-wrap"],
  body:not(.home) [class*="hero"],
  body:not(.home) [class*="inner"]{
    max-width:100%!important;
    width:100%!important;
    box-sizing:border-box!important;
  }

  /* Marges latérales sûres pour les contenus */
  body:not(.home) .entry-content,
  body:not(.home) .page-content,
  body:not(.home) .cf-page-content,
  body:not(.home) .cf-content{
    padding-left:20px!important;
    padding-right:20px!important;
  }

  /* Titres principaux : taille fluide et retour à la ligne propre */
  body:not(.home) h1,
  body:not(.home) .entry-title,
  body:not(.home) [class*="hero"] h1,
  body:not(.home) [class*="title"] h1{
    max-width:100%!important;
    width:auto!important;
    margin-left:0!important;
    margin-right:0!important;
    font-size:clamp(42px, 13vw, 72px)!important;
    line-height:.94!important;
    letter-spacing:-.045em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  /* Sous-titres / intertitres */
  body:not(.home) h2{
    max-width:100%!important;
    font-size:clamp(26px, 8vw, 44px)!important;
    line-height:1.05!important;
    overflow-wrap:break-word!important;
  }

  /* Paragraphes et liens toujours contenus dans le viewport */
  body:not(.home) p,
  body:not(.home) a,
  body:not(.home) li{
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow-wrap:anywhere!important;
  }

  /* Images et médias */
  body:not(.home) img,
  body:not(.home) figure,
  body:not(.home) video,
  body:not(.home) iframe{
    max-width:100%!important;
    height:auto!important;
  }

  /* Neutralise les largeurs desktop fixes éventuelles */
  body:not(.home) [style*="width:"],
  body:not(.home) [style*="min-width:"]{
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

@media (max-width:480px){
  body:not(.home) .entry-content,
  body:not(.home) .page-content,
  body:not(.home) .cf-page-content,
  body:not(.home) .cf-content{
    padding-left:16px!important;
    padding-right:16px!important;
  }

  body:not(.home) h1,
  body:not(.home) .entry-title,
  body:not(.home) [class*="hero"] h1{
    font-size:clamp(38px, 12.5vw, 58px)!important;
    line-height:.96!important;
  }
}


/* ============================================================
   V3.1 — TÉMOIGNAGES MOBILE
   Correction ciblée de la grille 3 colonnes desktop.
   ============================================================ */
@media (max-width:700px){
  .cf-testimonials-page .cf-inner-wrap{
    width:100%!important;
    max-width:100%!important;
    padding-left:20px!important;
    padding-right:20px!important;
    box-sizing:border-box!important;
  }

  .cf-testimonials-page .cf-inner-content{
    padding:48px 0!important;
  }

  .cf-testimonials-page .cf-inner-content h2{
    font-size:30px!important;
    line-height:1.08!important;
    margin:10px auto 26px!important;
    max-width:280px!important;
  }

  .cf-testimonials-page .cf-testimonials-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    width:100%!important;
    margin-top:26px!important;
  }

  .cf-testimonials-page .cf-testimonial-card{
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:24px 22px!important;
    box-sizing:border-box!important;
    text-align:left!important;
  }

  .cf-testimonials-page .cf-testimonial-card p{
    width:auto!important;
    max-width:none!important;
    margin:8px 0 0!important;
    font-size:16px!important;
    line-height:1.55!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  .cf-testimonials-page .cf-testimonial-card h3{
    margin:18px 0 0!important;
    font-size:18px!important;
    line-height:1.2!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  .cf-testimonials-page .cf-inner-icon{
    font-size:30px!important;
    line-height:1!important;
  }
}


/* ============================================================
   V3.2 — COURS & FORMATIONS MOBILE
   Les cartes desktop passent en une colonne sur téléphone.
   ============================================================ */
@media (max-width:700px){
  .cf-courses-page .cf-inner-wrap{
    width:100%!important;
    max-width:100%!important;
    padding-left:20px!important;
    padding-right:20px!important;
    box-sizing:border-box!important;
  }

  .cf-courses-page .cf-inner-content{
    padding:42px 0!important;
  }

  .cf-courses-page .cf-inner-content h2{
    max-width:285px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    font-size:30px!important;
    line-height:1.08!important;
    text-align:center!important;
  }

  .cf-courses-page .cf-inner-content > p{
    max-width:285px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    font-size:17px!important;
    line-height:1.55!important;
    text-align:center!important;
  }

  .cf-courses-page .cf-courses-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    width:100%!important;
    max-width:100%!important;
    margin-top:30px!important;
  }

  .cf-courses-page .cf-course-card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    padding:24px 22px!important;
    box-sizing:border-box!important;
  }

  .cf-courses-page .cf-course-card h3{
    max-width:100%!important;
    margin:12px 0 10px!important;
    font-size:25px!important;
    line-height:1.08!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  .cf-courses-page .cf-course-card p{
    max-width:100%!important;
    margin:0!important;
    font-size:16px!important;
    line-height:1.5!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
}


/* ============================================================
   V3.3 — À PROPOS MOBILE
   Correction ciblée du contenu qui conservait sa largeur desktop.
   ============================================================ */
@media (max-width:700px){
  .cf-about-page .cf-inner-wrap{
    width:100%!important;
    max-width:100%!important;
    padding-left:20px!important;
    padding-right:20px!important;
    box-sizing:border-box!important;
  }

  .cf-about-page .cf-inner-content{
    width:100%!important;
    max-width:100%!important;
    padding:42px 0!important;
    box-sizing:border-box!important;
  }

  .cf-about-page .cf-inner-eyebrow{
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    font-size:13px!important;
    line-height:1.25!important;
    letter-spacing:.18em!important;
  }

  .cf-about-page .cf-inner-content h2{
    width:100%!important;
    max-width:100%!important;
    margin:16px 0 20px!important;
    font-size:31px!important;
    line-height:1.04!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  .cf-about-page .cf-inner-lead,
  .cf-about-page .cf-inner-content p{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    font-size:17px!important;
    line-height:1.58!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  .cf-about-page .cf-inner-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    width:100%!important;
    max-width:100%!important;
  }

  .cf-about-page .cf-inner-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}


/* ============================================================
   V3.4 — À PROPOS MOBILE — CORRECTION RÉELLE
   Cible les classes natives cfa-* du template.
   ============================================================ */
@media (max-width:700px){
  .cfa-page{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }

  .cfa-inner{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding-left:22px!important;
    padding-right:22px!important;
    box-sizing:border-box!important;
  }

  .cfa-hero,
  .cfa-section{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  .cfa-hero{
    padding:42px 0 38px!important;
  }

  .cfa-section{
    padding:44px 0!important;
  }

  .cfa-kicker{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 14px!important;
    font-size:12px!important;
    line-height:1.3!important;
    letter-spacing:.18em!important;
  }

  .cfa-page h1{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 20px!important;
    font-size:35px!important;
    line-height:1.02!important;
    letter-spacing:-.025em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  .cfa-lead,
  .cfa-page p{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    font-size:17px!important;
    line-height:1.58!important;
    box-sizing:border-box!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  .cfa-page h2{
    width:100%!important;
    max-width:100%!important;
    font-size:31px!important;
    line-height:1.08!important;
    box-sizing:border-box!important;
  }

  .cfa-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    width:100%!important;
    max-width:100%!important;
  }

  .cfa-grid > *{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .cfa-copy{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

@media (max-width:390px){
  .cfa-inner{
    padding-left:18px!important;
    padding-right:18px!important;
  }

  .cfa-page h1{
    font-size:32px!important;
  }

  .cfa-lead,
  .cfa-page p{
    font-size:16px!important;
    line-height:1.55!important;
  }
}

/* TABLETTE V1 — base MASTER MOBILE V3.4 */
@media (min-width:701px) and (max-width:1024px){
 .mo1-sheet{width:min(92vw,820px)!important;max-width:820px!important}
 .mo1-brand{padding:30px 36px 22px!important}.mo1-name{font-size:52px!important}
 .mo1-hero-copy{padding:24px 42px 30px!important}
 .mo1-hero-copy h1{font-size:62px!important;line-height:.9!important}
 .mo1-hero-copy h1 em{font-size:50px!important}
 .mo1-hero-copy p{max-width:600px!important;font-size:18px!important;line-height:1.55!important}
 .mo1-hero-image{height:390px!important}
 .mo1-contact{grid-template-columns:1fr 1fr!important;align-items:center!important;padding:22px 38px!important;text-align:left!important}
 .mo1-contact-links{text-align:right!important}
 .mo1-services{grid-template-columns:1fr 1fr!important}
 .mo1-service-card figure{height:220px!important}
 .mo1-service-copy{min-height:150px!important;padding:20px 22px 22px!important}
 .mo1-service-copy h2{font-size:15px!important}.mo1-service-copy p{font-size:15px!important;line-height:1.48!important}
 .mo1-main-cta{margin:24px 38px!important;padding:15px 20px!important}
 .mo1-about-block{padding:25px 26px 28px!important}
 .mo1-about-gallery{grid-template-columns:repeat(4,1fr)!important;gap:8px!important}
 .mo1-links{padding:24px 38px!important;gap:14px!important}
 .mo1-links a{min-height:56px!important;font-size:13px!important}
 .mo1-final{padding:34px 50px!important}.mo1-final p{font-size:31px!important}

 .cf-inner-page,.cfa-page{width:min(92vw,820px)!important;max-width:820px!important;margin:auto!important;overflow-x:hidden!important;box-sizing:border-box!important}
 .cf-inner-wrap,.cfa-inner{width:100%!important;max-width:100%!important;padding-left:44px!important;padding-right:44px!important;box-sizing:border-box!important}
 .cf-inner-hero,.cfa-hero{padding-top:58px!important;padding-bottom:52px!important}
 .cf-inner-content,.cfa-section{padding-top:54px!important;padding-bottom:54px!important}
 .cf-inner-page h1,.cfa-page h1{max-width:100%!important;font-size:clamp(48px,7vw,66px)!important;line-height:.98!important}
 .cf-inner-page h2,.cfa-page h2{max-width:100%!important;font-size:clamp(34px,5vw,46px)!important;line-height:1.05!important}
 .cf-inner-lead,.cfa-lead,.cf-inner-page p,.cfa-page p{max-width:100%!important;font-size:18px!important;line-height:1.58!important;overflow-wrap:normal!important;word-break:normal!important}
 .cf-testimonials-page .cf-testimonials-grid,.cf-courses-page .cf-courses-grid,.cf-prestations-page .cf-inner-grid,.cfa-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;width:100%!important}
 .cf-testimonial-card,.cf-inner-card,.cfa-grid>*{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
 img,figure,video,iframe{max-width:100%!important}
}


/* ============================================================
   WORDPRESS FINAL V1.2 — CORRECTIVE DESKTOP UNIQUEMENT
   Suppression des rectangles de fond des overlays éditables.
   Aucun changement de dimensions / position / responsive.
   Tablette et Mobile inchangés.
   ============================================================ */
@media (min-width:1025px){

  /* Les textes superposés au MASTER doivent laisser apparaître
     directement le fond ivoire déjà présent dans MASTER-LOCKED.png. */
  .cf-stage .cf-edit,
  .cf-stage .cf-edit *,
  .cf-stage [contenteditable],
  .cf-stage [class*="overlay"],
  .cf-stage [class*="text-overlay"]{
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
  }
}


/* ============================================================
   V1.2 CORRECTIVE 2 — DESKTOP UNIQUEMENT
   Classes exactes identifiées dans front-page.php :
   .v40-title-zone / .cf-mask-subtitle / .cf-mask-intro

   IMPORTANT :
   Les masques restent opaques car les anciens textes sont intégrés
   dans MASTER-LOCKED.png. Leur couleur est maintenant raccordée
   au fond ivoire réel du MASTER, afin de supprimer l'effet
   "carrés blancs".
   ============================================================ */
@media (min-width:1025px){

  /* Titre : le fond MASTER reste ivoire jusqu'à env. x=500,
     puis se fond progressivement vers la photo. */
  .v40-title-zone{
    background:
      linear-gradient(
        90deg,
        rgb(234,225,218) 0%,
        rgb(234,225,218) 82%,
        rgb(229,219,212) 88%,
        rgb(205,194,186) 94%,
        rgb(174,166,159) 100%
      ) !important;
  }

  /* Sous-titre et introduction : zone du MASTER quasi uniforme. */
  .cf-mask-subtitle,
  .cf-mask-intro{
    background:rgb(234,225,218) !important;
    background-image:none !important;
  }
}


/* ============================================================
   V1.2 CORRECTIVE 3 — 3 MASQUES DESKTOP RESTANTS
   Contact / Témoignage / Cours
   Aucun changement de taille, position ou contenu.
   ============================================================ */
@media (min-width:1025px){
  .cf-mask-contact{
    background:rgb(239,232,226)!important;
    background-image:none!important;
  }
  .cf-mask-testimonial,
  .cf-mask-course{
    background:rgb(238,229,221)!important;
    background-image:none!important;
  }
}


/* ============================================================
   V1.2 CORRECTIVE 4 — FONDS PRÉLEVÉS DU MASTER
   Desktop uniquement. Les 3 masques utilisent désormais des
   textures générées à partir des pixels voisins de MASTER-LOCKED.png.
   ============================================================ */
@media (min-width:1025px){
  .cf-mask-contact{
    background-image:url('assets/desktop-mask-contact-master.png')!important;
    background-size:100% 100%!important;
    background-repeat:no-repeat!important;
    background-color:transparent!important;
  }
  .cf-mask-testimonial{
    background-image:url('assets/desktop-mask-testimonial-master.png')!important;
    background-size:100% 100%!important;
    background-repeat:no-repeat!important;
    background-color:transparent!important;
  }
  .cf-mask-course{
    background-image:url('assets/desktop-mask-course-master.png')!important;
    background-size:100% 100%!important;
    background-repeat:no-repeat!important;
    background-color:transparent!important;
  }
}


/* ============================================================
   V1.2 CORRECTIVE 5 — MASQUES TEXTE UNIQUEMENT
   Desktop >1024 px.
   Les cadres et pictogrammes du MASTER restent visibles.
   ============================================================ */
@media (min-width:1025px){

  /* CONTACT : conserver le cadre original ; masquer uniquement son ancien texte */
  .cf-mask-contact{
    left:1348px!important;
    top:58px!important;
    width:160px!important;
    height:68px!important;
    border-radius:0!important;
    background:#f7f1eb!important;
    background-image:none!important;
  }
  #cf-contact-text{
    left:1348px!important;
    top:58px!important;
    width:160px!important;
    height:68px!important;
  }

  /* TÉMOIGNAGE : conserver le guillemet/pictogramme et la carte du MASTER */
  .cf-mask-testimonial{
    left:1110px!important;
    top:596px!important;
    width:230px!important;
    height:130px!important;
    border-radius:0!important;
    background:#f3ebe4!important;
    background-image:none!important;
  }
  #cf-testimonial{
    left:1120px!important;
    top:598px!important;
    width:210px!important;
    height:92px!important;
  }
  #cf-testimonial-author{
    left:1150px!important;
    top:699px!important;
    width:150px!important;
    height:20px!important;
  }

  /* COURS : conserver le pictogramme toque et la carte du MASTER */
  .cf-mask-course{
    left:1388px!important;
    top:603px!important;
    width:184px!important;
    height:136px!important;
    border-radius:0!important;
    background:#f3ebe4!important;
    background-image:none!important;
  }
  #cf-course-title{
    left:1399px!important;
    top:609px!important;
    width:165px!important;
    height:50px!important;
  }
  #cf-course-text{
    left:1401px!important;
    top:666px!important;
    width:160px!important;
    height:65px!important;
  }
}


/* ============================================================
   V1.2 CORRECTIVE 6 — PICTOGRAMMES ENTIÈREMENT DÉGAGÉS
   Desktop uniquement (>1024 px)
   ============================================================ */
@media (min-width:1025px){

  /* Témoignage : le masque commence sous les guillemets dorés */
  .cf-mask-testimonial{
    left:1110px!important;
    top:620px!important;
    width:230px!important;
    height:106px!important;
    border-radius:0!important;
    background:#f3ebe4!important;
    background-image:none!important;
  }
  #cf-testimonial{
    left:1120px!important;
    top:622px!important;
    width:210px!important;
    height:72px!important;
  }
  #cf-testimonial-author{
    left:1150px!important;
    top:700px!important;
    width:150px!important;
    height:20px!important;
  }

  /* Cours : le masque commence sous la toque dorée */
  .cf-mask-course{
    left:1388px!important;
    top:625px!important;
    width:184px!important;
    height:114px!important;
    border-radius:0!important;
    background:#f3ebe4!important;
    background-image:none!important;
  }
  #cf-course-title{
    left:1399px!important;
    top:628px!important;
    width:165px!important;
    height:48px!important;
  }
  #cf-course-text{
    left:1401px!important;
    top:681px!important;
    width:160px!important;
    height:50px!important;
  }
}


/* ============================================================
   V1.2 CORRECTIVE 7 — MICRO-MASQUES TRANSPARENTS
   Desktop uniquement.
   Les images de masque sont transparentes partout sauf exactement
   sur les anciens textes intégrés dans le MASTER.
   Pictogrammes, cadres et liens originaux restent visibles.
   ============================================================ */
@media (min-width:1025px){

  .cf-mask-testimonial{
    left:1097px!important;
    top:574px!important;
    width:255px!important;
    height:205px!important;
    border-radius:10px!important;
    background-color:transparent!important;
    background-image:url('assets/desktop-testimonial-micro-mask.png')!important;
    background-size:255px 205px!important;
    background-repeat:no-repeat!important;
  }
  #cf-testimonial{
    left:1120px!important;
    top:598px!important;
    width:210px!important;
    height:92px!important;
  }
  #cf-testimonial-author{
    left:1150px!important;
    top:699px!important;
    width:150px!important;
    height:20px!important;
  }

  .cf-mask-course{
    left:1372px!important;
    top:574px!important;
    width:216px!important;
    height:205px!important;
    border-radius:10px!important;
    background-color:transparent!important;
    background-image:url('assets/desktop-course-micro-mask.png')!important;
    background-size:216px 205px!important;
    background-repeat:no-repeat!important;
  }
  #cf-course-title{
    left:1399px!important;
    top:609px!important;
    width:165px!important;
    height:50px!important;
  }
  #cf-course-text{
    left:1401px!important;
    top:666px!important;
    width:160px!important;
    height:65px!important;
  }
}


/* ============================================================
   V1.2 CORRECTIVE 8 — TÉMOIGNAGE PLUS LISIBLE
   Desktop uniquement. Aucun autre élément modifié.
   ============================================================ */
@media (min-width:1025px){
  #cf-testimonial{
    font-size:13px!important;
    line-height:1.55!important;
    left:1112px!important;
    top:596px!important;
    width:226px!important;
    height:100px!important;
  }
  #cf-testimonial-author{
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:700!important;
    left:1142px!important;
    top:700px!important;
    width:166px!important;
    height:22px!important;
  }
}

/* ============================================================
   V3.5 PREMIUM — TABLETTE + MOBILE UNIQUEMENT
   Desktop >=1025px strictement inchangé.
   ============================================================ */
@media (max-width:1024px){
  .mo1-sheet{background:#f5eee6!important;}
  .mo1-brand{
    padding:18px 20px 8px!important;
    background:#f5eee6!important;
  }
  .mo1-premium-logo{
    display:block!important;
    width:min(100%,285px)!important;
    height:auto!important;
    margin:0 auto!important;
  }
  .mo1-hero-copy{
    position:relative!important;
    padding-top:10px!important;
    padding-bottom:30px!important;
    background:#f5eee6!important;
  }
  .mo1-hero-copy:after{
    content:"◆"!important;
    display:block!important;
    width:78px!important;
    margin:15px 0 0 1px!important;
    overflow:hidden!important;
    color:#b77b2e!important;
    font-size:8px!important;
    line-height:1!important;
    letter-spacing:30px!important;
    border-top:1px solid #b77b2e!important;
    transform:translateY(4px)!important;
  }
  .mo1-hero-copy h1 em{color:#b77b2e!important;}
  .mo1-about-gallery{grid-template-columns:repeat(4,1fr)!important;}
  .mo1-about-gallery figure{aspect-ratio:1/1!important;}
}
@media (max-width:700px){
  .mo1-brand{padding:16px 18px 6px!important;}
  .mo1-premium-logo{width:min(100%,255px)!important;}
  .mo1-hero-copy{padding:10px 24px 28px!important;}
}