:root {
            --pegasus-orange: #f48024;
            --pegasus-orange-light: #f59547;
            --pegasus-orange-dark: #d16d1a;
            --pegasus-orange-50: #fef7f0;
            --pegasus-orange-100: #fdeee0;
            --pegasus-orange-200: #fbd5b3;
            --pegasus-orange-300: #f9bc86;
            --pegasus-orange-400: #f6a355;
            --pegasus-orange-500: #f48024;
            --pegasus-orange-600: #d16d1a;
            --pegasus-orange-700: #ae5a15;
            --pegasus-orange-800: #8b4711;
            --pegasus-orange-900: #68340d;
        }

        .bg-pegasus { background-color: var(--pegasus-orange) !important; }
        .bg-pegasus-light { background-color: var(--pegasus-orange-light) !important; }
        .bg-pegasus-dark { background-color: var(--pegasus-orange-dark) !important; }
        .bg-pegasus-50 { background-color: var(--pegasus-orange-50) !important; }
        .bg-pegasus-100 { background-color: var(--pegasus-orange-100) !important; }
        .bg-pegasus-600 { background-color: var(--pegasus-orange-600) !important; }
        .bg-pegasus-700 { background-color: var(--pegasus-orange-700) !important; }
        .bg-pegasus-800 { background-color: var(--pegasus-orange-800) !important; }

        .text-pegasus { color: var(--pegasus-orange) !important; }
        .text-pegasus-light { color: var(--pegasus-orange-light) !important; }
        .text-pegasus-dark { color: var(--pegasus-orange-dark) !important; }
        .text-pegasus-50 { color: var(--pegasus-orange-50) !important; }
        .text-pegasus-100 { color: var(--pegasus-orange-100) !important; }
        .text-pegasus-600 { color: var(--pegasus-orange-600) !important; }
        .text-pegasus-700 { color: var(--pegasus-orange-700) !important; }

        .border-pegasus { border-color: var(--pegasus-orange) !important; }
        .border-pegasus-300 { border-color: var(--pegasus-orange-300) !important; }
        .border-pegasus-500 { border-color: var(--pegasus-orange-500) !important; }

        .hover\:bg-pegasus:hover { background-color: var(--pegasus-orange) !important; }
        .hover\:bg-pegasus-700:hover { background-color: var(--pegasus-orange-700) !important; }
        .hover\:bg-pegasus-800:hover { background-color: var(--pegasus-orange-800) !important; }
        .hover\:text-pegasus:hover { color: var(--pegasus-orange) !important; }
        .hover\:text-pegasus-700:hover { color: var(--pegasus-orange-700) !important; }
        .hover\:border-pegasus-500:hover { border-color: var(--pegasus-orange-500) !important; }

        .focus\:ring-pegasus:focus { --tw-ring-color: var(--pegasus-orange) !important; }
        .focus\:border-pegasus:focus { border-color: var(--pegasus-orange) !important; }

        .group:hover .group-hover\:text-pegasus { color: var(--pegasus-orange) !important; }
        .group:hover .group-hover\:border-pegasus-500 { border-color: var(--pegasus-orange-500) !important; }

        /* Z-Index Fix for Dropdowns - CRITICAL FOR VISIBILITY */
        #pegasus-from-suggestions,
        #pegasus-to-suggestions,
        #pegasus-departure-calendar,
        #pegasus-return-calendar,
        #pegasus-passengers-dropdown {
            z-index: 2147483647 !important;
            position: absolute !important;
        }

        /* Mobilde kes/kopyala menüsünü engelle */
        #pegasus-from-input,
        #pegasus-to-input {
            -webkit-user-select: none !important;
            -moz-user-select: none !important;
            -ms-user-select: none !important;
            user-select: none !important;
            -webkit-touch-callout: none !important;
            -webkit-tap-highlight-color: transparent !important;
            -webkit-appearance: none !important;
            -moz-appearance: none !important;
            appearance: none !important;
            pointer-events: none !important;
        }

        /* Input'ları tekrar aktif et ama seçimi engelle */
        #pegasus-from-input,
        #pegasus-to-input {
            pointer-events: auto !important;
        }

        /* Autocomplete suggestions styling */
        .autocomplete-suggestions {
            position: absolute !important;
            top: 100% !important;
            left: 0 !important;
            right: 0 !important;
            z-index: 2147483647 !important;
            background: white !important;
            border: 1px solid #e5e7eb !important;
            border-radius: 0.5rem !important;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
            max-height: 15rem !important;
            overflow-y: auto !important;
        }

        /* Calendar positioning */
        .calendar-dropdown {
            position: absolute !important;
            top: 100% !important;
            left: 0 !important;
            z-index: 2147483647 !important;
            background: white !important;
            border: 1px solid #e5e7eb !important;
            border-radius: 0.75rem !important;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
            margin-top: 0.25rem !important;
            padding: 1rem !important;
            min-width: 20rem !important;
        }

        /* Passenger dropdown positioning */
        .passenger-dropdown {
            position: absolute !important;
            top: 100% !important;
            left: 0 !important;
            z-index: 2147483647 !important;
            background: white !important;
            border: 1px solid #e5e7eb !important;
            border-radius: 0.5rem !important;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
            margin-top: 0.25rem !important;
            width: 18rem !important;
        }

        /* Override any parent overflow hidden */
        .relative.group {
            overflow: visible !important;
        }

        /* Ensure form container doesn't clip dropdowns */
        .bg-white\/95.backdrop-blur-lg {
            overflow: visible !important;
        }

        /* Hero section overflow fix */
        .relative.bg-pegasus {
            overflow: visible !important;
        }

        /* Grid container overflow fix */
        .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-5 {
            overflow: visible !important;
        }