/* ===========================
   UZAIRDESK — HERO STRIP + FLOAT CIRCLE (NO STACK)
   =========================== */

/* HERO container: arka plan görseli daha sonra eklenecek */
.uad-hero-area{
  position: relative;
  width: 100%;
  background: #fff;
  padding: 10px 0 22px;
  overflow: hidden;
}

/* HEADER-ALTI ŞERİT */




/* Field blocks */




.uad-city{
  color: rgba(255,255,255,.95);
  font-weight: 900;
  font-size: 14px;
  letter-spacing: .2px;
}

.uad-code{
  color: rgba(255,255,255,.72);
  font-weight: 800;
  font-size: 12px;
  margin-top: 2px;
}

/* Inputs: üstteki label görünümü bozulmasın diye minimal */
.uad-input{
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  color: rgba(255,255,255,.95);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .2px;
  opacity: .85;
}
.uad-input::placeholder{ color: rgba(255,255,255,.55); font-weight: 700; }

/* Flags (şimdilik renk blok) — sonra gerçek flag icon koyarsın */
.uad-flag{
  width: 30px; height: 20px;
  border-radius: 6px;
  background: rgba(255,255,255,.20);
  border: 1px solid rgba(255,255,255,.18);
  flex: 0 0 auto;
}
.uad-flag--uz{ background: linear-gradient(180deg, rgba(0,173,239,.85), rgba(0,173,239,.25)); }
.uad-flag--tr{ background: linear-gradient(180deg, rgba(255,50,50,.85), rgba(255,50,50,.25)); }

/* Swap */
.uad-swap{
  width: 54px; height: 54px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.92);
  cursor: pointer;
}
.uad-swap__ic{ font-weight: 900; font-size: 18px; display: inline-block; transform: translateY(-1px); }

/* Date */
.uad-date{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  min-height: 54px;
}
.uad-date__ic{ color: rgba(255,255,255,.92); font-size: 14px; }
.uad-date__input{
  width: 150px;
  border: none;
  outline: none;
  background: transparent;
  color: rgba(255,255,255,.92);
  font-weight: 800;
}

/* CTA button */




/* ===========================
   FLOATING CIRCLE SLIDER — RIGHT/BOTTOM (NO STACK)
   =========================== */

/* Hero alanında slider'ı "sağ-alt" köşeye sabitler */
.uad-slider-float{
  position: absolute;
  right: 18px;
  bottom: 12px;
  z-index: 5;
  pointer-events: auto;
}

/* Daire */
.uad-circle{
  width: clamp(70px, 9.6vw, 102px);
  height: clamp(70px, 9.6vw, 102px);
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  background: #000;
  box-shadow: 0 12px 32px rgba(0,0,0,.20);
  border: 3px solid rgba(255,255,255,.75);
}

/* dış rim (ince halka) */
.uad-circle::before{
  content:"";
  position:absolute;
  inset: 5px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.18);
  z-index: 6;
  pointer-events: none;
}

/* alt gradient */
.uad-circle::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height: 45%;
  background: linear-gradient(transparent, rgba(0,0,0,.72));
  z-index: 4;
  pointer-events: none;
}

.uad-circle__track{
  display:flex;
  width:100%;
  height:100%;
  transition: transform .85s cubic-bezier(.65,0,.35,1);
  will-change: transform;
}

.uad-circle__slide{
  flex: 0 0 100%;
  width:100%;
  height:100%;
  background-size: cover;
  background-position: center 20%;
  filter: saturate(1.08) contrast(1.04) brightness(1.02);
}

/* Görsel yolları (mevcut isimler) */
.s1{ background-image: url('/static/img/hero/slider2.1.webp'), url('/static/img/hero/slider2.1.jpg'); }
.s2{ background-image: url('/static/img/hero/slider2.2.webp'), url('/static/img/hero/slider2.2.jpg'); }
.s3{ background-image: url('/static/img/hero/slider2.3.webp'), url('/static/img/hero/slider2.3.jpg'); }
.s4{ background-image: url('/static/img/hero/slider2.4.webp'), url('/static/img/hero/slider2.4.jpg'); }
.s5{ background-image: url('/static/img/hero/slider2.5.webp'), url('/static/img/hero/slider2.5.jpg'); }

/* Text overlay (mini_slider.js bunu dolduruyor) */
.uad-slider-text-overlay{
  position:absolute;
  left: 4px;
  right: 4px;
  bottom: 7px;
  z-index: 7;
  text-align: center;
  color: rgba(255,255,255,.96);
  font-weight: 900;
  font-size: 6px;
  line-height: 1.15;
  text-shadow: 0 1px 4px rgba(0,0,0,.9);
  transition: opacity .5s ease;
  pointer-events: none;
}

/* ===========================
   RESPONSIVE
   =========================== */
@media (max-width: 820px){

  .uad-date{ grid-column: 1 / 3; }

}

/* Mobilde de stack olmasın: slider yine sağ-alt kalsın, biraz küçülsün */
@media (max-width: 560px){

  .uad-date__input{ width: 100%; }
  .uad-swap{ display:none; } /* mobilde swap ayrı UX ile sonra */
  .uad-slider-float{
    right: 12px;
    bottom: 10px;
  }
  .uad-circle{
    width: 70px;
    height: 70px;
    border-width: 3px;
  }
  .uad-hero-area{
    padding-bottom: 260px; /* slider absolute olduğu için altta yer aç */
  }
}

/* =========================================================
   MOBILE COMPACT PATCH — uad-search-strip içi %200 daha küçük
   (Sadece mobilde)
   ========================================================= */



  /* flag küçült */
  .uad-flag{
    width: 22px !important;
    height: 14px !important;
    border-radius: 12px !important;
  }

  /* "Tashkent / Istanbul" üst label'ları mobilde gizle (çok büyütüyor) */


  /* input yazıları küçül */
  .uad-input{
    font-size: 12px !important;
    font-weight: 800 !important;
    opacity: .9 !important;
  }

  /* date input daha kompakt */
  .uad-date__ic{ font-size: 13px !important; }
  .uad-date__input{
    font-size: 12px !important;
    font-weight: 800 !important;
    width: 100% !important;
  }

  /* swap zaten gizliydi; buton daha küçük */



  /* grid: tek kolon; zaten var ama araları sıkılaştır */


  /* slider absolute olduğu için alttaki boşluğu azıcık optimize et */
  .uad-hero-area{
    padding-bottom: 245px !important;
  }
}

/* === UAD_MOBILE_COMPACT_PATCH_START === */
/* v=20260120161424 : mobile form elements MUST be smaller */
@media (max-width: 520px){



  /* INPUT BLOCKS (smaller) */


  .uad-hero-area .uad-date        { grid-area: date !important; }


  .uad-hero-area .uad-field,
  .uad-hero-area .uad-date {
    min-height: 44px !important;
    padding: 6px 10px !important;
    border-radius: 14px !important;
  }

  .uad-hero-area .uad-field input,
  .uad-hero-area .uad-date input {
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
  }

  .uad-hero-area .uad-code {
    font-size: 11px !important;
    opacity: .85 !important;
  }



  /* swap button if exists */
  .uad-hero-area .uad-swap {
    width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
  }
}
/* === UAD_MOBILE_COMPACT_PATCH_END === */


/* --- MANUAL FIX: ONLY SEARCH BAR WHITE --- */


/* UAD_SEARCH_WHITE_PATCH_V2 */
/* SADECE uçuş arama motoru şeridi beyaz */


/* ikon */
.uad-search-strip 

/* mobilde kutucukları ciddi küçült */
@media (max-width: 768px) {





  .uad-input {
    font-size: 11px !important;
    padding: 4px 6px !important;
  }
  .uad-date {
    min-height: 40px !important;
    padding: 6px 8px !important;
    border-radius: 12px !important;
  }
  .uad-date__input {
    font-size: 11px !important;
  }

}

/* === UAD_SEARCH_ICON_PATCH_v2 === */
/* Sadece uçuş arama motoru içindeki bayrakları gizle */


/* Kalkış/Varış ikonları */


/* Mobile: daha büyük + daha net */
@media (max-width: 520px){

}

/* uad-field içinde ikon hizası (mevcut kuralların üstüne bindirir) */


/* Üst label'lar yer kaplıyorsa mobile'da kapat */
@media (max-width: 520px){

}

/* UAD_SEARCH_ICON_SIZE START */
/* FORCE: sadece uçuş arama şeridi içindeki ikonlar (kalkis/varis) */
/* Not: küçük kalan genelde .uad-io idi -> ikisini de hedefliyoruz */
.uad-search-strip 

/* İkonun ezilmemesi için alanı da büyüt */


/* Mobile: daha da büyük */


/* UAD_SEARCH_ICON_SIZE END */


/* AUTO PATCH OK */

/* UAD CLICK FIX (AUTO) */


.uad-field 

.uad-airport-display{
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
}



/* UAD AIRPORT MODAL + CLICK FIX (AUTO) */
/* 1) Form her zaman en üstte tıklanabilir olsun */
.uad-search-strip,


/* 2) Hero içindeki overlay/circle tıklamayı yemesin */
.uad-slider-float,
.uad-circle,
.uad-slider-text-over,
.uad-slider-text-overlay,
.uad-hero-overlay,
.uad-hero-bg {
  pointer-events: none !important;
}

/* 3) Field içinde ikon/text tıklanınca da input click çalışsın */

.uad-field 

/* 4) Modal CSS (JS açıyor ama CSS yoksa görünmez kalır) */
.uad-ap-modal {
  position: fixed;
  inset: 0;
  display: none;
  align-items: flex-end;
  justify-content: center;
  background: rgba(0,0,0,.45);
  z-index: 99999;
}
.uad-ap-modal.is-open { display: flex; }

.uad-ap-sheet {
  width: 100%;
  max-width: 720px;
  background: #fff;
  border-radius: 18px 18px 0 0;
  box-shadow: 0 -12px 40px rgba(0,0,0,.25);
  max-height: 85vh;
  overflow: hidden;
}

.uad-ap-topbar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(0,0,0,.08);
}

.uad-ap-close {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  font-size: 18px;
}

.uad-ap-title {
  font-weight: 700;
  font-size: 16px;
}

.uad-ap-searchwrap {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(0,0,0,.08);
}

.uad-ap-search {
  width: 100%;
  height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.15);
  padding: 0 12px;
  font-size: 16px;
}

.uad-ap-hint {
  margin-top: 8px;
  font-size: 12px;
  opacity: .7;
}

.uad-ap-list {
  overflow: auto;
  max-height: calc(85vh - 120px);
}

.uad-ap-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.uad-ap-item:active {
  background: rgba(0,0,0,.04);
}

.uad-ap-city { font-weight: 700; }
.uad-ap-sub  { font-size: 12px; opacity: .7; margin-top: 2px; }
.uad-ap-code {
  font-weight: 800;
  padding: 6px 10px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(0,0,0,.02);
}
.uad-ap-empty {
  padding: 14px;
  opacity: .7;
}
/* /UAD AIRPORT MODAL + CLICK FIX (AUTO) */
/* UAD_AUTOFIX_CLICKAREA_V1 */
/* Field komple tıklanabilir olsun */


/* İkon + text tıklamayı "yutmasın"; tıklama alanı field'da kalsın */
.uad-field 

/* Display input görünürde readonly; yine de click alabilsin */
.uad-airport-display {
  pointer-events: auto;
}

/* Submit butonu üstte kalsın */

/* UAD_FINAL_CLICK_FIX */
.uad-slider-float, .uad-circle, .uad-slider-text-over, #uadSliderText {
  pointer-events: none !important;
}

.uad-field 
.uad-airport-display { pointer-events: auto !important; }


/* === UAD_FLIGHTBAR_SCOPED_START === */
/* v=20260123_091006
   Purpose:
   - Isolate flight search as a sub-header bar
   - Neutralize flight_search.css absolute-icon rules ONLY inside flightbar
   - Keep JS hooks intact (no selector renames)
*/







 /* Neutralize absolute icon positioning coming from flight_search.css */
.uad-flightbar .uad-search-strip .uad-field 



@media (max-width: 560px){

}
/* === UAD_FLIGHTBAR_SCOPED_END === */

/* ============================================================
   UAD_CIRCLE_CTA_BUTTON
   Circle slider acts as a clickable CTA button
   v=20260123_210809
   ============================================================ */

.uad-slider-float[data-uad-cta="wa"] {
  cursor: pointer;
  pointer-events: auto;
}

.uad-slider-float[data-uad-cta="wa"] .uad-circle,
.uad-slider-float[data-uad-cta="wa"] .uad-slider-text-overlay,
.uad-slider-float[data-uad-cta="wa"] #uadSliderText {
  pointer-events: auto;
}

.uad-slider-float[data-uad-cta="wa"]:hover .uad-circle {
  transform: translateZ(0) scale(1.02);
}

.uad-slider-float[data-uad-cta="wa"]:active .uad-circle {
  transform: translateZ(0) scale(0.99);
}

.uad-slider-float[data-uad-cta="wa"]:focus,
.uad-slider-float[data-uad-cta="wa"]:focus-visible {
  outline: 2px solid rgba(139,0,0,.45);
  outline-offset: 6px;
  border-radius: 24px;
}

/* ============================================================
   UAD_FORCE_CIRCLE_CTA_POINTER_EVENTS
   Force circle CTA clickable even if old click-fix blocks exist
   v=20260123_211706
   ============================================================ */
.uad-slider-float[data-uad-cta="wa"],
.uad-slider-float[data-uad-cta="wa"] .uad-circle,
.uad-slider-float[data-uad-cta="wa"] #uadSliderText,
.uad-slider-float[data-uad-cta="wa"] .uad-slider-text-overlay {
  pointer-events: auto !important;
}

/* ===========================
   UAD_WA_SLIDER_CTA_FEEL_V1
   Circle slider = clickable CTA feel
   =========================== */
.uad-slider-float{
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.uad-slider-float:active{
  transform: translateY(1px);
}
.uad-slider-float:focus-visible{
  outline: 3px solid rgba(255,255,255,.55);
  outline-offset: 6px;
  border-radius: 999px;
}
.uad-slider-float:hover .uad-circle::before{
  opacity: 1;
}

/* UAD_FLIGHTBAR_MIN_TEXT__START */
/* Force-hide field labels inside flightbar (Kalkış/Varış/Aktarmasız etc.) */
.uad-flightbar .uad-label,
.uad-flightbar .uad-fb-label,
.uad-flightbar [class*="label"],
.uad-flightbar [data-role="label"],
.uad-flightbar .uad-field__label,
.uad-flightbar .uad-field-label,
.uad-flightbar .uad-caption,
.uad-flightbar .uad-fb-caption{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
}

/* DEV red grid overlay: make it disappear even if HTML remains */
.uad-flightbar .uad-grid,
.uad-flightbar .uad-dev-grid,
.uad-flightbar [data-dev-grid="1"]{
  display:none !important;
}

.uad-flightbar .uad-dev-marker,
.uad-flightbar [data-dev-marker="1"]{
  display:none !important;
}
/* UAD_FLIGHTBAR_MIN_TEXT__END */