/* ==========================================================================
   Profilia - Grille, rythme et continuite des sections de l'accueil

   Un seul bord de contenu : conteneur --container (1280 px), gouttiere
   --gutter comprise, soit 112 px a 1440 et 32 px a 1280. Un seul rythme :
   --section-y (80 px) en haut et en bas de chaque section.

   Continuite : l'accueil se lit en trois chapitres, un fond par role.
     Trouver       Hero (teal) -> Offres (blanc) -> Secteurs (blanc)
     Se rassurer   Engagements (bleu petrole) -> Avis (sable)
     Agir          Banniere CV (blanc) -> Actualites (blanc)
                   -> Par ou commencer (sable) -> pied de page (teal, a venir)
   Meme fond d'une section a l'autre = meme chapitre : les marges ne se
   cumulent pas, la seconde section n'a pas de marge haute (Secteurs apres
   les Offres, Actualites apres la Banniere CV). Changement de fond =
   changement de chapitre. Jamais deux fonds fonces cote a cote.

   Charge apres les feuilles de section : a specificite egale, il gagne.
   ========================================================================== */

/* --- Enchainements sur le meme fond, a toutes les tailles ------------------ */

.pf-sectors { padding-top: 0; }
.pf-news:not(.pf-news--archive) { padding-top: 0; }

/* --- Ordinateur ------------------------------------------------------------- */

@media (min-width: 1024px) {
  .pf-offers,
  .pf-reviews {
    padding-top: var(--section-y);
    padding-bottom: var(--section-y);
  }
  .pf-sectors,
  .pf-news:not(.pf-news--archive) {
    padding-top: 0;
    padding-bottom: var(--section-y);
  }
  /* Par ou commencer : fond sable, conclut le chapitre « Agir ». */
  .pf-start {
    padding-top: var(--section-y);
    padding-bottom: var(--section-y);
  }

  /* Offres : la rangee de filtres part du bord, sous le titre, comme les cartes. */
  .pf-offers__bar { justify-content: flex-start; }
}

/* Sections Elementor (Banniere CV, Engagements) : la marge laterale passe de
   la section au conteneur, pour tomber sur le meme bord que les sections
   codees. A partir de 1025 px, la ou Elementor applique ses reglages
   « ordinateur » (a 1024 px, ce sont encore ceux de la tablette).
   La marge haute de la Banniere CV (80 / 64 / 48 px) est un reglage
   Elementor : elle suit desormais le sable des Avis. */
@media (min-width: 1025px) {
  .pf-bcv-wrap > .elementor-container,
  .pf-eng > .elementor-container {
    max-width: var(--container);
    padding-left: var(--gutter);
    padding-right: var(--gutter);
  }
}