/* Tema ENPA Arezzo su Bootstrap 5.3 (caricato subito dopo Bootstrap).
   Il sito è passato alle classi di Bootstrap 5 mantenendo l'aspetto che aveva con
   Bootstrap 4: qui stanno i valori che tra le due versioni sono cambiati. Si usano le
   variabili CSS di Bootstrap, così non serve ricompilarlo. Togliendo un blocco, quella
   parte del sito prende l'aspetto predefinito di Bootstrap 5. */

/* Colori, carattere di base, link, angoli */
:root {
  --bs-primary: #007bff;
  --bs-primary-rgb: 0, 123, 255;
  --bs-link-color: #007bff;
  --bs-link-color-rgb: 0, 123, 255;
  --bs-link-hover-color: #0056b3;
  --bs-link-hover-color-rgb: 0, 86, 179;
  --bs-secondary-color: #6c757d;
  --bs-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --bs-border-radius: .25rem;
  --bs-border-radius-sm: .2rem;
  --bs-border-radius-lg: .3rem;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.btn:hover, .nav-link:hover, .dropdown-item:hover, .navbar-brand:hover { text-decoration: none; }

/* Elenchi: il rientro di prima */
ol, ul { padding-left: 40px; }

/* Griglia: colonne a 30 px e contenitore fermo a 1140 px anche sopra i 1400 px */
.container, .container-fluid, .row { --bs-gutter-x: 30px; }
@media (min-width: 1400px) {
  .container { max-width: 1140px; }
}

/* Titoli: misure fisse, senza il ridimensionamento automatico di Bootstrap 5 */
h1, .h1 { font-size: 2.5rem; }
h2, .h2 { font-size: 2rem; }
h3, .h3 { font-size: 1.75rem; }
h4, .h4 { font-size: 1.5rem; }

/* Pulsante primario */
.btn-primary {
  --bs-btn-bg: #007bff;
  --bs-btn-border-color: #007bff;
  --bs-btn-hover-bg: #0069d9;
  --bs-btn-hover-border-color: #0062cc;
  --bs-btn-active-bg: #0062cc;
  --bs-btn-active-border-color: #005cbf;
  --bs-btn-disabled-bg: #007bff;
  --bs-btn-disabled-border-color: #007bff;
  --bs-btn-focus-shadow-rgb: 38, 143, 255;
}

/* Componenti */
.table { --bs-table-color: #212529; }
.table-sm > :not(caption) > * > * { padding: .3rem; }
.table > :not(caption) > * > * { border-bottom-width: 0; border-top: 1px solid #dee2e6; }
.table > thead > * > * { border-bottom: 2px solid #dee2e6; }
.card {
  --bs-card-spacer-y: 1.25rem;
  --bs-card-spacer-x: 1.25rem;
  --bs-card-cap-padding-y: .75rem;
  --bs-card-cap-padding-x: 1.25rem;
  --bs-card-title-spacer-y: .75rem;
  --bs-card-border-color: rgba(0, 0, 0, .125);
}
.badge { --bs-badge-padding-x: .4em; --bs-badge-padding-y: .25em; }
.badge.rounded-pill { --bs-badge-padding-x: .6em; }
.dropdown-menu { --bs-dropdown-item-padding-x: 1.5rem; --bs-dropdown-link-hover-bg: #f8f9fa; --bs-dropdown-link-active-bg: #007bff; --bs-dropdown-border-color: rgba(0, 0, 0, .15); }

/* Barra del menu: stesso margine laterale di prima */
.navbar {
  --bs-navbar-padding-x: 1rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler:focus:not(:focus-visible) { box-shadow: none; }
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container-fluid { padding-left: 0; padding-right: 0; }
}

/* Campi dei moduli: il blu del sito al posto di quello di Bootstrap 5 */
.form-check-input:checked { background-color: #007bff; border-color: #007bff; }
.form-control:focus, .form-check-input:focus { border-color: #80bdff; box-shadow: 0 0 0 .25rem rgba(0, 123, 255, .25); }