/*
 IA-Brest Dirigeant Layout Fix v2.0

 Objectifs :
 - largeur générale maîtrisée
 - blocs en grilles forcées
 - auto-diagnostic remis en forme
*/


/* ===============================
   LARGEUR GENERALE PAGE
================================ */

#page-dirigeant,
.dirigeant-page,
.dirigeant-container,
.dirigeant-hero,
.dirigeant-diagnostic,
.dirigeant-risques,
.dirigeant-questions,
.dirigeant-methode,
.dirigeant-livrables {

    max-width:1200px;
    margin-left:auto;
    margin-right:auto;

}


/* ===============================
   HERO
================================ */

.dirigeant-hero-grid {
    display:grid !important;
    grid-template-columns:45% 55% !important;
    gap:50px;
    align-items:center;
}


/* ===============================
   AUTO DIAGNOSTIC
================================ */

.dirigeant-diagnostic {
    padding:50px 20px;
}

.dirigeant-diagnostic .diagnostic-container,
.dirigeant-diagnostic .quiz-container,
.dirigeant-diagnostic .questionnaire {

    max-width:900px;
    margin:auto;
    padding:30px;
    background:#F7F4EE;
    border-radius:12px;

}


/* ===============================
   RISQUES : 4 COLONNES
================================ */

.dirigeant-risques .dirigeant-grid-4,
.dirigeant-risques .grid-4 {

    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:25px;

}


/* ===============================
   QUESTIONS STRATEGIQUES
================================ */

.dirigeant-questions .dirigeant-grid-4,
.dirigeant-questions .grid-4 {

    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:25px;

}


/* ===============================
   METHODE : 3 COLONNES
================================ */

.dirigeant-methode .dirigeant-grid-3,
.dirigeant-methode .grid-3 {

    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:30px;

}


/* ===============================
   LIVRABLES : 3 COLONNES
================================ */

.dirigeant-livrables .dirigeant-grid-3,
.dirigeant-livrables .grid-3 {

    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:30px;

}


/* ===============================
   CARTES
================================ */

.dirigeant-card {

    background:#ffffff;
    padding:25px;
    border-radius:12px;
    box-sizing:border-box;
    height:100%;

}



/* ===============================
   RESPONSIVE
================================ */

@media(max-width:1000px){

    .dirigeant-risques .dirigeant-grid-4,
    .dirigeant-questions .dirigeant-grid-4 {

        grid-template-columns:repeat(2,minmax(0,1fr)) !important;

    }

    .dirigeant-methode .dirigeant-grid-3,
    .dirigeant-livrables .dirigeant-grid-3 {

        grid-template-columns:1fr !important;

    }

}


@media(max-width:700px){

    .dirigeant-hero-grid {

        grid-template-columns:1fr !important;

    }

    .dirigeant-risques .dirigeant-grid-4,
    .dirigeant-questions .dirigeant-grid-4 {

        grid-template-columns:1fr !important;

    }

}