/**
 * Datepicker Fixes - Prevents daterangepicker from appearing above logo
 * Z-Index Hierarchy:
 * - Header: 50
 * - Mega Menu: 9999
 * - Datepicker: 10000 (Above mega menu)
 * - Search Bar: 40
 */

/* Ensure daterangepicker has proper z-index and positioning */
.daterangepicker {
    position: fixed !important;
    z-index: 999999 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
}

/* Prevent daterangepicker from appearing above header/logo */
.daterangepicker.ltr {
    position: fixed !important;
    z-index: 999999 !important;
}

/* Ensure daterangepicker is positioned relative to its input field */
.daterangepicker.openscenter {
    position: fixed !important;
}

/* Fix for when daterangepicker is appended to body */
body > .daterangepicker {
    position: fixed !important;
    z-index: 999999 !important;
}

/* CRITICAL: Prevent daterangepicker from appearing in header area */
header .daterangepicker,
header ~ .daterangepicker,
nav .daterangepicker,
nav ~ .daterangepicker,
.header .daterangepicker,
.header ~ .daterangepicker {
    display: none !important;
    visibility: hidden !important;
}

/* Ensure daterangepicker only appears near search inputs */
.daterangepicker {
    /* Only show if it's positioned below search area */
}

/* When daterangepicker is too high (above search area), hide it */
.daterangepicker[style*="top"] {
    /* Will be handled by JavaScript */
}

/* Ensure proper stacking context */
.daterangepicker {
    isolation: isolate;
}

/* Ensure date inputs are clickable */
input[name="date"],
input[name="date_range"],
.wcs-search-input[name="date"] {
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* Ensure datepicker is visible and clickable */
.daterangepicker {
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
    opacity: 1 !important;
}

/* Fix for mobile touch */
@media (max-width: 768px) {
    .daterangepicker {
        max-width: 95vw !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
}