/*
 * Compatibilità Bootstrap 4 -> 5.3 (DirectCar)
 * Caricato subito DOPO bootstrap-5.3.8.min.css e PRIMA dei CSS del tema,
 * così i CSS personalizzati continuano ad avere l'ultima parola.
 * Ripristina i valori predefiniti di Bootstrap 4 che la 5 ha cambiato,
 * per evitare differenze grafiche. Si può rimuovere gradualmente in futuro.
 */

/* Link: in BS5 sono sottolineati e di un blu diverso; in BS4 no */
:root {
  --bs-link-color: #007bff;
  --bs-link-color-rgb: 0, 123, 255;
  --bs-link-hover-color: #0056b3;
  --bs-link-hover-color-rgb: 0, 86, 179;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* Griglia: BS5 usa gutter di 24px, BS4 di 30px */
.container, .container-fluid, .container-sm, .container-md,
.container-lg, .container-xl, .container-xxl,
.row { --bs-gutter-x: 30px; }
.row.g-0, .row.gx-0 { --bs-gutter-x: 0; }

/* .no-gutters (BS4) mantenuta solo dove applicata a una colonna e non a una riga:
   in BS4 azzera il padding delle colonne figlie, senza toccare la colonna stessa */
.no-gutters { margin-right: 0; margin-left: 0; }
.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }

/* Colonne: in BS4 tutte le colonne avevano position:relative (in BS5 no).
   Serve ai controlli dei caroselli posizionati dentro una colonna */
.col, [class^="col-"], [class*=" col-"] { position: relative; }

/* BS5 aggiunge un breakpoint >=1400px con container a 1320px; BS4 si fermava a 1140px */
@media (min-width: 1400px) {
  .container, .container-sm, .container-md, .container-lg,
  .container-xl, .container-xxl { max-width: 1140px; }
}

/* Titoli: BS5 riduce i titoli su schermi piccoli (RFS); BS4 li teneva fissi */
h1, .h1 { font-size: 2.5rem; }
h2, .h2 { font-size: 2rem; }
h3, .h3 { font-size: 1.75rem; }
h4, .h4 { font-size: 1.5rem; }

/* Reboot: differenze minori */
label { margin-bottom: .5rem; }
small, .small { font-size: 80%; }
ol, ul { padding-left: 40px; }
hr { opacity: 1; color: inherit; border-top: 1px solid rgba(0, 0, 0, .1); }