/* ============================================================
   PRIVATE EVENTS V99.38 — LIGHT MEMBER VERTICAL CENTER FIX
   Correction ciblée du centrage vertical des cartouches Membres.
   ============================================================ */

html[data-theme="light"] body.members-index-page {
    --pe38-member-text: #2f2329;
    --pe38-member-soft: #66535c;
    --pe38-member-online: #2f7b54;
}

/* ------------------------------------------------------------
   Vue Liste claire : cartouche blanc recentré verticalement
   sans l'étirer artificiellement sur la hauteur de la carte.
   ------------------------------------------------------------ */
html[data-theme="light"] body.members-index-page
.member-tiles-grid.v9845-member-list-view .member-tile-info {
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
    gap: 0 !important;
    padding: 9px 12px !important;
    box-sizing: border-box !important;
}

html[data-theme="light"] body.members-index-page
.member-tiles-grid.v9845-member-list-view .member-tile-info h2 {
    margin: 0 0 4px 0 !important;
    line-height: 1.08 !important;
    color: var(--pe38-member-text) !important;
}

html[data-theme="light"] body.members-index-page
.member-tiles-grid.v9845-member-list-view .member-tile-presence,
html[data-theme="light"] body.members-index-page
.member-tiles-grid.v9845-member-list-view .member-tile-presence span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1.04 !important;
    color: var(--pe38-member-soft) !important;
}

html[data-theme="light"] body.members-index-page
.member-tiles-grid.v9845-member-list-view .member-tile-presence.is-online,
html[data-theme="light"] body.members-index-page
.member-tiles-grid.v9845-member-list-view .member-tile-presence.is-online span {
    color: var(--pe38-member-online) !important;
}

html[data-theme="light"] body.members-index-page
.member-tiles-grid.v9845-member-list-view .member-tile-location,
html[data-theme="light"] body.members-index-page
.member-tiles-grid.v9845-member-list-view .member-tile-location span {
    display: block;
    margin-top: 3px !important;
    line-height: 1.08 !important;
    color: var(--pe38-member-soft) !important;
}

/* ------------------------------------------------------------
   Vue Carrée claire : encore un peu moins d'espace perdu.
   ------------------------------------------------------------ */
html[data-theme="light"] body.members-index-page
.member-tiles-grid:not(.v9845-member-list-view) .member-tile-info {
    padding: 7px 10px 6px 10px !important;
}

html[data-theme="light"] body.members-index-page
.member-tiles-grid:not(.v9845-member-list-view) .member-tile-info h2 {
    margin: 0 0 2px 0 !important;
    line-height: 1.04 !important;
}

html[data-theme="light"] body.members-index-page
.member-tiles-grid:not(.v9845-member-list-view) .member-tile-presence,
html[data-theme="light"] body.members-index-page
.member-tiles-grid:not(.v9845-member-list-view) .member-tile-presence span {
    line-height: 1.02 !important;
}

html[data-theme="light"] body.members-index-page
.member-tiles-grid:not(.v9845-member-list-view) .member-tile-location,
html[data-theme="light"] body.members-index-page
.member-tiles-grid:not(.v9845-member-list-view) .member-tile-location span {
    margin-top: 2px !important;
    line-height: 1.04 !important;
}

@media (max-width: 700px) {
    html[data-theme="light"] body.members-index-page
    .member-tiles-grid.v9845-member-list-view .member-tile-info {
        padding: 8px 11px !important;
    }

    html[data-theme="light"] body.members-index-page
    .member-tiles-grid.v9845-member-list-view .member-tile-info h2 {
        margin-bottom: 3px !important;
    }

    html[data-theme="light"] body.members-index-page
    .member-tiles-grid.v9845-member-list-view .member-tile-location,
    html[data-theme="light"] body.members-index-page
    .member-tiles-grid.v9845-member-list-view .member-tile-location span {
        margin-top: 2px !important;
        line-height: 1.05 !important;
    }

    html[data-theme="light"] body.members-index-page
    .member-tiles-grid:not(.v9845-member-list-view) .member-tile-info {
        padding: 6px 8px 5px 8px !important;
    }
}