html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

/* ========================================================
   --- FIREMNÍ DESIGN HOLMTEC --- 
   ======================================================== */

/* 1. Barva horní navigační lišty (nahrazuje původní bg-dark) */
.firemni-hlavicka {
    /* Tmavě modro-šedá barva */
    background-color: #1a2b3c !important;
}

/* 2. Barva hlavního tlačítka "Nový pohyb" v menu */
.firemni-tlacitko {
    /* Zvýrazňovací oranžovo-červená barva */
    background-color: #d9534f !important;
    border-color: #d9534f !important;
    font-weight: bold;
}

    .firemni-tlacitko:hover {
        filter: brightness(0.85); /* Tlačítko po najetí myší lehce ztmavne */
    }

/* 3. Globální přebarvení primárních prvků (tlačítka, rámečky) na firemní barvu */
:root {
    /* Přepisujeme základní modrou barvu Bootstrapu na firemní */
    --bs-primary: #2c4a68;
}

.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

    .btn-primary:hover {
        filter: brightness(0.85);
    }

.bg-primary {
    background-color: var(--bs-primary) !important;
}

.text-primary {
    color: var(--bs-primary) !important;
}

.border-primary {
    border-color: var(--bs-primary) !important;
}