/*!
 * colorful_dark.css — Tema blu acciaio per prodotti DS400/DT400
 * Caricato DOPO colorful.css (sovrascritture selettive)
 *
 * Palette:
 *   --accent:       #3d6b8f  (RAL 5014 steel blue)
 *   --accent-hover: #2d5275
 *   --accent-light: #edf3f7  (sfondo chiaro tinto)
 */

/* =====================================================================
   1. VARIABILI CSS
   ===================================================================== */
:root {
  --secondary: #3d6b8f;
  --primary:   #3d6b8f;
}

/* =====================================================================
   2. TEXT-SECONDARY  (usato per titolo prodotto h2 e cerchi icone)
   ===================================================================== */
.text-secondary {
  color: #3d6b8f !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
  color: #2d5275 !important;
}

/* =====================================================================
   3. BTN-PRIMARY  (bottoni "Maggiori informazioni" ecc.)
   ===================================================================== */
.btn-primary {
  color: #fff;
  background-color: #3d6b8f !important;
  border-color: #3d6b8f !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-primary:hover {
  color: #fff;
  background-color: #2d5275 !important;
  border-color: #2d5275 !important;
}

.btn-primary:focus,
.btn-primary.focus {
  background-color: #2d5275 !important;
  border-color: #2d5275 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 0 0.2rem rgba(61, 107, 143, 0.45) !important;
}

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #7aaaca !important;
  border-color: #7aaaca !important;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  background-color: #2d5275 !important;
  border-color: #2d5275 !important;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125),
    0 0 0 0.2rem rgba(61, 107, 143, 0.45) !important;
}

/* =====================================================================
   4. BTN-SECONDARY (stessa palette di btn-primary nel tema originale)
   ===================================================================== */
.btn-secondary {
  background-color: #3d6b8f !important;
  border-color: #3d6b8f !important;
}

.btn-secondary:hover {
  background-color: #2d5275 !important;
  border-color: #2d5275 !important;
}

.btn-secondary:focus,
.btn-secondary.focus {
  background-color: #2d5275 !important;
  border-color: #2d5275 !important;
  box-shadow: 0 0 0 0.2rem rgba(61, 107, 143, 0.45) !important;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  background-color: #2d5275 !important;
  border-color: #2d5275 !important;
}

/* =====================================================================
   5. BTN-MODERN  (pill button)
   ===================================================================== */
.btn-modern {
  background-color: #3d6b8f !important;
}

.btn-modern:hover {
  background-color: #2d5275 !important;
}

/* =====================================================================
   6. TABELLE — intestazioni (override degli inline style #ee5100)
   ===================================================================== */
.table thead th {
  background-color: #3d6b8f !important;
  color: #fff !important;
}

/* righe alternate: leggero tinto blu invece di grigio */
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(61, 107, 143, 0.06) !important;
}

/* =====================================================================
   7. ICONE "FA-CIRCLE" dei punti di forza (cerchi con text-secondary)
      — già coperti dalla regola .text-secondary sopra
   ===================================================================== */

/* =====================================================================
   8. SFONDO SEZIONE "PUNTI DI FORZA"  (.bg-light)
      — leggero tinto blu, sfondo sempre chiaro
   ===================================================================== */
.bg-light {
  background-color: #edf3f7 !important;
}

/* =====================================================================
   9. BG-SECONDARY / BG-PRIMARY (usati in badge, nav highlight ecc.)
   ===================================================================== */
.bg-secondary {
  background-color: #3d6b8f !important;
}

.bg-primary {
  background-color: #3d6b8f !important;
}

/* =====================================================================
   10. LINK COLORE PRIMARIO
   ===================================================================== */
.text-primary {
  color: #3d6b8f !important;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #2d5275 !important;
}

/* =====================================================================
   11. NAVBAR — link attivo / hover (se usa text-primary o text-secondary)
   ===================================================================== */
.nav-link:hover,
.nav-link:focus {
  color: #3d6b8f;
}

/* =====================================================================
   12. TOGGLE WIZARD (colore accento)
   ===================================================================== */
.gct-toggle--orange input:checked + .gct-toggle-slider {
  background: #3d6b8f !important;
}

/* =====================================================================
   13. BORDI TABELLE — thead e table-bordered
   ===================================================================== */
.table-bordered {
  border-color: #3d6b8f !important;
}

.table-bordered th,
.table-bordered td {
  border-color: rgba(61, 107, 143, 0.3) !important;
}

.table-bordered thead th,
.table-bordered thead td {
  border-color: #3d6b8f !important;
  border-bottom-width: 2px;
}

/* Sovrascrive anche gli inline style border che Bootstrap imposta sugli thead */
.table thead th {
  border-color: #3d6b8f !important;
}

/* =====================================================================
   14. PAGE BAR — tab di navigazione
   ===================================================================== */

/* Linea inferiore della barra tab */
.nav-tabs {
  border-bottom: 2px solid #3d6b8f !important;
}

/* Bordi dei singoli tab */
.nav-tabs .nav-link {
  border-color: transparent !important;
  color: #3d6b8f;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}

/* Hover dei tab non attivi */
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: rgba(61, 107, 143, 0.4) rgba(61, 107, 143, 0.4) transparent !important;
  background-color: rgba(61, 107, 143, 0.06) !important;
  color: #2d5275 !important;
}

/* Tab attivo */
.nav-tabs .nav-link.active {
  color: #3d6b8f !important;
  background-color: #fff !important;
  border-color: #3d6b8f #3d6b8f #fff !important;
  border-top-width: 2px;
  font-weight: 700;
}

/* Item show (dropdown aperto) */
.nav-tabs .nav-item.show .nav-link {
  color: #3d6b8f !important;
  border-color: #3d6b8f #3d6b8f #fff !important;
}