/*
 * PointNomade — Horizons 5.1 : mise en page pleine largeur fluide.
 * Chargée après les styles V4.4–V4.9 et les guides V4.5–V4.8.
 * Limite volontaire : aucun changement sur mobile/tablette étroite,
 * ni sur les données, cartes Leaflet, médias ou modes de couleur.
 */

@media screen and (min-width: 901px) {
  :root {
    /* Marge intérieure par côté, variable selon la taille de l'écran. */
    --pn-horizons-gutter: clamp(22px, 3.25vw, 88px);
  }

  /* Ancienne limite 1 280 px supprimée pour toutes les sections et la navigation. */
  .pn-shell {
    width: calc(100% - var(--pn-horizons-gutter) - var(--pn-horizons-gutter));
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  /* Les pages ordinaires et archives héritent de .pn-shell. Leur contenu
     et leurs cartes utilisent maintenant la surface réellement disponible. */
  .pn-page.pn-shell,
  .pn-article.pn-shell,
  html[data-pn-theme="dark"] .pn-page.pn-shell,
  html[data-pn-theme="dark"] .pn-article.pn-shell {
    width: calc(100% - var(--pn-horizons-gutter) - var(--pn-horizons-gutter));
    max-width: none;
  }

  /* Guides premium : outrepasser leurs plafonds historiques de 1 200/1 240 px,
     y compris les sélecteurs spécifiques du mode sombre. */
  .pn-guide46.pn-article,
  html[data-pn-theme="dark"] .pn-guide46.pn-article,
  .pn-guide45.pn-article,
  html[data-pn-theme="dark"] .pn-guide45.pn-article {
    width: calc(100% - var(--pn-horizons-gutter) - var(--pn-horizons-gutter)) !important;
    max-width: none !important;
    margin-left: auto;
    margin-right: auto;
  }

  /* Les blocs WordPress alignés large ne restent pas figés à 1 220 px. */
  .pn-page .alignwide,
  .pn-article .alignwide,
  .pn-page .wp-block-group.alignwide,
  .pn-article .wp-block-group.alignwide {
    max-width: 100%;
  }

  /* Lisibilité : on élargit les mises en page, pas les lignes de lecture
     à l'infini sur les moniteurs ultralarges. */
  .pn-guide46 .pn46-prose > :is(p, ul, ol, blockquote),
  .pn-article-main .pn-prose > :is(p, ul, ol, blockquote) {
    max-width: 100ch;
  }
}

@media screen and (min-width: 1600px) {
  /* Grilles et visuels plus généreux, sans changer l'ordre des 7 cartes V4.9. */
  .pn-vibrant-home .pn-v-destination-grid {
    grid-template-rows: 330px 330px 300px;
    grid-auto-rows: 300px;
    gap: clamp(17px, 1.4vw, 30px);
  }
  .pn-vibrant-home .pn-v-atlas-layout {
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: clamp(30px, 4vw, 90px);
  }
  .pn-vibrant-home .pn-v-route-grid,
  .pn-vibrant-home .pn-v-prepare-grid {
    gap: clamp(18px, 1.4vw, 30px);
  }
  /* Archives, résultats de recherche et bibliothèques de fiches. */
  .pn-page .pn-grid,
  .pn-article .pn-related .pn-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media screen and (min-width: 2100px) {
  .pn-vibrant-home .pn-v-destination-grid {
    grid-template-rows: 390px 390px 360px;
    grid-auto-rows: 360px;
  }
  /* Les guides disposent de davantage d'espace, sans écraser la colonne TOC. */
  .pn-guide46 .pn46-reading-grid {
    grid-template-columns: clamp(240px, 16vw, 340px) minmax(0, 1fr);
  }
}