/* ============================================================
   PRIVATE EVENTS V99.37 — LIGHT MEMBER LAYOUT REFINEMENT
   Ajustements fins sur la page Membres en thème clair.
   ============================================================ */

html[data-theme="light"] body.members-index-page {
    --pe37-surface-border: rgba(108, 67, 84, 0.26);
    --pe37-text: #2f2329;
    --pe37-text-soft: #66535c;
    --pe37-text-online: #2f7b54;
}

/* ------------------------------------------------------------
   Vue Liste claire : vrai recentrage vertical du cartouche blanc
   par marges haut/bas symétriques.
   ------------------------------------------------------------ */
html[data-theme="light"] body.members-index-page
.member-tiles-grid.v9845-member-list-view .member-tile-info {
    top: 11px !important;
    bottom: 11px !important;
    transform: none !important;
    min-height: 0 !important;
    justify-content: center !important;
    padding: 8px 12px !important;
    box-sizing: border-box !important;
    border-color: var(--pe37-surface-border) !important;
}

html[data-theme="light"] body.members-index-page
.member-tiles-grid.v9845-member-list-view .member-tile-info h2 {
    margin-bottom: 3px !important;
    line-height: 1.08 !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 {
    line-height: 1.05 !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.12 !important;
}

/* ------------------------------------------------------------
   Vue Grille claire : cartouche plus compact, interlignes resserrés.
   ------------------------------------------------------------ */
html[data-theme="light"] body.members-index-page
.member-tiles-grid:not(.v9845-member-list-view) .member-tile-info {
    right: 13px;
    bottom: 12px;
    left: 13px;
    padding: 8px 11px 7px 11px;
    border-radius: 12px !important;
    box-sizing: border-box !important;
}

html[data-theme="light"] body.members-index-page
.member-tiles-grid:not(.v9845-member-list-view) .member-tile-info h2 {
    margin: 0 0 3px 0 !important;
    line-height: 1.06 !important;
    color: var(--pe37-text) !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.04 !important;
    color: var(--pe37-text-soft) !important;
}

html[data-theme="light"] body.members-index-page
.member-tiles-grid:not(.v9845-member-list-view) .member-tile-presence.is-online,
html[data-theme="light"] body.members-index-page
.member-tiles-grid:not(.v9845-member-list-view) .member-tile-presence.is-online span {
    color: var(--pe37-text-online) !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.10 !important;
    color: var(--pe37-text-soft) !important;
}

html[data-theme="light"] body.members-index-page
.member-tiles-grid:not(.v9845-member-list-view) .member-tile-open {
    color: #6d5763 !important;
}

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

    html[data-theme="light"] body.members-index-page
    .member-tiles-grid:not(.v9845-member-list-view) .member-tile-info {
        right: 10px;
        bottom: 10px;
        left: 10px;
        padding: 7px 9px 6px 9px;
        border-radius: 11px !important;
    }

    html[data-theme="light"] body.members-index-page
    .member-tiles-grid:not(.v9845-member-list-view) .member-tile-info h2 {
        margin-bottom: 2px !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 {
        line-height: 1.06 !important;
    }
}