/**
 * Air Datepicker Position Fix Styles
 * 
 * Styles to support the dynamic positioning of Air Datepicker
 * when it needs to appear above the input field.
 * 
 * @package ATB Day Sheet
 */

/* Smooth transition when repositioning */
.datepicker {
    transition: top 0.2s ease-out, opacity 0.2s ease-out;
}

/* Pointer styles when positioned above */
.datepicker.position-top .datepicker--pointer,
.datepicker.-from-top- .datepicker--pointer {
    top: auto !important;
    bottom: -10px !important;
    transform: rotate(180deg);
}

/* Pointer styles when positioned below (default) */
.datepicker.position-bottom .datepicker--pointer,
.datepicker.-from-bottom- .datepicker--pointer {
    top: -10px !important;
    bottom: auto !important;
    transform: rotate(0deg);
}

/* Ensure calendar has proper z-index */
.datepickers-container {
    z-index: 9999 !important;
}

.datepicker {
    z-index: 10000 !important;
}

/* Prevent calendar from being cut off */
.datepicker.position-top {
    margin-bottom: 10px;
}

.datepicker.position-bottom {
    margin-top: 10px;
}

/* Smooth pointer transition */
.datepicker--pointer {
    transition: transform 0.2s ease-out, top 0.2s ease-out, bottom 0.2s ease-out;
}