/*
 * Utilitats de layout compartides entre components (no pertanyen a cap
 * secció concreta - veure .claude/context/project-context.md).
 */

:root {
  --edge-padding: 144px;
}

/* Native smooth scroll for in-page anchor links (nav menu -> #section-id).
   Scoped to html rather than a class since it's a document-wide behaviour,
   not a component to opt into. */
html {
  scroll-behavior: smooth;
}

/* Marge fix de 144px als costats del contingut, en comptes del gutter
   petit (12px) i el max-width limitat (960/1140/1320px) que aplica
   Bootstrap per defecte a ".container". Es queda amb el padding petit
   per sota de "lg" (mòbil/tauleta) - 144px fixos només tindrien sentit
   en pantalles prou amples. Aplicar-la sobre ".container" (a més de la
   pròpia, p.ex. "container h-100 container-edge") en comptes de substituir-la,
   perquè aquesta classe només toca el padding, no el max-width ni el
   comportament de columnes de Bootstrap. */
.container-edge {
  padding-left: 24px;
  padding-right: 24px;
}
@media screen and (min-width: 992px) {
  .container-edge {
    padding-left: var(--edge-padding);
    padding-right: var(--edge-padding);
  }
}