/*
 IA-Brest Dirigeant Layout v1.0

 Classes dédiées à la page Dirigeant.
 Aucun ciblage des classes globales Elementor/Kadence.
*/


/* ==============================
   HERO : TEXTE + IMAGE
============================== */

.dirigeant-hero-container {
    max-width:1200px;
    margin:0 auto;
    padding:0 20px;
    display:grid;
    grid-template-columns:45% 55%;
    gap:50px;
    align-items:center;
}

.dirigeant-hero-text {
    text-align:left;
}

.dirigeant-hero-image img {
    width:100%;
    height:auto;
    display:block;
}


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

.dirigeant-diagnostic {
    width:100%;
}


/* ==============================
   GRILLES 4 COLONNES
   Risques / Questions
============================== */

.dirigeant-grid-4 {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:30px;
    align-items:start;
}

.dirigeant-card {
    box-sizing:border-box;
}


/* ==============================
   GRILLES 3 COLONNES
   Méthode / Livrables
============================== */

.dirigeant-grid-3 {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:35px;
    align-items:start;
}

.dirigeant-step,
.dirigeant-livrable {
    box-sizing:border-box;
}


/* ==============================
   ELEMENTS COMMUNS
============================== */

.dirigeant-card h3,
.dirigeant-step h3,
.dirigeant-livrable h3 {
    margin-top:0;
}

.dirigeant-card p,
.dirigeant-step p,
.dirigeant-livrable p {
    line-height:1.6;
}


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

@media(max-width:1000px) {

    .dirigeant-grid-4 {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .dirigeant-grid-3 {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}


@media(max-width:700px) {

    .dirigeant-hero-container {
        grid-template-columns:1fr;
    }

    .dirigeant-grid-4,
    .dirigeant-grid-3 {
        grid-template-columns:1fr;
    }

}