/* ==========================================================
   ACTIV’INTÉRIM — VERSION 1.2
   Ajustements de lisibilité validés avec l’agence
========================================================== */

/* Navigation : les rubriques utilisent toute la largeur disponible
   entre le logo et le bouton de candidature. */
@media (min-width: 721px) {
    .header-inner {
        gap: clamp(1.5rem, 3vw, 3rem);
    }

    .main-nav {
        flex: 1 1 auto;
        justify-content: space-between;
        margin-left: clamp(.5rem, 2vw, 1.75rem);
        gap: clamp(.75rem, 1.4vw, 1.5rem);
    }

    .main-nav a {
        white-space: nowrap;
    }
}

/* Tous les petits sous-titres conservent la même taille et la même
   couleur rouge, quelle que soit la section. */
.eyebrow,
.section-heading .eyebrow,
.reviews-heading .eyebrow,
.agency-team-copy-v09 .eyebrow,
.agency-values-heading .eyebrow,
.company-panel .eyebrow,
.application-confirmation .eyebrow {
    color: var(--color-accent) !important;
}

/* Sur le fond rouge de l’espace entreprise, un support clair garantit
   que le sous-titre reste réellement rouge et parfaitement lisible. */
.company-panel .eyebrow {
    display: inline-flex;
    width: fit-content;
    padding: .42rem .7rem;
    background: rgba(255, 255, 255, .96);
    border-radius: var(--radius-pill);
}

/* Avis Google : contraste moins dur et étoiles clairement jaunes. */
.reviews-heading h3 {
    color: #29292d;
}

.reviews-heading > p:last-child {
    color: #626268;
}

.review-stars {
    color: #f5b700 !important;
    font-size: 1.08rem;
    font-weight: 800;
}

.review-card blockquote {
    color: #45454b;
}

/* Cadrage renforcé sur Delphine afin d’équilibrer les deux portraits. */
.team-portrait-delphine .portrait-image-frame img {
    transform: scale(1.29);
    object-position: center 17%;
}

.team-portrait-delphine:hover .portrait-image-frame img {
    transform: scale(1.32);
}

@media (max-width: 920px) and (min-width: 721px) {
    .main-nav {
        margin-left: 0;
        gap: .65rem;
    }

    .main-nav a {
        font-size: .92rem;
    }

    .nav-contact {
        padding-inline: .85rem !important;
    }
}