/* ============================
   MOBILE FULLSCREEN CALENDAR FIX
   ============================ */
@media (max-width: 480px) {

    /* 1) Uklanjamo sve margin/padding/white-box */
    #calendar {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        background: transparent !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    /* 2) FullCalendar harness mora da preuzme ceo ekran */
    .fc-view-harness {
        height: calc(100vh - 90px) !important;
        min-height: calc(100vh - 90px) !important;
    }

    /* 3) Komprimuje header da ne zauzima 40% ekrana */
    .fc-header-toolbar {
        padding: 4px 6px !important;
        margin-bottom: 4px !important;
    }

    .fc-toolbar-title {
        font-size: 15px !important;
        padding-top: 2px;
    }

    .fc-button {
        padding: 3px 8px !important;
        font-size: 11px !important;
        border-radius: 8px !important;
    }

    /* 4) Ukloni višak pozadina */
    .fc-scrollgrid,
    .fc-scrollgrid-liquid,
    .fc-theme-standard td,
    .fc-theme-standard th {
        background: transparent !important;
    }

    /* 5) Sticky sat-labele — DA, ali sa fiksnom pozadinom */
    .fc-timegrid-slot-label-frame {
        background: #f1e7de !important;
        position: sticky;
        left: 0;
        z-index: 5;
    }

    .fc-timegrid-slot-label {
        font-size: 12px !important;
        padding-left: 4px;
        color: #4a3a32 !important;
        font-weight: 600;
    }

    /* 6) Slot visina — više mesta */
    .fc-timegrid-slot {
        height: 65px !important;
    }

    /* 7) Uklanjamo ogroman prazni deo ispod radnog vremena */
    .fc-timegrid-body,
    .fc-timegrid-slots,
    .fc-timegrid-slot-lane {
        height: auto !important;
        max-height: none !important;
    }

    /* 8) Ukloni žuti “out of range” background */
    .fc-day-disabled {
        background: transparent !important;
    }

    /* 9) Hover – SAMO jedno polje, ne ceo red */
    .fc-timegrid-slot:hover {
        background: rgba(240, 225, 210, 0.6) !important;
        cursor: pointer;
    }

    .fc-timegrid-slot-lane:hover {
        background: transparent !important;
    }
}