/* Flight Search Mockup Styles */ .page-poppins, .page-poppins *, .hotel-hero-search-card, .hotel-hero-search-card * { font-family: 'Poppins', sans-serif !important; } .hotel-hero-search-card { background: #523b8e !important; border-radius: 20px; padding: 1.5rem !important; box-shadow: 0 25px 50px -12px rgba(82, 59, 142, 0.4); } @media (min-width: 768px) { .hotel-hero-search-card { padding: 2rem !important; } } .search-input { transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .search-input:focus { background: #fff; box-shadow: 0 0 0 4px rgba(253, 197, 4, 0.15); } .clear-input { transition: all 0.2s; font-size: 1.1rem; z-index: 10; } .clear-input:not(.hidden) { display: block; } /* Radio Button Fix */ input[name="flight_type"]:checked + div { background-color: #FDC504 !important; border-color: #FDC504 !important; } /* Widget Checkbox Fix */ .widget-check-input:checked + .widget-checkbox { background-color: #FDC504 !important; border-color: #FDC504 !important; } .widget-check-input:checked + .widget-checkbox i { opacity: 1 !important; } /* Cabin Selection Fix */ .cabin-active { background-color: #523B8E !important; color: white !important; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .hotel-hero-search-card input, .hotel-hero-search-card button:not(.px-4) { font-size: 15px !important; } /* * Kalkış / varış autocomplete: her iki sütun da aynı z-index'teydi; mobilde DOM sırasıyla * varış kutusu kalkış listesinin üstünde kalıyordu. Açık olan alan .airport-dropdown-open ile yükseltilir. */ #flight-standard-fields .airport-field-group { position: relative; z-index: 1; } #flight-standard-fields .airport-field-group.airport-dropdown-open { z-index: 200; } /* Custom Autocomplete Styling (Native Select Feel) */ #origin-results, #destination-results { animation: slideDown 0.15s ease-out; z-index: 100 !important; position: absolute; border: 1px solid #e2e8f0; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } /* Kalkış/Varış popover içinde scrollbar tamamen gizli - kendi alanında scroll açılmaz */ #origin-results > div, #destination-results > div { scrollbar-width: none !important; -ms-overflow-style: none !important; } #origin-results > div::-webkit-scrollbar, #destination-results > div::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; } #origin-results button, #destination-results button { border-bottom: 1px solid #f1f5f9; } #origin-results button:last-child, #destination-results button:last-child { border-bottom: none; } @keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } /* Pax Popover Scaling & Layout Refinement */ #flight-pax-popover { transform-origin: top right; animation: popIn 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); width: 340px !important; z-index: 9999 !important; position: fixed !important; } /* Popover is portaled to ; force Poppins */ #flight-pax-popover, #flight-pax-popover * { font-family: 'Poppins', sans-serif !important; } /* MP actions row sizing overrides (avoid Tailwind purge issues) */ @media (min-width: 768px) { #flight-pax-wrap.mp-narrow { flex: 0 0 50% !important; width: 50% !important; max-width: 520px !important; } .mp-search-fixed { flex: 0 0 auto !important; margin-left: auto !important; } } .pax-popover-row { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 0; border-bottom: 1px solid #f8fafc; } .pax-popover-row:last-of-type { border-bottom: none; } .cabin-selection-wrapper { background: #f8fafc; border-radius: 12px; padding: 4px; display: flex; margin-bottom: 0.5rem; } .cabin-selection-wrapper button { flex: 1; padding: 6px 0; font-size: 11px; font-weight: 700; border-radius: 8px; transition: all 0.2s; } @keyframes popIn { from { opacity: 0; transform: scale(0.9) translateY(-10px); } to { opacity: 1; transform: scale(1) translateY(0); } } /* Counter Buttons Custom Styles */ .pax-btn { transition: all 0.2s ease; } .pax-btn:active { transform: scale(0.9); } /* Flatpickr Calendar Styling - kalkış/varış popover ile aynı seviyede overlay */ #flight-dates-wrap .flatpickr-calendar { position: absolute !important; top: 100% !important; left: 0 !important; margin-top: 4px !important; z-index: 9999 !important; } .flatpickr-calendar.open { z-index: 9999 !important; display: block !important; }