/* ===== Fiche formation (Formdev) – cuisine-partagee.fr – v2 ===== */
/* À déposer dans wp-content/themes/theme-enfant-divi/css/fiche-formation-v2.css
   (et mettre le même nom dans functions.php) */

:root{
  --cp-primary:#e47d73;
  --cp-primary-dark:#d4685d;
  --cp-blue:#2ea3f2;
  --cp-text:#666;
  --cp-title:#333;
  --cp-soft:#f7f3f2;
  --cp-pink:#fdf1ef;
  --cp-line:#ece4e2;
  --cp-radius:14px;
}

body #formdev-single-product{width:100%;max-width:none;margin:0 auto;padding:30px 0 70px;color:var(--cp-text);font-family:"Open Sans",Arial,sans-serif}
@media (max-width:980px){body #formdev-single-product{padding-left:20px;padding-right:20px}}
body #formdev-single-product p,
body #formdev-single-product li{font-size:15px;line-height:1.7}

/* ---------- En-tête (image du produit) ---------- */
body #formdev-single-product>.fd-head{
  position:relative;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:340px;padding:40px 36px;color:#fff;overflow:hidden;border-radius:var(--cp-radius);
  background:linear-gradient(135deg,var(--cp-pink) 0%,var(--cp-soft) 100%);
  box-shadow:0 6px 24px rgba(228,125,115,.12);
}
body #formdev-single-product>.fd-head{
  background:linear-gradient(180deg,rgba(40,25,23,.25) 0%,rgba(40,25,23,.7) 100%),var(--cp-hero,linear-gradient(135deg,#e47d73,#d4685d)) center/cover no-repeat;
}
body #formdev-single-product .fd-head .img{display:none}
body #formdev-single-product>.fd-head h1{font-size:34px;line-height:1.25;font-weight:700;color:#fff;margin-bottom:12px;text-shadow:0 2px 12px rgba(0,0,0,.35)}
body #formdev-single-product>.fd-head h1::after{height:6px;background:var(--cp-primary);opacity:1;border-radius:3px;bottom:0}
body #formdev-single-product>.fd-head p,
body #formdev-single-product>.fd-head li{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.4)}
body #formdev-single-product .category a{display:inline-block;background:var(--cp-primary);color:#fff!important;font-size:13px!important;font-weight:600;padding:5px 14px;border-radius:20px;text-decoration:none;margin-bottom:10px}
body #formdev-single-product .category a:hover{background:var(--cp-primary-dark)}

/* ---------- Cartes Tarifs / Durée / Groupe ---------- */
body #formdev-single-product .main-info{display:flex;flex-wrap:wrap;gap:20px;margin:30px 0}
body #formdev-single-product .main-info>.clearfix{display:none}
body #formdev-single-product .main-info>div:not(.clearfix){flex:1 1 220px;float:none;width:auto;background:#fff;border:1px solid var(--cp-line);border-radius:var(--cp-radius);box-shadow:0 4px 16px rgba(0,0,0,.05);padding:22px 16px;text-align:center}
body #formdev-single-product .main-info .picto{width:64px;height:64px;margin:0 auto 10px}
body #formdev-single-product .main-info .picto svg{width:100%;height:100%}
body #formdev-single-product .main-info .title{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cp-primary)}
body #formdev-single-product .main-info .info{font-size:15px;color:var(--cp-text);margin-top:4px}
body #formdev-single-product .main-info .info strong{color:var(--cp-title);font-size:18px}

/* ---------- Titres de section ---------- */
body #formdev-single-product h2{color:var(--cp-title);font-size:22px;font-weight:700;margin:30px 0 12px;line-height:1.3;border-left:5px solid var(--cp-primary);padding-left:14px}

/* ---------- Sessions ---------- */
body #formdev-single-product section.sessions{background:var(--cp-soft)!important;border-radius:var(--cp-radius);padding:10px 28px 24px}
body #formdev-single-product .sessions .fd-head{background:none;box-shadow:none;padding:0;min-height:0;display:block}
body #formdev-single-product .session{background:#fff;border:1px solid var(--cp-line);border-radius:12px;padding:16px 20px;margin-bottom:12px}
body #formdev-single-product .session .date h3{font-size:17px;color:var(--cp-title);margin:0 0 4px;font-weight:700}
body #formdev-single-product .places-dispo{font-size:13px;color:var(--cp-blue);font-weight:600}

/* ---------- Boutons ---------- */
body #formdev-single-product .ctas{margin-top:10px}
body #formdev-single-product .ctas a,
body #formdev-single-product a.book.btn{display:inline-block;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:700;text-decoration:none;margin:4px 8px 4px 0;transition:.2s}
body #formdev-single-product .ctas a.inscription{background:var(--cp-primary);color:#fff!important;border:2px solid var(--cp-primary)}
body #formdev-single-product .ctas a.inscription:hover{background:var(--cp-primary-dark);border-color:var(--cp-primary-dark)}
body #formdev-single-product .ctas a.programme{background:#fff;color:var(--cp-primary)!important;border:2px solid var(--cp-primary)}
body #formdev-single-product .ctas a.programme:hover{background:var(--cp-primary);color:#fff!important}

/* ---------- Programme (colonne gauche) ---------- */
body #formdev-single-product section.programme{background:#fff!important;border:1px solid var(--cp-line);border-radius:var(--cp-radius);box-shadow:0 6px 24px rgba(0,0,0,.06);padding:28px!important}
body #formdev-single-product .programme .picto{background:var(--cp-pink);border-radius:50%}
body #formdev-single-product .programme>.title{background:var(--cp-primary)!important;color:#fff!important;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none}

/* ---------- Infos (colonne droite) ---------- */
body #formdev-single-product section.infos{background:#fff!important;border-left:4px solid var(--cp-primary);padding:8px 28px!important}
body #formdev-single-product .infos h2,
body #formdev-single-product .infos_bis h2,
body #formdev-single-product .stats h2{border-left:0;padding-left:0;font-size:16px;text-transform:uppercase;letter-spacing:.05em;color:var(--cp-primary)}

/* ---------- Devis ---------- */
body #formdev-single-product section.devis{background:linear-gradient(135deg,#e47d73,#d4685d)!important;color:#fff!important;border-radius:var(--cp-radius);padding:10px 28px 28px;margin:30px 0;text-align:center}
body #formdev-single-product .devis h2,
body #formdev-single-product .devis p,
body #formdev-single-product .devis .title{color:#fff!important}
body #formdev-single-product .devis h2{border:0;padding:0;font-size:24px;text-transform:none;letter-spacing:0}
body #formdev-single-product .devis a:not(.btn){color:#fff!important;text-decoration:underline}
body #formdev-single-product .devis a.book.btn{background:#fff;color:var(--cp-primary-dark)!important;border:2px solid #fff}
body #formdev-single-product .devis a.book.btn:hover{background:transparent;color:#fff!important}

/* ---------- Blocs secondaires ---------- */
body #formdev-single-product .infos_bis{display:flex;flex-wrap:wrap;gap:30px;background:var(--cp-soft);border-radius:var(--cp-radius);padding:10px 28px 24px;margin-top:30px}
body #formdev-single-product .infos_bis .left,
body #formdev-single-product .infos_bis .right{flex:1 1 320px;float:none;width:auto}
body #formdev-single-product section.stats{background:#fff!important;border:1px solid var(--cp-line);border-radius:var(--cp-radius);padding:10px 28px 20px;margin-top:20px;float:none;width:auto}

/* ---------- Mobile ---------- */
@media (max-width:767px){
  body #formdev-single-product>.fd-head{min-height:260px;padding:24px 20px}
  body #formdev-single-product>.fd-head h1{font-size:24px}
  body #formdev-single-product section.sessions,
  body #formdev-single-product section.devis,
  body #formdev-single-product section.stats{padding-left:16px;padding-right:16px}
  body #formdev-single-product section.programme{padding:20px!important}
  body #formdev-single-product section.infos{padding:8px 16px!important}
}

/* ---------- Correctifs v5 ---------- */
/* Icônes centrées dans les cartes Tarifs / Durée / Groupe */
body #formdev-single-product .main-info .wrapper{width:100%!important;max-width:none!important;margin:0!important;float:none!important}
body #formdev-single-product .main-info .picto{width:96px!important;height:96px!important;margin:0 auto 12px!important;float:none!important}
body #formdev-single-product .main-info .picto svg{width:100%!important;height:100%!important}
body #formdev-single-product .main-info .title,
body #formdev-single-product .main-info .info{text-align:center!important}

/* Blocs du bas : pleine largeur, sans chevauchement */
body #formdev-single-product section.infos_bis{float:none!important;width:100%!important;box-sizing:border-box;clear:both}
body #formdev-single-product section.stats{float:none!important;width:100%!important;box-sizing:border-box;clear:both}
/* Taux de satisfaction / validation : masqués tant qu'aucune valeur n'est renseignée par Formdev */
body #formdev-single-product section.stats:not(:has(p,li,span,strong,div)){display:none}

body #formdev-single-product h2{text-shadow:none!important}

/* Catégories produit : garder le bandeau et le texte sur mobile, sans doubler le menu */
@media (max-width:980px){
  body.tax-product_cat header.et-l--header{display:block!important}
  body.tax-product_cat header.et-l--header .et_pb_section_0_tb_header{display:none!important}
}