/* =====================================================================
   Zdvihservis s.r.o. - firemní vizuální styl (dle Logo manuálu)
   Barvy:
     - modrá:        CMYK 97/71/0/0   RGB 35/81/160   #2351A0
     - bílá:         CMYK 0/0/0/0     RGB 255/255/255 #FFFFFF
     - tmavě šedá:   CMYK 0/0/0/90    RGB 60/60/60    #3C3C3C
   Font: Brown Pro (Bold/Regular) - jde o placený licencovaný font, který
   není k dispozici přes veřejná CDN. Jako nejbližší volně dostupná náhrada
   (geometrické, mírně zaoblené písmo podobného charakteru) je použit
   Poppins z Google Fonts. Pokud budou k dispozici licencované soubory
   Brown Pro, lze je doplnit přes @font-face a v proměnné níže jen
   přepsat pořadí v font-family.
   ===================================================================== */

:root {
  --zs-blue: #2351A0;
  --zs-blue-hover: #1e4588;
  --zs-blue-active: #17376d;
  --zs-gray: #3C3C3C;
  --zs-gray-hover: #303030;
  --zs-gray-active: #242424;
}

body {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.navbar-brand,
.card-header,
.fw-bold {
  font-weight: 600;
}

/* Bootstrap 5 přejmenoval .font-weight-bold na .fw-bold - v šablonách se
   ale na několika místech používá starší název, který by jinak zůstal bez
   efektu. Doplňujeme, ať tučné popisky opravdu tučné jsou. */
.font-weight-bold {
  font-weight: 600 !important;
}

/* ---------------------------------------------------------------------
   Primární brand barva (modrá) - nahrazuje výchozí bootstrap "primary"
   --------------------------------------------------------------------- */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--zs-blue);
  --bs-btn-border-color: var(--zs-blue);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--zs-blue-hover);
  --bs-btn-hover-border-color: var(--zs-blue-hover);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--zs-blue-active);
  --bs-btn-active-border-color: var(--zs-blue-active);
  --bs-btn-disabled-bg: var(--zs-blue);
  --bs-btn-disabled-border-color: var(--zs-blue);
  --bs-btn-focus-shadow-rgb: 35, 81, 160;
}

.btn-outline-primary {
  --bs-btn-color: var(--zs-blue);
  --bs-btn-border-color: var(--zs-blue);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--zs-blue);
  --bs-btn-hover-border-color: var(--zs-blue);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--zs-blue-active);
  --bs-btn-active-border-color: var(--zs-blue-active);
  --bs-btn-disabled-color: var(--zs-blue);
  --bs-btn-disabled-border-color: var(--zs-blue);
  --bs-btn-focus-shadow-rgb: 35, 81, 160;
}

.bg-primary { background-color: var(--zs-blue) !important; }
.text-primary { color: var(--zs-blue) !important; }
.border-primary { border-color: var(--zs-blue) !important; }

a { color: var(--zs-blue); }
a:hover, a:focus { color: var(--zs-blue-active); }

.form-check-input:checked {
  background-color: var(--zs-blue);
  border-color: var(--zs-blue);
}
.form-check-input:focus,
.form-control:focus,
.form-select:focus {
  border-color: var(--zs-blue);
  box-shadow: 0 0 0 .25rem rgba(35, 81, 160, .25);
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: rgba(35, 81, 160, .08);
  color: var(--zs-blue);
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--zs-blue);
}

/* ---------------------------------------------------------------------
   Neutrální tmavá (tmavě šedá) - nahrazuje výchozí bootstrap "dark" i
   "secondary" (manuál definuje jen jednu neutrální tmavou barvu, takže se
   pro jednotnost sjednocují obě na stejný tón)
   --------------------------------------------------------------------- */
.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--zs-gray);
  --bs-btn-border-color: var(--zs-gray);
  --bs-btn-hover-bg: var(--zs-gray-hover);
  --bs-btn-hover-border-color: var(--zs-gray-hover);
  --bs-btn-active-bg: var(--zs-gray-active);
  --bs-btn-active-border-color: var(--zs-gray-active);
  --bs-btn-disabled-bg: var(--zs-gray);
  --bs-btn-disabled-border-color: var(--zs-gray);
}
.btn-outline-dark {
  --bs-btn-color: var(--zs-gray);
  --bs-btn-border-color: var(--zs-gray);
  --bs-btn-hover-bg: var(--zs-gray);
  --bs-btn-hover-border-color: var(--zs-gray);
  --bs-btn-active-bg: var(--zs-gray-active);
  --bs-btn-active-border-color: var(--zs-gray-active);
}
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--zs-gray);
  --bs-btn-border-color: var(--zs-gray);
  --bs-btn-hover-bg: var(--zs-gray-hover);
  --bs-btn-hover-border-color: var(--zs-gray-hover);
  --bs-btn-active-bg: var(--zs-gray-active);
  --bs-btn-active-border-color: var(--zs-gray-active);
  --bs-btn-disabled-bg: var(--zs-gray);
  --bs-btn-disabled-border-color: var(--zs-gray);
}
.btn-outline-secondary {
  --bs-btn-color: var(--zs-gray);
  --bs-btn-border-color: var(--zs-gray);
  --bs-btn-hover-bg: var(--zs-gray);
  --bs-btn-hover-border-color: var(--zs-gray);
  --bs-btn-active-bg: var(--zs-gray-active);
  --bs-btn-active-border-color: var(--zs-gray-active);
}

.bg-dark { background-color: var(--zs-gray) !important; }
.bg-secondary { background-color: var(--zs-gray) !important; }
.text-dark { color: var(--zs-gray) !important; }
.border-dark { border-color: var(--zs-gray) !important; }
.border-secondary { border-color: var(--zs-gray) !important; }

/* Navbar zůstává v brand modré (viz base.html - přepnuto na bg-primary),
   dropdown/hlavní menu využívá bílý text z .navbar-dark. */