/* Forum en pleine page sur ordinateur (forum de test, 15 oct 2026, demande de Gérald : « pleine page, pas resserré au centre »).
 * Chargé par includes/ph_bar.php, après les styles des pages : seules les largeurs d'ordinateur (≥ 1101 px) changent ;
 * le téléphone et la tablette gardent leur présentation. Les colonnes de côté suivent la largeur de l'écran (bornées), la colonne centrale prend le reste. */
@media (min-width: 1101px) {
    .header-inner, .global-alerts-bar, .hero-inner { max-width: none; padding-left: 28px; padding-right: 28px; }

    /* Accueil, notifications : colonne de gauche · fil · colonne de droite */
    .main-layout { max-width: none; justify-content: stretch; padding-left: 28px; padding-right: 28px;
                   grid-template-columns: clamp(250px, 22vw, 440px) minmax(0, 1fr) clamp(290px, 26vw, 520px); }

    /* Fil d'actualité, profil */
    .feed-3col, .profile-layout { max-width: none; padding-left: 28px; padding-right: 28px;
                                  grid-template-columns: clamp(240px, 22vw, 440px) minmax(0, 1fr) clamp(280px, 26vw, 520px); }
    .profile-cover-wrap { max-width: none; padding-left: 28px; padding-right: 28px; }

    /* Page d'un message (largeur écrite dans la page) */
    .post-detail-outer { max-width: none !important; padding-left: 28px !important; padding-right: 28px !important;
                         grid-template-columns: minmax(0, 1fr) clamp(290px, 26vw, 520px) !important; }

    /* Recherche, articles, tarifs, messagerie, gains */
    .page-layout { max-width: none; padding-left: 28px; padding-right: 28px; grid-template-columns: minmax(0, 1fr) clamp(280px, 21vw, 380px); }
    .messages-layout { max-width: none; padding-left: 28px; padding-right: 28px; grid-template-columns: clamp(280px, 21vw, 380px) minmax(0, 1fr); }
    .phg { max-width: none; padding-left: 28px; padding-right: 28px; }

    /* Vidéos YouTube des messages : jamais plus de 760 px de large, centrées (16 oct, Gérald : « elles s'affichent trop grandes ») */
    .video-embed.yt { max-width: 760px; margin-left: auto; margin-right: auto; }

    /* Textes plus grands, en harmonie (16 oct, Gérald) : le CONTENU des colonnes est agrandi de 10 % d'un bloc
       (texte, icônes, marges, boutons gardent leurs proportions). Les colonnes elles-mêmes ne sont pas agrandies :
       theme.js les fixe à l'écran d'après leur place, un agrandissement de la page entière les décalerait.
       L'en-tête du profil (photo, pseudo en grand, boutons) garde sa taille : agrandi, le pseudo se coupait en deux lignes. */
    .header-inner,
    .main-layout > .feed-col, .feed-3col > .feed-col, .profile-layout > main > :not(.pv), .post-detail-outer > div:not(.side-ph),
    .page-layout > .page-main, .messages-layout > *, .phg,
    .sidebar > *, .sidebar-left > *, .feed-sidebar-left > *, .feed-sidebar-right > *,
    .profile-sidebar-left > *, .profile-sidebar-right > *, .post-detail-outer > aside > *, .page-sidebar > * { zoom: 1.1; }
    /* Éléments collés en haut à l'intérieur d'un contenu agrandi : leur décalage est compensé (sinon 10 % trop bas) */
    .ph-tabs-pin { top: calc(var(--hdrH, 64px) / 1.1) !important; }
    .video-embed.yt { max-width: calc(760px / 1.1); }

    /* Pages sans colonne de droite (ex. Tarifs) : le contenu prend toute la largeur au lieu de laisser une colonne vide */
    .page-layout:not(:has(> aside, > .page-sidebar)) { grid-template-columns: minmax(0, 1fr); }

    /* Administration (16 oct, Gérald : « les pages d'administration aussi grandes ») : pleine largeur et contenu agrandi de 10 %, comme le forum.
       admin/index.php : <div class="container adm-page"> ; les formulaires courts gardent leur largeur de lecture (agrandie elle aussi). */
    .adm-page { max-width: none !important; padding-left: 28px !important; padding-right: 28px !important; zoom: 1.1; }
    .adm-page .pa-ws { max-width: none; grid-template-columns: minmax(0, 1fr) clamp(340px, 26vw, 480px); }
    .adm-page .pa-ws > .pa-side { max-height: calc(100vh / 1.1 - 24px); }
}