/* ============================================================
   PRIVATE EVENTS V99.36 — LIGHT MEMBER ALIGNMENT
   Finitions ciblées pour les pages Membres en thème clair.
   ============================================================ */

html[data-theme="light"] body.members-index-page {
    --pe36-surface: rgba(255, 250, 247, 0.96);
    --pe36-surface-border: rgba(108, 67, 84, 0.24);
    --pe36-surface-border-strong: rgba(108, 67, 84, 0.34);
    --pe36-text: #2f2329;
    --pe36-text-soft: #66535c;
    --pe36-text-online: #2f7b54;
}

/* ------------------------------------------------------------
   Vue Grille claire : le cartouche d’explication ne doit plus rester sombre.
   ------------------------------------------------------------ */
html[data-theme="light"] body.members-index-page
.member-tiles-grid:not(.v9845-member-list-view) .member-tile-info {
    right: 14px;
    bottom: 14px;
    left: 14px;
    padding: 11px 14px 11px 12px;
    background: var(--pe36-surface) !important;
    border: 1px solid var(--pe36-surface-border) !important;
    border-radius: 13px !important;
    box-shadow: 0 6px 16px rgba(77, 48, 60, 0.10) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html[data-theme="light"] body.members-index-page
.member-tiles-grid:not(.v9845-member-list-view) .member-tile-info h2,
html[data-theme="light"] body.members-index-page
.member-tiles-grid:not(.v9845-member-list-view) .member-tile-info h2 * {
    color: var(--pe36-text) !important;
    text-shadow: none !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,
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 {
    color: var(--pe36-text-soft) !important;
    text-shadow: none !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(--pe36-text-online) !important;
}

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

/* ------------------------------------------------------------
   Vue Liste claire : correction du recentrage vertical.
   ------------------------------------------------------------ */
html[data-theme="light"] body.members-index-page
.member-tiles-grid.v9845-member-list-view .member-tile-info {
    top: calc(50% - 3px) !important;
    transform: translateY(-50%) !important;
}

html[data-theme="light"] body.members-index-page
.member-tiles-grid.v9845-member-list-view .member-tile-info h2,
html[data-theme="light"] body.members-index-page
.member-tiles-grid.v9845-member-list-view .member-tile-info h2 *,
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,
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 {
    text-shadow: none !important;
}

html[data-theme="light"] body.members-index-page
.member-tiles-grid.v9845-member-list-view .member-tile-info {
    border-color: var(--pe36-surface-border-strong) !important;
}

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

    html[data-theme="light"] body.members-index-page
    .member-tiles-grid.v9845-member-list-view .member-tile-info {
        top: calc(50% - 2px) !important;
    }
}