/* Responzivna pravila za sve module, usmerena preklopcima. */
/* ===== ISPOD 560px ===== */
@media (max-width: 560px) {
    .ms-tekst {
        flex: 1;
        min-width: 0;
    }

    .ms-akcije {
        width: 100%;
        margin-left: 0;
        justify-content: flex-end;
    }
}

/* ===== ISPOD 460px ===== */
@media (max-width: 460px) {
    .birac-predmeta {
        grid-template-columns: 1fr;
        max-height: 236px;
    }

    .info-slota {
        gap: 5px;
    }

    .is-cip {
        padding: 3px 8px;
        font-size: 0.66rem;
    }


    .pretraga-predmeta {
        gap: 7px;
        padding: 7px 9px 8px;
        margin-bottom: 10px;
    }

    .pp-unos {
        font-size: 0.82rem;
    }

    .pp-cip {
        padding: 4px 9px;
        gap: 5px;
        min-height: 26px;
        font-size: 0.7rem;
    }

    .pp-ime {
        max-width: 108px;
    }
}
/* ===== NAD 900px ===== */

@media (min-width: 900px) {
    .podnozje-prečice.samo-desktop {
        display: inline-flex;
    }
}
/* ===== ISPOD 1024px ===== */

@media (max-width: 1024px) {
    .kalendar-raspored {
        grid-template-columns: 1fr;
    }

    .kalendar-sidebar {
        position: static;
    }
}

/* ===== ISPOD 899px: RASPORED ===== */
@media (max-width: 899px) {
    .raspored-kontejner.desktop {
        display: none;
    }

    .raspored-kontejner.mobilni {
        display: block;
    }

    .mobilni-birac-dana {
        display: flex;
    }

    #selektorDana {
        flex: 1;
        max-width: 240px;
    }
}

/* ===== ISPOD 899px: KOMANDE ===== */
@media (max-width: 899px) {
    .kp-stavka-taster {
        display: none;
    }
}

/* ===== ISPOD 768px ===== */
@media (max-width: 768px) {
    .desktop-nav {
        display: none;
    }

    .zaglavlje-akcije {
        margin-left: auto;
    }

    .ikonica-dugme.mobilno {
        display: inline-flex;
    }

    .zaglavlje-sadrzaj {
        padding: 9px 14px;
        gap: 8px;
    }

    .logo-naslov {
        max-width: 46vw;
        font-size: 0.98rem;
    }

    .ikonica-dugme {
        width: 40px;
        height: 40px;
    }

    .statusna-traka {
        padding: 5px 14px;
    }

    .status-desno {
        gap: 8px;
    }

    .liv-datum {
        display: none;
    }

    .glavni {
        padding: 15px 14px 24px;
    }

    .raspored-kontejner {
        padding: 14px;
    }

    .raspored-zaglavlje-red {
        flex-wrap: wrap;
        gap: 8px;
    }

    .dugme-nav-dana {
        width: 40px;
        height: 40px;
    }

    .modal-footer {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .podnozje {
        padding-bottom: calc(13px + env(safe-area-inset-bottom, 0px));
    }

    .bios-nagovestaj {
        display: none;
    }
}

/* ===== ISPOD 520px ===== */
@media (max-width: 520px) {
    body {
        font-size: 14px;
    }

    .form-red {
        grid-template-columns: 1fr;
    }

    .filter-dugme {
        padding: 6px 11px;
        font-size: 0.72rem;
    }

    .beleske-mreza {
        grid-template-columns: 1fr;
    }

    .kalendar-dan {
        min-height: 34px;
        font-size: 0.78rem;
    }

    .toast {
        padding: 10px 16px;
        font-size: 0.8rem;
    }

    .toast-kontejner {
        left: 12px;
        right: 12px;
    }

    .podnozje-sadrzaj {
        justify-content: center;
        text-align: center;
    }

    .podnozje {
        padding-left: 12px;
        padding-right: 12px;
    }

    .modal {
        padding: 12px;
    }

    .modal-telo {
        padding: 2px 14px 6px;
    }

    .modal-zaglavlje {
        padding: 14px 14px 10px;
    }

    .modal-footer {
        padding: 12px 14px 14px;
    }

    .modal-footer-desno {
        gap: 6px;
        flex-wrap: wrap;
    }

    .glavni {
        padding: 12px 10px 20px;
    }

    .raspored-kontejner {
        padding: 12px 10px;
    }

    .zaglavlje-sadrzaj {
        padding: 8px 10px;
        gap: 6px;
    }

    .logo-ikona {
        font-size: 1.5rem;
    }

    .beleske-progres {
        min-width: 130px;
    }
}
/* ===== ISPOD 640px ===== */

@media (max-width: 640px) {
    .kp-overlay { padding-top: clamp(14px, 9vh, 70px); }
    .kp-lista { max-height: 52vh; }
    .kp-stavka-kat { display: none; }
    .kp-footer { display: none; }
}

/* ===== ISPOD 380px ===== */
@media (max-width: 380px) {
    .ikonica-dugme {
        width: 36px;
        height: 36px;
    }

    .logo-naslov {
        font-size: 0.9rem;
        max-width: 44vw;
    }

    #nazivRazreda {
        font-size: 0.66rem;
    }

    .ms-cip {
        font-size: 0.56rem;
        letter-spacing: 0.04em;
    }
}

/* ===== NAD 769px ===== */
@media (min-width: 769px) {
    .mobilni-meni,
    .mobilni-meni-prekrivac {
        display: none !important;
    }
}