/* e1rf 2026-10-20 : presentation cmonfutur commune aux pages du tableau de bord (modele /se-connecter/) */
/* Bandeau image a la place du bandeau gris « Mon Compte » */
body.cmf-dash #page .page-title{background-image:url(https://cmonfutur.com/wp-content/uploads/2026/07/40F52E7F-D55E-4B35-A912-F05DC4A65D58.png)!important;background-size:cover!important;background-position:50% calc(25% - 50px)!important;background-color:transparent!important;padding:0!important}
body.cmf-dash #page .page-title .wf-wrap{min-height:300px;visibility:hidden}
/* Titre en capitales encadre de lignes vertes + sous-titre */
.cmf-dash-head{max-width:1200px;margin:10px auto 30px;padding:0 20px}
.cmf-dash-head .cmf-ft{display:flex;align-items:center;gap:22px}
.cmf-dash-head .cmf-ft span{flex:1;height:0;border-top:2.5px double #93c248}
.cmf-dash-head .cmf-ft h2{margin:0;font-family:"Open Sans Condensed",Helvetica,Arial,Verdana,sans-serif;font-size:50px;font-weight:700;color:#262d37;line-height:58px;text-transform:uppercase;text-align:center}
.cmf-dash-head .cmf-sub{margin:4px 0 0;text-align:center;font-family:"Open Sans",Helvetica,Arial,Verdana,sans-serif;font-size:16px;color:#777}
@media (max-width:767px){
 body.cmf-dash #page .page-title .wf-wrap{min-height:160px}
 .cmf-dash-head .cmf-ft h2{font-size:34px;line-height:40px}
 .cmf-dash-head .cmf-ft{gap:12px}
}
/* Pages de theme du catalogue : pleine largeur, sans colonne laterale */
body.cmf-cat #sidebar{display:none!important}
body.cmf-cat .wf-container-main{display:block!important}
body.cmf-cat #content{width:100%!important;max-width:100%!important}
body.cmf-cat .woocommerce-products-header .term-description,body.cmf-cat .woocommerce-products-header p{text-align:center;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-size:17px;line-height:28px;color:#5e5e5e;max-width:760px;margin:0 auto 30px}
body.cmf-cat .woocommerce-no-products-found,body.cmf-cat .woocommerce-no-products-found *{position:static!important;transform:none!important;opacity:1!important;box-shadow:none!important}
.cmf-empty{text-align:center;background:#f8f8f8;padding:40px 20px;margin:10px 0 40px}
.cmf-empty p{font-family:"Open Sans",Helvetica,Arial,sans-serif;font-size:17px;color:#5e5e5e;margin:0 0 20px}
.cmf-btn{display:inline-block;background:#93c248;color:#fff!important;padding:12px 28px;border-radius:4px;font-weight:600;text-decoration:none!important}
.cmf-btn:hover{background:#7fae37}
/* Pages WooCommerce sans bandeau The7 (panier, commande) */
.cmf-banner{height:300px;background:url(https://cmonfutur.com/wp-content/uploads/2026/07/40F52E7F-D55E-4B35-A912-F05DC4A65D58.png) 50% calc(25% - 50px)/cover no-repeat}
@media (max-width:767px){.cmf-banner{height:160px}}
/* Pages WooCommerce sans bandeau The7 (panier, commande) */
.cmf-banner{height:300px;background:url(https://cmonfutur.com/wp-content/uploads/2026/07/40F52E7F-D55E-4B35-A912-F05DC4A65D58.png) 50% calc(25% - 50px)/cover no-repeat}
@media (max-width:767px){.cmf-banner{height:160px}}
/* Cartes des formations LearnDash sur les pages de theme */
.cmf-courses{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:30px;max-width:1200px;margin:10px auto 40px}
.cmf-course{display:flex;flex-direction:column;background:#fff;border-radius:6px;box-shadow:0 2px 12px rgba(0,0,0,.08);overflow:hidden;text-decoration:none!important;color:#262d37}
.cmf-course-img{display:block;height:180px;background-size:cover;background-position:50% 50%}
.cmf-course-t{padding:16px 18px 6px;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-weight:700;font-size:17px;line-height:24px;color:#7fae37}
.cmf-course-x{padding:0 18px 12px;font-size:14px;line-height:22px;color:#5e5e5e;flex:1}
.cmf-course .cmf-btn{margin:0 18px 18px;align-self:flex-start}
/* Catalogue : grille de 4 colonnes (1100 px), centree, sans colonne laterale */
body.cmf-cat.archive #main #content{max-width:1100px!important;margin-left:auto!important;margin-right:auto!important;float:none!important}
body.cmf-cat.archive #content .dt-css-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media (max-width:1024px){body.cmf-cat.archive #content .dt-css-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:767px){body.cmf-cat.archive #content .dt-css-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* Cartes des formations : titre et bouton centres (demande de Laurent) */
.cmf-course-t{text-align:center}
.cmf-course .cmf-btn{align-self:center}
/* Titre des pages au design de "Nos formations" (Montserrat 34 px gras, lignes doubles grises) - demande de Laurent */
.cmf-dash-head .cmf-ft{gap:34px}
.cmf-dash-head .cmf-ft span{border-top:3px double #979fa3}
.cmf-dash-head .cmf-ft h2{font-family:Montserrat,Helvetica,Arial,Verdana,sans-serif!important;font-size:34px!important;font-weight:700!important;line-height:44px!important;color:#2e2b36!important;text-transform:none!important}
.cmf-dash-head .cmf-sub{font-family:Lato,Helvetica,Arial,Verdana,sans-serif;font-size:17px;line-height:26px;color:#5e5e5e}
@media (max-width:767px){.cmf-dash-head .cmf-ft h2{font-size:26px!important;line-height:34px!important}.cmf-dash-head .cmf-ft{gap:14px}}
/* Lignes doubles vertes toujours visibles, meme avec un titre long (demande de Laurent) */
.cmf-dash-head .cmf-ft span{border-top:3px double #93c248!important;min-width:60px}
.cmf-dash-head .cmf-ft h2{flex:0 1 auto;max-width:75%}
/* e1rf 2026-10-20 : onglets Sujets / Lecons - cartes au format des formations et affichage des lecons d'un sujet (demande de Laurent) */
.cmf-carte-lesson .ld-mycourse-thumbnail,.cmf-carte-lesson .ld-mycourse-thumb,.cmf-carte-lesson h3 a{cursor:pointer}
.cmf-carte .ld-meta li.cmf-carte-formation span{font-weight:600}
.cmf-fil{grid-column:1/-1;flex:0 0 100%;width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin:0 0 20px}
.cmf-fil-t{margin:0;font-size:18px;line-height:1.3}
.cmf-retour{padding:8px 16px;border:0;border-radius:12px;background:#339933;color:#fff;font-size:14px;line-height:1.4;cursor:pointer;transition:background .3s}
.cmf-retour:hover,.cmf-retour:focus{background:#2b822b;color:#fff}
.cmf-fil-info{grid-column:1/-1;flex:0 0 100%;width:100%;margin:0;color:#666;font-style:italic}
