/**
 * Bottom Navigation pro mobilní zařízení
 * Zobrazuje se pouze na zařízeních pod lg breakpointem (992px)
 */

/* Hlavní bottom nav kontejner */
.bottom-nav {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    background: var(--bs-body-bg, #fff);
    border-top: 1px solid var(--bs-border-color, #e4e6ef);
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    z-index: 1060;
    padding: 0 !important;
    gap: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: auto;
}

/* Zabránit posunu při otevření offcanvas */
body.offcanvas-open .bottom-nav,
body:has(.offcanvas.show) .bottom-nav {
    padding-right: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

/* Zabránit Bootstrap scrollbar kompenzaci na mobilu */
@media (max-width: 991.98px) {
    body {
        padding-right: 0 !important;
    }

    /* Povolit scrollování v offcanvas */
    .offcanvas {
        overflow-y: auto !important;
    }

    .offcanvas-body {
        overflow-y: auto !important;
    }
}

/* Dark mode podpora */
[data-bs-theme="dark"] .bottom-nav {
    background: var(--bs-body-bg, #1e1e2d);
    border-top-color: var(--bs-border-color, #2b2b40);
}

/* Jednotlivé položky navigace */
.bottom-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: var(--bs-gray-600, #7e8299);
    text-decoration: none;
    padding: 8px 18px;
    transition: all 0.2s ease;
    min-width: 60px;
}

.bottom-nav-item:hover,
.bottom-nav-item:focus {
    color: var(--bs-primary, #009ef7);
    background: rgba(0, 158, 247, 0.1);
    text-decoration: none;
}

.bottom-nav-item.active {
    color: var(--bs-primary, #009ef7);
}

.bottom-nav-item.active i {
    transform: scale(1.1);
}

/* Plus tlačítko - výrazné */
.bottom-nav-plus {
    background: var(--bs-success);
    color: #fff !important;
    padding: 8px 27px;
}

.bottom-nav-plus:hover,
.bottom-nav-plus:focus {
    background: var(--bs-success);
    opacity: 0.9;
    color: #fff !important;
}

.bottom-nav-plus i {
    font-size: 22px;
    color: #fff !important;
}

/* Menu tlačítko - vpravo */
.bottom-nav-menu {
    margin-left: auto;
    padding: 8px 24px;
}

.bottom-nav-item i {
    font-size: 20px;
    margin-bottom: 3px;
    transition: transform 0.2s ease;
}

.bottom-nav-item span {
    font-weight: 500;
    white-space: nowrap;
}

/* Odsazení obsahu od bottom nav na mobilech */
@media (max-width: 991.98px) {
    #kt_app_content {
        padding-bottom: 65px !important;
    }

    /* Skrýt footer na mobilech - bottom nav ho nahrazuje */
    #kt_app_footer {
        padding-bottom: 65px;
    }

    /* Snížení výšky horního menu na mobilech */
    #kt_app_header {
        min-height: 55px !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

    .app-header {
        height: 55px !important;
    }
}

/* Mobile menu offcanvas styly */
.mobile-menu-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    color: var(--bs-gray-700, #5e6278);
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.mobile-menu-link:hover,
.mobile-menu-link:focus {
    background: var(--bs-gray-100, #f5f8fa);
    color: var(--bs-primary, #009ef7);
    text-decoration: none;
}

.mobile-menu-link i {
    font-size: 18px;
    width: 24px;
    text-align: center;
}

.mobile-menu-link.text-danger:hover {
    background: rgba(241, 65, 108, 0.1);
    color: var(--bs-danger, #f1416c);
}

/* Dark mode pro offcanvas */
[data-bs-theme="dark"] .mobile-menu-link {
    color: var(--bs-gray-400, #a1a5b7);
}

[data-bs-theme="dark"] .mobile-menu-link:hover {
    background: var(--bs-gray-800, #2b2b40);
}

/* Hover efekt pro přepínání firem */
.hover-bg-light:hover {
    background: var(--bs-gray-100, #f5f8fa);
}

[data-bs-theme="dark"] .hover-bg-light:hover {
    background: var(--bs-gray-800, #2b2b40);
}

/* Offcanvas úpravy pro lepší vzhled */
#mobileMenuOffcanvas .offcanvas-body {
    padding-top: 0;
}

#mobileMenuOffcanvas hr {
    margin: 16px 0;
    opacity: 0.1;
}

/* Badge úpravy v mobile menu */
#mobileMenuOffcanvas .badge {
    font-size: 10px;
}