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;
}

.custom-rectangle {
    width: 100%;
    max-width: 600px; /* Maximální šířka */
    min-height: 150px; /* Dynamické přizpůsobení výšky */
    background-color: #f8f9fa; /* Světlé pozadí */
    border: 2px solid #d6d8da; /* Tmavý rámeček */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 1.25rem;
    color: #343a40;
    border-radius: 15px;
    padding: 10px; /* Přidání prostoru okolo obsahu */
    box-sizing: border-box; /* Zohledňuje padding v rozměrech */
    flex-direction: column; /* Změna na vertikální uspořádání */
}
/* ===========================
   REŽIM: KLIENT
   =========================== */

body.mode-client {
    background-color: #f8f9fa; /* standard bootstrap light */
}

    body.mode-client .navbar {
        background-color: #ffffff;
        border-bottom: 1px solid #dee2e6;
    }

        body.mode-client .navbar .badge {
            background-color: #6c757d;
        }
        body.mode-client .navbar .nav-link {
            border-radius: 0.5rem;
            padding: .5rem .75rem;
        }

            body.mode-client .navbar .nav-link:hover {
                background-color: rgba(13, 110, 253, 0.08);
            }

            body.mode-client .navbar .nav-link.active {
                background-color: rgba(13, 110, 253, 0.14);
                outline: 1px solid rgba(13, 110, 253, 0.35);
                font-weight: 600;
            }
/* ===========================
   REŽIM: ADMIN
   =========================== */

body.mode-admin::before {
    content: "";
    position: fixed;
    top: 56px; /* výška navbaru */
    left: 0;
    right: 0;
    height: 3px;
    background-color: #dc3545; /* admin warning */
    z-index: 1029;
}
body.mode-admin .navbar.navbar-light .nav-link:hover {
    border-bottom-color: rgba(255, 193, 7, 0.45);
}

body.mode-admin .navbar.navbar-light .nav-link.active {
    color: #fd7e14;
    border-bottom-color: #fd7e14;
    font-weight: 600;
}