/* Fix WCFM Date Range Calendar on Mobile */
@media screen and (max-width: 768px) {
    .month-wrapper {
        min-width: unset !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 5px !important;
    }
    
    .month-wrapper table {
        width: 100% !important;
    }
    
    .date-picker-wrapper {
        width: 300px !important; /* Adjust based on valid screen width, typically around 300-320px helps fit */
        max-width: 90vw !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        z-index: 99999 !important; /* Ensure it's on top */
    }

    /* Adjust specific calendar elements if needed for better fit */
    .month-wrapper .day {
        padding: 5px 2px !important; /* Reduce padding on days */
        font-size: 12px !important;
    }
    
    .date-picker-wrapper .month-name {
        font-size: 14px !important;
    }
    .date-picker-wrapper .gap {
        display:none;
    }
}