body {
  font-family: sans-serif;
  font-size: 1.2em;
  color: #333333;
}

.wpage {
  max-width: 1920px;
}

h1, .h1 {
  color: #1E3A5F;
}

.pjustify {
  text-align: justify;
}

/*
Primární barvy (důvěra a stabilita):
  •	Tmavě modrá: #1E3A5F – pro logotyp, nadpisy a důležité prvky (profesionální, technická autorita).
  •	Světlá modrá: #4F8CC9 – pro zvýraznění, tlačítka, ikonky (působí moderně a přívětivě).

Sekundární barvy (přístupnost a lidskost):
  •	Teplá písková: #F5E6D3 – jemné pozadí sekcí, dodá lidský a přátelský dojem.
  •	Svěží zelená: #7BB661 – akcent pro “pozitivní” prvky (úspěšně splněná kontrola, tlačítko “Objednat inspekci”).

Neutrální základ:
  •	Bílá: #FFFFFF – hlavní pozadí pro čistý a vzdušný dojem.
  •	Světlá šedá: #F2F4F7 – oddělení sekcí, tabulek a checklistů.
  •	Tmavě šedá: #333333 – pro text, který má být čitelný a neutrální.

💡 Jak barvy použít
  •	Pozadí webu: převážně bílé, s bloky v jemné šedé nebo pískové.
  •	Navigace a patička: tmavě modrá (#1E3A5F), kontrastní bílý text.
  •	Tlačítka: hlavní CTA (výzvy k akci) světle modrá (#4F8CC9) s bílým textem, hover efekt tmavší modrá.
  •	Doplňkové zvýraznění: zelená (#7BB661) jen tam, kde chceme zdůraznit pozitivní či “bez závad” výsledek.
  •	Ikony a infografiky: kombinace světle modré a šedé pro technický a přehledný vzhled.

👉 Tohle nastavení drží balanc: korporátně-profesionální základ v modré, přátelské akcenty v teplých barvách, a celkově lehký, čistý design.
*/

.bg-bezzavad {
  background-color: #F5E6D3 !important;
}
.bg-bezzavad-2 {
  background-color: #F2F4F7 !important;
}
.bg-bezzavad-3 {
  background-color: #4F8CC9 !important;
}
.bg-bezzavad-4 {
  background-color: #1E3A5F !important;
}

.border-bezzavad {
  border-color: #F5E6D3 !important;
}
.border-bezzavad-2 {
  border-color: #F2F4F7 !important;
}
.border-bezzavad-3 {
  border-color: #4F8CC9 !important;
}
.border-bezzavad-4 {
  border-color: #1E3A5F !important;
}

.form-control {
  border: 2px solid #111;
  border-radius: 25px;
  background-color: transparent;
}

.text-primary {
  color: #4F8CC9 !important;
}

.border-primary {
  border-color: #4F8CC9 !important;
}

.btn {
  border-radius: 25px;
}

.btn.btn-primary {
  background-color: #4F8CC9 !important;
  border-color: #4F8CC9 !important;
}

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

.btn.btn-success {
  color: #fff !important;
  background-color: #7BB661 !important;
  border-color: #7BB661 !important;
}

.btn.btn-success:hover {
  color: #fff !important;
  background-color: #3e7f22 !important;
  border-color: #7BB661 !important;
}

.link-bezzavad {
  color: #1E3A5F !important;
}

.link-bezzavad:hover {
  color: #1E3A5F !important;
  text-decoration: none;
}

.nav-link {
  color: #fff !important;
}

.nav-link:hover,
.nav-link.active {
  color: #F5E6D3 !important;
}

.nav-tabs .nav-link {
  color: #333 !important;
  background-color: #ddd;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link.active {
  color: #F2F4F7 !important;
}

.card .link-light:hover,
.card .link-dark:hover {
  text-decoration: underline !important;
}

/*
.card-footer .nav-link, .list-group-item a {
	color: #fff !important;
}

.card-footer .nav-link:hover, .card-footer .nav-link.active, .list-group-item a:hover {
	color: #A3370C !important;
}
*/
.pagination .page-item {
  background: #4F8CC9;
  border-color: #4F8CC9;
  color: #333;
  margin: 0px 6px 0px 6px;
  border-radius: 5px;
}

.pagination .page-item.active,
.pagination .page-item:hover {
  background: #1E3A5F;
  border-color: #1E3A5F;
  color: #fff;
  border-radius: 5px;
}

.pagination .page-item .page-link {
  background: transparent;
  border-color: transparent;
  color: #ffffff;
}

.pagination .page-item.active .page-link,
.pagination .page-item:hover .page-link {
  background: #1E3A5F;
  border-color: #1E3A5F;
  color: #fff;
  border-radius: 5px;
}

.page-item:last-child .page-link,
.page-item:first-child .page-link {
  border-radius: 5px;
}

#select {
  background-image: url("/static/images/hp/proc-si-nas-vybrat.webp");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*
#parallax {
  background-image: url("/static/images/parallax.webp");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  padding: 260px 0;
}
*/
#lswitch {
  bottom: 100px;
  right: 12px;
  position: fixed;
  z-index: 9999;
}

#open_preferences_center {
  background: #eee none repeat scroll 0 0;
  bottom: 5px;
  color: #999;
  right: 12px;
  cursor: pointer;
  height: 30px;
  line-height: 20px;
  position: fixed;
  text-align: center;
  -webkit-transition: all 4ms linear 0s;
  transition: all 4ms linear 0s;
  width: 180px;
  z-index: 9999;
  font-size: 16px;
  border: 1px solid #4F8CC9;
  border-radius: 10px;
  padding-top: 6px;
}
#open_preferences_center:hover {
  background-color: #4F8CC9;
  color: #eee;
}