/* PRIVATE EVENTS V99.59
   Catalogues Desktop V1 — Événements + Membres.
   La parité mobile/tablette est sanctuarisée : toutes les règles sont limitées
   aux viewports desktop (>= 1200 px) et au shell V99.58.
*/

@media (min-width: 1200px) {
    /* Le shell desktop remplace la navigation Retour flottante. */
    body.pe-v9958-desktop-shell .site-back-button {
        display: none !important;
    }

    /* Les catalogues exploitent réellement la zone disponible après la sidebar. */
    body.pe-v9958-desktop-shell.events-index-page .events-catalogue,
    body.pe-v9958-desktop-shell.members-index-page .members-catalogue {
        width: min(1680px, calc(100% - 72px)) !important;
        max-width: none !important;
        margin-inline: auto !important;
        padding-bottom: 96px;
        box-sizing: border-box;
    }

    /* Header catalogue desktop : plus lisible, sans devenir massif. */
    body.pe-v9958-desktop-shell.events-index-page .events-catalogue-hero,
    body.pe-v9958-desktop-shell.members-index-page .members-catalogue-hero {
        width: 100%;
        padding-top: 48px;
        padding-bottom: 30px;
        text-align: center;
    }

    body.pe-v9958-desktop-shell.events-index-page .events-catalogue-title-row h1,
    body.pe-v9958-desktop-shell.members-index-page .members-catalogue-title-row h1 {
        font-size: clamp(2.25rem, 2.4vw, 3rem);
        line-height: 1.02;
        letter-spacing: -.035em;
    }

    body.pe-v9958-desktop-shell.events-index-page .events-catalogue-count,
    body.pe-v9958-desktop-shell.members-index-page .members-catalogue-count {
        margin-top: 8px;
        font-size: .94rem;
        line-height: 1.35;
    }

    body.pe-v9958-desktop-shell.events-index-page .events-catalogue-intro,
    body.pe-v9958-desktop-shell.members-index-page .members-catalogue-hint {
        margin-top: 10px;
        font-size: .84rem !important;
        line-height: 1.45;
        opacity: .82;
    }

    /* Barre de tri / vue : centrée et dimensionnée pour souris + tactile PC. */
    body.pe-v9958-desktop-shell.events-index-page .v9841-event-toolbar,
    body.pe-v9958-desktop-shell.members-index-page .v9841-event-toolbar {
        justify-content: center !important;
        margin-top: 14px;
    }

    body.pe-v9958-desktop-shell.events-index-page .v9841-event-tool-actions,
    body.pe-v9958-desktop-shell.members-index-page .v9841-event-tool-actions {
        margin-left: 0 !important;
        justify-content: center;
        gap: 10px;
    }

    body.pe-v9958-desktop-shell.events-index-page .v9841-event-tool-button,
    body.pe-v9958-desktop-shell.members-index-page .v9841-event-tool-button {
        min-height: 44px;
        padding: 9px 14px;
        border-radius: 13px;
        font-size: .82rem;
    }

    body.pe-v9958-desktop-shell.events-index-page .v9841-event-tool-button svg,
    body.pe-v9958-desktop-shell.members-index-page .v9841-event-tool-button svg {
        width: 21px;
        height: 21px;
    }

    /*
       Cartes desktop : largeur contrôlée, rangées centrées.
       Cela évite à la fois les mini-cartes « téléphone au milieu d'un écran 4K »
       et les cartes géantes quand une rangée contient peu d'éléments.
    */
    body.pe-v9958-desktop-shell.events-index-page .event-tiles-grid:not(.v9841-list-view) {
        grid-template-columns: repeat(auto-fit, minmax(270px, 310px)) !important;
        justify-content: center;
        align-items: start;
        gap: 24px;
    }

    body.pe-v9958-desktop-shell.members-index-page .member-tiles-grid:not(.v9845-member-list-view) {
        grid-template-columns: repeat(auto-fit, minmax(270px, 310px)) !important;
        justify-content: center;
        align-items: start;
        gap: 24px;
    }

    body.pe-v9958-desktop-shell.events-index-page .event-tile,
    body.pe-v9958-desktop-shell.members-index-page .member-tile {
        width: 100%;
        border-radius: 18px;
    }

    body.pe-v9958-desktop-shell.events-index-page .event-tile-info h2,
    body.pe-v9958-desktop-shell.members-index-page .member-tile-info h2 {
        font-size: 1.12rem;
    }

    body.pe-v9958-desktop-shell.events-index-page .event-tile-location,
    body.pe-v9958-desktop-shell.events-index-page .event-tile-organizer,
    body.pe-v9958-desktop-shell.members-index-page .member-tile-presence,
    body.pe-v9958-desktop-shell.members-index-page .member-tile-location {
        font-size: .74rem;
    }

    /* Les vues Liste restent volontairement plus étroites pour la lisibilité. */
    body.pe-v9958-desktop-shell.events-index-page .event-tiles-grid.v9841-list-view,
    body.pe-v9958-desktop-shell.members-index-page .member-tiles-grid.v9845-member-list-view {
        width: min(1180px, 100%);
        margin-inline: auto;
        gap: 14px !important;
    }

    body.pe-v9958-desktop-shell.events-index-page .event-tiles-grid.v9841-list-view .event-tile,
    body.pe-v9958-desktop-shell.members-index-page .member-tiles-grid.v9845-member-list-view .member-tile {
        border-radius: 15px;
    }

    /* Recherche intégrée : même axe et même largeur de travail que le catalogue. */
    body.pe-v9958-desktop-shell.events-index-page .catalogue-search-panel,
    body.pe-v9958-desktop-shell.members-index-page .catalogue-search-panel {
        width: min(1180px, 100%);
        margin-inline: auto;
    }
}

/* Écrans desktop larges / 4K : un peu plus d'air sans changer le nombre logique de cartes. */
@media (min-width: 1800px) {
    body.pe-v9958-desktop-shell.events-index-page .events-catalogue,
    body.pe-v9958-desktop-shell.members-index-page .members-catalogue {
        width: min(1760px, calc(100% - 96px)) !important;
    }

    body.pe-v9958-desktop-shell.events-index-page .event-tiles-grid:not(.v9841-list-view),
    body.pe-v9958-desktop-shell.members-index-page .member-tiles-grid:not(.v9845-member-list-view) {
        grid-template-columns: repeat(auto-fit, minmax(286px, 320px)) !important;
        gap: 26px;
    }
}