/* ═══════════════════════════════════════════════════════════════════════════════
   iime-membre.css — Page Espace membre IIME v1.0
   Institut International de la Maturité d'Entreprise

   À charger APRÈS css/iime-index.css (variables :root, navbar, footer,
   lang-helpers de base).

   État actuel : espace temporairement fermé (avis trilingue).

   Table des matières :
     1.  Section (fond + centrage vertical)
     2.  Carte
     3.  En-tête (étiquette + titre)
     4.  Avis « fermé » (icône, titre, message)
     5.  Bouton de contact
     6.  Responsive @media
     7.  Lang-helpers — TOUJOURS EN DERNIER ABSOLUMENT
═══════════════════════════════════════════════════════════════════════════════ */


/* ──────────────────────────────────────────────────────────────────────────────
   1. Section
────────────────────────────────────────────────────────────────────────────── */
.membre-section {
    position: relative;
    min-height: 100vh;
    padding: calc(var(--navbar-h) + 3rem) var(--side-pad) 4rem;
    background:
        radial-gradient(120% 80% at 50% 0%, rgba(201, 168, 76, 0.10) 0%, rgba(201, 168, 76, 0) 55%),
        linear-gradient(160deg, var(--iime-dark) 0%, var(--iime-navy) 55%, var(--iime-dark-mid) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}


/* ──────────────────────────────────────────────────────────────────────────────
   2. Carte
────────────────────────────────────────────────────────────────────────────── */
.membre-card {
    max-width: 520px;
    width: 100%;
    background-color: var(--iime-off-white);
    border-radius: var(--radius-lg);
    border-top: 4px solid var(--iime-gold);
    box-shadow: var(--shadow-xl);
    padding: clamp(2rem, 5vw, 3.25rem);
    text-align: center;
}


/* ──────────────────────────────────────────────────────────────────────────────
   3. En-tête
────────────────────────────────────────────────────────────────────────────── */
.membre-header {
    margin-bottom: 1.8rem;
}

.membre-header .section-label {
    color: var(--iime-gold);
}

.membre-title {
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: clamp(1.6rem, 3.5vw, 2.2rem);
    color: var(--iime-navy);
    line-height: 1.2;
    margin-top: 0.4rem;
}


/* ──────────────────────────────────────────────────────────────────────────────
   4. Avis « fermé »
────────────────────────────────────────────────────────────────────────────── */
.membre-closed {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.membre-closed-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 1.3rem;
    border-radius: 50%;
    background-color: var(--iime-gold);
    display: flex;
    align-items: center;
    justify-content: center;
}

.membre-closed-icon svg {
    width: 30px;
    height: 30px;
    display: block;
}

.membre-closed-title {
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 1.4rem;
    color: var(--iime-navy);
    margin-bottom: 0.8rem;
}

.membre-closed-msg {
    font-family: var(--font-body);
    font-size: 1rem;
    line-height: 1.7;
    color: var(--iime-text-mid);
    max-width: 400px;
    margin: 0 auto 1.8rem;
}


/* ──────────────────────────────────────────────────────────────────────────────
   5. Bouton de contact
────────────────────────────────────────────────────────────────────────────── */
.btn-membre-contact {
    font-family: var(--font-body);
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--iime-white);
    background-color: var(--iime-navy);
    border: 2px solid var(--iime-navy);
    border-radius: var(--radius-sm);
    padding: 0.8rem 2rem;
    letter-spacing: 0.03em;
    transition: background-color var(--ease), border-color var(--ease), color var(--ease), transform var(--ease);
}

.btn-membre-contact:hover {
    background-color: var(--iime-gold);
    border-color: var(--iime-gold);
    color: var(--iime-dark);
    transform: translateY(-2px);
}


/* ──────────────────────────────────────────────────────────────────────────────
   6. Responsive @media
────────────────────────────────────────────────────────────────────────────── */
@media (max-width: 540px) {
    .membre-card {
        padding: 1.75rem 1.4rem;
    }
}


/* ──────────────────────────────────────────────────────────────────────────────
   7. Lang-helpers — TOUJOURS EN DERNIER ABSOLUMENT
────────────────────────────────────────────────────────────────────────────── */
.lang-content {
    display: none;
}

.lang-content.active {
    display: block;
}

span.lang-content.active {
    display: inline;
}

.section-label.lang-content.active {
    display: block;
}

a.lang-content.active,
.btn-membre-contact.lang-content.active {
    display: inline-block;
}