/**
 * Lusso Mare – MOBILNI booking modal i kalendar
 * Učitava se NAKON flatpickr.min.css da override radi.
 * Samo za max-width: 991px.
 */
@media (max-width: 991px) {
    #lusso-booking-modal,
    .lusso-booking-wrapper #lusso-booking-modal {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        background: rgba(0,0,0,0.5) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        z-index: 99999 !important;
    }
    #lusso-booking-modal .lusso-booking-modal-content {
        max-width: 100% !important;
        width: 100% !important;
        margin: 8px !important;
        padding: 56px 12px 24px 12px !important;
        padding-top: max(56px, env(safe-area-inset-top)) !important;
        padding-left: max(12px, env(safe-area-inset-left)) !important;
        padding-right: max(12px, env(safe-area-inset-right)) !important;
        overflow-x: hidden !important;
    }
    #lusso-booking-modal .lusso-booking-modal-close {
        position: fixed !important;
        top: max(12px, env(safe-area-inset-top)) !important;
        right: max(12px, env(safe-area-inset-right)) !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 32px !important;
        color: #111 !important;
        background: #fff !important;
        border: none !important;
        border-radius: 8px !important;
        z-index: 100001 !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
    }
    #lusso-modal-calendar-wrap,
    #lusso-booking-modal .lusso-booking-modal-calendar-wrap,
    #lusso-booking-modal .lusso-booking-modal-calendars {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    #lusso-modal-calendar-wrap .flatpickr-calendar,
    #lusso-modal-calendar-wrap .flatpickr-innerContainer,
    #lusso-modal-calendar-wrap .flatpickr-rContainer,
    #lusso-modal-calendar-wrap .flatpickr-days {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    #lusso-modal-calendar-wrap .dayContainer {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px 0 !important;
    }
    #lusso-modal-calendar-wrap .dayContainer + .dayContainer {
        display: none !important;
    }
    /* Ćelije dana – velike, jasno dan gore / cijena dolje */
    #lusso-modal-calendar-wrap .flatpickr-day {
        width: 14.28% !important;
        min-width: 0 !important;
        max-width: none !important;
        flex-basis: 14.28% !important;
        box-sizing: border-box !important;
        min-height: 72px !important;
        height: auto !important;
        padding: 10px 4px !important;
        margin: 0 !important;
        border-radius: 10px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        overflow: hidden !important;
        text-align: center !important;
        background: rgba(0,0,0,0.04) !important;
        border: 1px solid rgba(0,0,0,0.08) !important;
        line-height: 1.25 !important;
    }
    #lusso-modal-calendar-wrap .flatpickr-day.flatpickr-disabled,
    #lusso-modal-calendar-wrap .flatpickr-day.prevMonthDay,
    #lusso-modal-calendar-wrap .flatpickr-day.nextMonthDay {
        background: rgba(0,0,0,0.02) !important;
        border-color: transparent !important;
    }
    #lusso-modal-calendar-wrap .flatpickr-day.selected,
    #lusso-modal-calendar-wrap .flatpickr-day.startRange,
    #lusso-modal-calendar-wrap .flatpickr-day.endRange {
        background: #c4a77d !important;
        border-color: #c4a77d !important;
    }
    #lusso-modal-calendar-wrap .flatpickr-day .lusso-day-num {
        order: 1;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        margin: 0 !important;
        display: block !important;
    }
    #lusso-modal-calendar-wrap .flatpickr-day .lusso-day-price {
        order: 2;
        font-size: 10px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        margin: 0 !important;
        margin-top: 2px !important;
        white-space: nowrap !important;
        display: block !important;
    }
    #lusso-modal-calendar-wrap .flatpickr-weekdays,
    #lusso-modal-calendar-wrap .flatpickr-weekdaycontainer {
        display: flex !important;
        width: 100% !important;
    }
    #lusso-modal-calendar-wrap span.flatpickr-weekday {
        width: 14.28% !important;
        flex: 0 0 14.28% !important;
        font-size: 11px !important;
        font-weight: 600;
        padding: 10px 4px !important;
    }
}