/*
Theme: PiloteCSE Child
File: pilotecse-layout-global.css
Version: 0.2.0
Objet: Largeurs globales et conteneurs communs PiloteCSE
Important:
- Ne modifie pas le header
- Ne modifie pas le menu
- Ne modifie pas les couleurs
- Sert de référence commune aux pages PiloteCSE
*/

/* =========================================================
   1. Variables globales de largeur
   ========================================================= */

:root {
  /*
   Largeur de référence observée sur la home.
   Si vous souhaitez élargir ou réduire les grands contenus du site,
   c'est cette valeur qu'il faudra ajuster en priorité.
  */
  --pcse-site-max-width: 1450px;

  /* Marges latérales desktop. */
  --pcse-site-gutter: 24px;

  /* Marges tablette / mobile. */
  --pcse-site-gutter-tablet: 24px;
  --pcse-site-gutter-mobile: 14px;
}

/* =========================================================
   2. Conteneur standard PiloteCSE
   ========================================================= */

.pcse-container,
.pcse-layout-container,
.pcse-home,
.pcse-home-2026,
.pcse-edito-page,
.pcse-jurisprudence-page,
.pcse-formation-page,
.pcse-encyclopedie-page {
  width: min(
    var(--pcse-site-max-width),
    calc(100vw - (var(--pcse-site-gutter) * 2))
  );
  max-width: var(--pcse-site-max-width);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.pcse-container *,
.pcse-layout-container *,
.pcse-home *,
.pcse-home-2026 *,
.pcse-edito-page *,
.pcse-jurisprudence-page *,
.pcse-formation-page *,
.pcse-encyclopedie-page * {
  box-sizing: border-box;
}

/* =========================================================
   3. Sécurité responsive
   ========================================================= */

@media (max-width: 1100px) {
  .pcse-container,
  .pcse-layout-container,
  .pcse-home,
  .pcse-home-2026,
  .pcse-edito-page,
  .pcse-jurisprudence-page,
  .pcse-formation-page,
  .pcse-encyclopedie-page {
    width: calc(100vw - (var(--pcse-site-gutter-tablet) * 2));
  }
}

@media (max-width: 680px) {
  .pcse-container,
  .pcse-layout-container,
  .pcse-home,
  .pcse-home-2026,
  .pcse-edito-page,
  .pcse-jurisprudence-page,
  .pcse-formation-page,
  .pcse-encyclopedie-page {
    width: calc(100vw - (var(--pcse-site-gutter-mobile) * 2));
  }
}
/*
===============================================================================
PiloteCSE - Gabarits globaux de largeur
Version: 0.1.0
Date: 2026-05-15

Objectif:
- Centraliser les largeurs du site
- Éviter les corrections page par page
- Aligner home, jurisprudence, éditos, formations et encyclopédie
- Ne pas modifier le header global
===============================================================================
*/

:root {
  --pcse-shell-max: 1560px;
  --pcse-page-wide: 1400px;
  --pcse-page-standard: 1180px;
  --pcse-readable-max: 920px;
  --pcse-sidebar-width: 340px;
  --pcse-layout-gap: 32px;
  --pcse-gutter: clamp(16px, 3vw, 48px);
}

/*
-------------------------------------------------------------------------------
Gabarit large
Utilisé pour :
- home
- jurisprudences
- éditos
- formations
- encyclopédie
-------------------------------------------------------------------------------
*/

body.pcse-layout-wide main#wp--skip-link--target {
  max-width: var(--pcse-shell-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--pcse-gutter);
  padding-right: var(--pcse-gutter);
  box-sizing: border-box;
}

/*
Le conteneur de contenu WordPress prend le gabarit de page.
Cela évite les bidouilles avec transform ou marges négatives.
*/

body.pcse-layout-wide main#wp--skip-link--target > .wp-block-post-content,
body.pcse-layout-wide main#wp--skip-link--target > .entry-content,
body.pcse-layout-wide main#wp--skip-link--target > article,
body.pcse-layout-wide main#wp--skip-link--target > .pcse-home-v2026,
body.pcse-layout-wide main#wp--skip-link--target > .pcse-juris-page {
  width: min(var(--pcse-page-wide), calc(100vw - (2 * var(--pcse-gutter))));
  max-width: var(--pcse-page-wide);
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}

/*
-------------------------------------------------------------------------------
Jurisprudences
-------------------------------------------------------------------------------
*/

body.pcse-layout-juris .pcse-juris-page,
body.pcse-layout-juris .pcse-juris-page__hero,
body.pcse-layout-juris .pcse-juris-filters,
body.pcse-layout-juris .pcse-juris-layout,
body.pcse-layout-juris .pcse-juris-list-page {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  transform: none;
  box-sizing: border-box;
}

body.pcse-layout-juris .pcse-juris-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--pcse-sidebar-width);
  gap: var(--pcse-layout-gap);
  align-items: start;
}

/*
-------------------------------------------------------------------------------
Éditos
-------------------------------------------------------------------------------
*/

body.pcse-layout-edito .pcse-edito-page,
body.pcse-layout-edito .pcse-edito-hero,
body.pcse-layout-edito .pcse-edito-quicknav,
body.pcse-layout-edito .pcse-edito-layout {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  transform: none;
  box-sizing: border-box;
}

body.pcse-layout-edito .pcse-edito-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--pcse-sidebar-width);
  gap: var(--pcse-layout-gap);
  align-items: start;
}

body.pcse-layout-edito .pcse-edito-main {
  max-width: none;
  min-width: 0;
}

body.pcse-layout-edito .pcse-edito-side {
  min-width: 0;
}

/*
-------------------------------------------------------------------------------
Responsive
-------------------------------------------------------------------------------
*/

@media (max-width: 1100px) {
  body.pcse-layout-wide main#wp--skip-link--target {
    padding-left: 16px;
    padding-right: 16px;
  }

  body.pcse-layout-wide main#wp--skip-link--target > .wp-block-post-content,
  body.pcse-layout-wide main#wp--skip-link--target > .entry-content,
  body.pcse-layout-wide main#wp--skip-link--target > article,
  body.pcse-layout-wide main#wp--skip-link--target > .pcse-home-v2026,
  body.pcse-layout-wide main#wp--skip-link--target > .pcse-juris-page {
    width: 100%;
    max-width: 100%;
  }

  body.pcse-layout-juris .pcse-juris-layout,
  body.pcse-layout-edito .pcse-edito-layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
/*
===============================================================================
PiloteCSE - Ajustement gabarit édito
Version: 0.1.2
Objet:
- Limiter les articles édito au gabarit large commun
- Éviter qu'ils reprennent toute la largeur utile du main
- Ne pas modifier le header
- Ne pas modifier le design interne de l'édito
===============================================================================
*/

body.pcse-layout-edito .pcse-edito-page {
  width: 100%;
  max-width: var(--pcse-page-wide, 1400px);
  margin-left: auto;
  margin-right: auto;
  transform: none;
  box-sizing: border-box;
}

body.pcse-layout-edito .pcse-edito-hero,
body.pcse-layout-edito .pcse-edito-quicknav,
body.pcse-layout-edito .pcse-edito-layout,
body.pcse-layout-edito .pcse-edito-crossroads {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  transform: none;
  box-sizing: border-box;
}