/*base.css*/
html, body{ overflow-x:clip; }
/* La page transparait sur le motif décoratif d'Olivero depuis la
   simplification de page.html.twig — on redonne un fond opaque. */
body {
  font-family: var(--font-body);
  color: var(--text);
  background-color: var(--bg) !important;
  background-image: none;
}

.text-content{
  font-family: var(--font-body);
}

.page-title {
  margin-top: 3.5rem;
  margin-bottom: 2rem;
}

/* Masque le titre technique du node sur la page d'accueil —
   c'est le titre du Hero (H1) qui sert de vrai titre visible. */
.path-frontpage .page-title {
  display: none;
}


.node__content{
  padding:0
}



/* Élargit le conteneur sur les très grands écrans — au-delà de
   1400px, Bootstrap plafonne par défaut à 1320px, laissant de
   grandes marges vides. On repousse cette limite. */
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}

/* pastilles de quartiers — purement décoratif, aria-hidden */

/* ---------- Icônes SVG inline — règle de base MANQUANTE ----------
   Sans ceci, toutes les icônes du sprite (#i-star, #i-pin, #i-trophy...)
   restent noires par défaut (comportement natif SVG), quelle que soit
   la couleur appliquée par ailleurs sur .pin, .stat-card, etc.
   À ajouter dans base.css ou components.css. */
.icon{
  width:1em; height:1em;
  fill:none; stroke:currentColor;
  stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;
  vertical-align:-0.15em;
}
/* pour les icônes dessinées "pleines" dans le sprite (étoile, cochon,
   trophée, coeur du calendrier — celles dont un <path>/<circle> porte
   déjà class="icon-fill" dans le SVG) */
.icon-fill{ fill:currentColor; stroke:none; }