/* Extracted from template-page-objectifs-CRJ.php in CRJ Refactor V4.8. */

/* ==========================================================
   Objectifs principaux
   NB : l'effet de bordure latérale utilise la classe globale
   existante .typo-h-side du thème.
   ========================================================== */

.objectifs-page {
    --o-navy: #0F172A;
    --o-body: #475569;
    --o-primary: #156C88;
    --o-border: #E2E8F0;
}

.objectifs-page p {
    color: var(--o-body);
    line-height: 1.72;
}


/* ==========================================================
   EN-TÊTE ÉDITORIAL
   ========================================================== */

.objectifs-main-section {
    padding:
        clamp(76px, 7vw, 110px)
        0
        clamp(64px, 6vw, 92px);

    background: transparent;
}

.objectifs-section-header {
    max-width: 980px;
    margin-bottom: clamp(46px, 5vw, 70px);
}

.objectifs-kicker {
    margin: 0 0 7px;

    color: var(--o-primary) !important;

    font-size: .75rem;
    font-weight: 700;
    line-height: 1.2;

    text-transform: uppercase;
    letter-spacing: .09em;
}

.objectifs-section-title {
    margin: 0;

    color: var(--o-navy);

    font-size: clamp(1.55rem, 2.2vw, 1.9rem);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.015em;
}



/* ==========================================================
   GRILLE 2 COLONNES × 3 RANGÉES
   ========================================================== */

.objectifs-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    column-gap: clamp(58px, 7vw, 110px);
    row-gap: 0;
}

.objectif-item {
    min-width: 0;

    padding:
        0
        0
        clamp(38px, 4vw, 54px);

    margin:
        0
        0
        clamp(38px, 4vw, 54px);

    border-bottom: 1px solid var(--o-border);
}

/* Ajustement local du titre sans redéfinir l'effet .typo-h-side */
.objectifs-page .objectif-item .typo-h-side {
    margin-bottom: 18px;
    color: var(--o-navy);
    font-size: clamp(1rem, 1.3vw, 1.12rem);
    font-weight: 650;
    line-height: 1.42;
    letter-spacing: -.008em;
}

/* Dernière rangée : pas de ligne finale */
.objectif-item:nth-last-child(-n + 2) {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}


/* ==========================================================
   TEXTE
   ========================================================== */

.objectif-item__text {
    margin: 0;

    color: var(--o-body);

    font-size: .96rem;
    line-height: 1.72;
}

.objectif-item__text strong {
    color: #334155;
    font-weight: 650;
}


/* ==========================================================
   ALLER PLUS LOIN
   Le composant interne utilise les styles partagés du thème
   ========================================================== */

.objectifs-explore-section {
    padding: 0 0 clamp(72px, 7vw, 100px);
    background: #fff;
}


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

@media (max-width: 860px) {

    .objectifs-grid {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    .objectif-item:nth-last-child(-n + 2) {
        margin-bottom: clamp(38px, 4vw, 54px);
        padding-bottom: clamp(38px, 4vw, 54px);
        border-bottom: 1px solid var(--o-border);
    }

    .objectif-item:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }

}


@media (max-width: 620px) {

    .objectifs-main-section {
        padding-top: 58px;
        padding-bottom: 52px;
    }

    .objectifs-section-header {
        margin-bottom: 42px;
    }

}