/* ================================================================
   equipe.css — Section Notre équipe
   ================================================================ */

.section-equipe {
    background: #f8f9fb;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: clamp(40px, 5vw, 72px) 0 clamp(40px, 5vw, 72px);
}

.equipe-wrap {
    padding: 0 clamp(16px, 4vw, 72px);
}

/* ----------------------------------------------------------------
   En-tête de section
   ---------------------------------------------------------------- */
.equipe-header {
    margin-bottom: clamp(24px, 3vw, 40px);
}

.equipe-title {
    font-size: clamp(1.8rem, 3vw, 2.4rem);
    font-weight: 800;
    color: #1a3963;
    margin: 0 0 6px;
    line-height: 1.15;
}

.equipe-subtitle {
    font-size: .95rem;
    font-weight: 700;
    color: #c9a87c;
    margin: 0;
}

/* ----------------------------------------------------------------
   Carousel
   ---------------------------------------------------------------- */
.equipe-carousel-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
}

.equipe-track-wrap {
    flex: 1 1 0;
    min-width: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.equipe-track-wrap::-webkit-scrollbar { display: none; }

.equipe-track {
    display: flex;
    gap: 20px;
    padding: 8px 2px 12px;
}

/* ----------------------------------------------------------------
   Carte médecin
   ---------------------------------------------------------------- */
.equipe-card {
    flex: 0 0 220px;
    height: 300px;
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    cursor: default;
    box-shadow: 6px 6px 10px rgba(26,57,99,.22);
    background: #dce3ed; /* placeholder avant chargement photo */
}

.eq-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
    transition: transform .4s ease;
}

.equipe-card:hover .eq-photo {
    transform: scale(1.04);
}

/* ----------------------------------------------------------------
   Overlay miel au survol
   ---------------------------------------------------------------- */
.eq-overlay {
    position: absolute;
    inset: 0;
    background: rgba(201, 168, 124, 0.93);
    display: flex;
    align-items: flex-end;
    opacity: 0;
    transition: opacity .28s ease;
}

.equipe-card:hover .eq-overlay {
    opacity: 1;
}

.eq-overlay-inner {
    padding: 18px 16px;
    width: 100%;
}

.eq-nom {
    display: block;
    font-size: .9rem;
    font-weight: 800;
    color: #1a3963;
    margin-bottom: 2px;
    line-height: 1.3;
}

.eq-role {
    display: block;
    font-size: .72rem;
    font-weight: 700;
    color: #1a3963;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 10px;
    opacity: .8;
}

/* Liste des compétences */
.eq-competences {
    list-style: none;
    margin: 0 0 12px;
    padding: 0;
}

.eq-competences li {
    font-size: .70rem;
    font-weight: 700;
    color: #1a3963;
    line-height: 1.55;
}
.eq-competences li::before {
    content: '· ';
}

/* Icônes réseaux sociaux */
.eq-social {
    display: flex;
    gap: 8px;
}

.eq-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #1a3963;
    border-radius: 50%;
    text-decoration: none;
    flex-shrink: 0;
    transition: background .2s ease, transform .2s ease;
}

.eq-social-link:hover {
    background: #0f2645;
    transform: translateY(-2px);
}

.eq-social-link svg {
    width: 14px;
    height: 14px;
    fill: #ffffff;
    display: block;
}

/* ----------------------------------------------------------------
   Boutons prev/next
   ---------------------------------------------------------------- */
.equipe-prev,
.equipe-next {
    display: inline-flex;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border: 2px solid #1a3963;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    padding: 0;
    align-items: center;
    justify-content: center;
    transition: background .2s ease;
    -webkit-tap-highlight-color: transparent;
}

.equipe-prev svg,
.equipe-next svg {
    width: 20px;
    height: 20px;
    fill: #1a3963;
    display: block;
}

.equipe-prev:hover,
.equipe-next:hover { background: #1a3963; }
.equipe-prev:hover svg,
.equipe-next:hover svg { fill: #fff; }
.equipe-prev:disabled,
.equipe-next:disabled { opacity: .15; cursor: default; }

/* ----------------------------------------------------------------
   Responsive < 768px
   ---------------------------------------------------------------- */
@media (max-width: 767px) {
    .equipe-card {
        flex: 0 0 128px;
        height: 182px;
    }

    .equipe-track { gap: 12px; }

    .eq-overlay-inner { padding: 10px 10px; }
    .eq-nom            { font-size: .68rem; }
    .eq-role           { font-size: .55rem; margin-bottom: 6px; }
    .eq-competences li { font-size: .55rem; }
    .eq-social-link    { width: 22px; height: 22px; }
    .eq-social-link svg{ width: 11px; height: 11px; }
}