/* Mobile fixes and responsive improvements */

/* Prevent horizontal scroll */
body {
    overflow-x: hidden;
}

/* Mobile navbar fixes - only for mobile screens */
@media (max-width: 768px) {
    .navbar-header {
        height: 70px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        position: relative !important;
    }

    /* Hamburger dugme pozicioniraj skroz levo */
    .navbar-toggle {
        position: absolute !important;
        left: 15px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        z-index: 1000 !important;
        border: none !important;
        background: transparent !important;
        padding: 8px 10px !important;
    }

    .navbar-brand {
        height: 70px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 10px 60px 10px 60px !important; /* Dodato padding levo i desno da logo bude centriran */
        max-width: none !important;
        margin: 0 auto !important;
        position: relative !important;
        z-index: 999 !important;
    }

    .navbar-brand img {
        height: 45px !important;
        max-height: 45px !important;
        width: auto !important;
        max-width: 150px !important;
    }
}

/* Override existing responsive styles that move hamburger incorrectly */
@media screen and (max-width: 350px) {
    /* Override postojeći stil iz responsive.css */
    nav.navbar.bootsnav .navbar-toggle {
        position: absolute !important;
        left: 10px !important; /* Skroz levo, ne -10px kako je bilo */
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        z-index: 1000 !important;
    }

    .navbar-brand {
        padding: 10px 50px !important; /* Manje padding za manje ekrane */
        font-size: 18px !important; /* Override font-size iz responsive.css */
    }
}

/* Dodatni override za bootsnav specifične stilove */
@media (max-width: 768px) {
    /* Force correct positioning across all bootsnav variants */
    nav.navbar.bootsnav .navbar-toggle,
    nav.bootsnav .navbar-toggle,
    .navbar-toggle {
        position: absolute !important;
        left: 15px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        margin-right: 0 !important; /* Override default bootstrap margin */
        margin-left: 0 !important;
        float: none !important; /* Remove any float */
        z-index: 1001 !important;
        background: transparent !important;
        border: none !important;
        padding: 8px 12px !important;
    }

    /* Ensure brand is centered and doesn't interfere */
    nav.navbar.bootsnav .navbar-brand,
    nav.bootsnav .navbar-brand,
    .navbar-brand {
        text-align: center !important;
        display: block !important;
        float: none !important;
        margin: 0 auto !important;
        padding: 15px 60px !important; /* Padding to avoid hamburger and cart */
    }

    /* Container adjustments for mobile */
    nav.navbar.bootsnav .container,
    nav.bootsnav .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Header positioning */
    nav.navbar.bootsnav .navbar-header,
    nav.bootsnav .navbar-header {
        position: relative !important;
        width: 100% !important;
        text-align: center !important;
        float: none !important;
        padding: 0 !important;
    }
}

/* JAČI CSS ZA PODIZANJE LOGO-A */
@media (min-width: 769px) {
    /* Specifičniji selektor da override-uje sve */
    nav.navbar.bootsnav .navbar-header a.navbar-brand,
    nav.navbar.bootsnav .navbar-header a.navbar-brand:hover,
    nav.navbar.bootsnav .navbar-header a.navbar-brand:focus {
        padding: 14px 0px !important; /* Umesto 34px, stavi 14px = 20px manje */
        position: relative !important;
        top: -10px !important; /* Dodatno podizanje */
    }
}

/* Logout form and button styling */
.logout-form {
    margin: 0;
    padding: 0;
}

.logout-btn {
    color: #333;
    text-decoration: none;
    padding: 3px 20px;
    text-align: left;
    width: 100%;
    border: none;
    background: none;
    cursor: pointer;
}

.logout-btn:hover {
    background-color: #f5f5f5;
}