/* Responsive Design - All Media Queries */


/* Tablet */
@media (max-width: 768px) {
    


    /* Responsive Calendar - Hide second month on mobile (fix selector) */
    .flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer:nth-child(2) {
        display: none !important;
    }
    
    /* Ensure first month header remains visible */
    .flatpickr-calendar .flatpickr-months .flatpickr-month:first-child {
        display: block !important;
        visibility: visible !important;
    }
    
    /* Force month header visibility in all cases */
    .flatpickr-calendar .flatpickr-months {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        min-height: 40px !important;
    }
    
    .pf-inline-calendar {
        max-width: 100%; /* Mobile: full available width */
        margin: 0; /* No auto margins on mobile */
    }
    
    .pf-inline-calendar .flatpickr-calendar {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Optimize calendar day touch targets for mobile */
    .pf-inline-calendar .flatpickr-day {
        min-height: 44px !important; /* Apple/Google accessibility standard */
        min-width: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 14px !important; /* Larger font for better readability */
        font-weight: 500 !important;
    }
    
    /* Ensure weekday headers are also properly sized */
    .pf-inline-calendar .flatpickr-weekday {
        height: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 12px !important;
        font-weight: 700 !important;
    }

    
    
    
}

/* Mobile */
@media (max-width: 480px) {
    


    
    /* Force month header visibility on mobile */
    .pf-inline-calendar .flatpickr-months {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        min-height: 50px !important;
    }
    
    .pf-inline-calendar .flatpickr-current-month {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        visibility: visible !important;
        opacity: 1 !important;
        text-align: center !important;
        width: 100% !important;
    }
    
    /* Force center alignment for month/year elements */
    .pf-inline-calendar .flatpickr-current-month * {
        text-align: center !important;
        margin: 0 auto !important;
        display: block !important;
        width: 100% !important;
    }
    
    /* Specific centering for month and year elements - simplified approach */
    .pf-inline-calendar .flatpickr-current-month .flatpickr-monthDropdown-months,
    .pf-inline-calendar .flatpickr-current-month .cur-year {
        text-align: center !important;
        margin: 0 auto !important;
        display: inline-block !important;
        width: auto !important;
    }
    
    /* Force the entire month header to be a centered block */
    .pf-inline-calendar .flatpickr-current-month {
        text-align: center !important;
        display: block !important;
        width: 100% !important;
    }
    
    
    
    
}

/* Very Small Screens */
@media (max-width: 360px) {
}