/* AUTO-SPLIT app-desktop.css: VETEM rregullat brenda @media(min-width:761px) nga static/app.css origjinal. RENDI i brendshem ruhet identik. */

/* DESKTOP_PASSENGER_POPOVER_HOTFIX_V016291
   Desktop: passenger popover must escape the search-row clipping area. */

@media (min-width: 761px) {
  .booking-stage {
    position: relative !important;
    z-index: 40 !important;
    overflow: visible !important;
  }

  .booking-panel,
  .marketing-home .flight-search-shell,
  .marketing-home .flight-search-grid {
    overflow: visible !important;
  }

  .passenger-picker {
    position: relative !important;
    z-index: 60 !important;
    overflow: visible !important;
  }

  #passenger-popover {
    z-index: 80 !important;
  }

  #ofertat.home-section {
    position: relative !important;
    z-index: 1 !important;
  }
}

@media(min-width:761px){html body.public-app .mobile-airport-trigger,html body.public-app .mobile-airport-sheet,html body.public-app .mobile-airport-sheet-backdrop{display:none!important}}
/* In bus mode the custom station picker is used on desktop as well. It can
   show the terminal/address in the list while the closed field keeps only the
   selected city, exactly like the mobile airport picker. */

@media (min-width: 761px) {
  html body.public-app #public-search-form.bus-search-mode .mobile-airport-trigger {
    display: block !important;
    width: 100%;
    min-height: 44px;
    padding: 0 36px 0 0;
    border: 0;
    background: transparent;
    color: #111827;
    text-align: left;
    font: inherit;
    font-size: 17px;
    font-weight: 850;
    cursor: pointer;
  }
  html body.public-app #public-search-form.bus-search-mode .mobile-airport-native {
    display: none !important;
  }
  html.airport-sheet-open body.public-app .mobile-airport-sheet-backdrop {
    display: block !important;
  }
  html.airport-sheet-open body.public-app .mobile-airport-sheet {
    display: flex !important;
    left: 50%;
    right: auto;
    bottom: 28px;
    width: min(620px, calc(100vw - 48px));
    height: min(720px, calc(100dvh - 56px));
    border-radius: 24px;
    transform: translate(-50%, 24px) scale(.98);
    opacity: 0;
  }
  html.airport-sheet-open body.public-app .mobile-airport-sheet.open {
    transform: translate(-50%, 0) scale(1);
    opacity: 1;
  }
  /* AIRPORT_SHEET_LEFT_SLIDE_FLORI_ONLY_V1: vetem per shabllonin Flori
     (NextFly) - rrëshqit nga e majta, jo dritare qendrore si origjinali. */
  html[data-public-template="flori"].airport-sheet-open body.public-app .mobile-airport-sheet {
    left: 0;
    right: auto;
    top: 0;
    bottom: 0;
    width: min(430px, 92vw);
    height: 100vh;
    border-radius: 0 24px 24px 0;
    transform: translateX(-105%);
    opacity: 1;
  }
  html[data-public-template="flori"].airport-sheet-open body.public-app .mobile-airport-sheet.open {
    transform: translateX(0);
    opacity: 1;
  }
}
/* SEARCH_PANEL_DESKTOP_LIKE_MOBILE_V1: kerkesa - kutia e bardhe e kerkimit
   ngushtohet deri ku perfundon butoni Hotel (jo e shtrire ne gjeresi te
   plote), dhe fushat (Abflug/Ankunft/Passagiere/Datum/Buchen) vendosen
   njera-nen-tjetren si ne telefon, jo ne nje rresht te gjere. Kjo aplikohet
   NE ÇDO madhesi ekrani (jo vetem <=760px) - njesoj si menu-ja/trip-type
   trigger-i qe i unifikuam me pare. */

@media(min-width:761px){
  html[data-public-template="flori"] body.public-app .marketing-home .booking-panel{
    max-width:540px!important;
    border-top-left-radius:0!important;
    border-bottom-left-radius:0!important;
  }
  html[data-public-template="flori"] body.public-app .marketing-home .booking-stage{
    margin-left:0!important;
    margin-right:auto!important;
    width:auto!important;
  }
  html[data-public-template="flori"] body.public-app .marketing-home .module-launcher{
    gap:5px!important;
  }
  html[data-public-template="flori"] body.public-app .marketing-home .module-launcher>a,
  html[data-public-template="flori"] body.public-app .marketing-home .module-launcher .trip-type-trigger{
    padding:0 11px!important;
  }
}
/* OFFERS_DESKTOP_FULLWIDTH_V1 */

@media(min-width:761px){
  html[data-public-template="flori"] body.public-app .marketing-home #ofertat{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding:24px 0 40px!important;
    border-top:1px solid #e7eaf0!important;
  }
  html[data-public-template="flori"] body.public-app .marketing-home #ofertat [data-offer-mode="flights"]>.section-head{
    display:none!important;
  }
  html[data-public-template="flori"] body.public-app .marketing-home #ofertat .offers-grid{
    padding:0 24px!important;
  }
}
/* PASSENGER_POPOVER_LEFT_ANCHOR_DESKTOP_V1: pas ngjitjes se tabeles ne
   skajin majtas, popover-i i pasagjereve (390px) mbeshtetej te right:0
   dhe dilte jashte ekranit nga ana e majte - tash ngjitet nga e majta e
   fushes se pasagjereve. Multi-city second-route mbetet anash + rrumbullak
   ne mes, njesoj si ne telefon (s'preket me). */

@media(min-width:761px){
  html[data-public-template="flori"] body.public-app .marketing-home .passenger-popover{
    left:0!important;
    right:auto!important;
  }
}
/* PRIMARY_ROUTE_MODE_AWARE_DESKTOP_V1: si ne telefon - vajtje-ardhje/vetem-
   vajtje: Abflug/Ankunft njeri-nen-tjetrin; multi-city: anash, rrumbullak
   ne mes. */

@media(min-width:761px){
  html[data-public-template="flori"] body.public-app .marketing-home #public-search-form:not([data-trip-mode=multi_city]) #primary-origin-field,
  html[data-public-template="flori"] body.public-app .marketing-home #public-search-form:not([data-trip-mode=multi_city]) #primary-destination-field{
    grid-column:1/-1!important;
    width:100%!important;
    height:70px!important;
    min-height:70px!important;
    padding:8px 46px 8px 15px!important;
    border-radius:0!important;
    border-right:0!important;
    align-content:center!important;
    gap:4px!important;
    background:#f1f3f6!important;
  }
  html[data-public-template="flori"] body.public-app .marketing-home #public-search-form:not([data-trip-mode=multi_city]) #primary-origin-field{
    grid-row:1!important;
    border-bottom:1px solid #dce2e9!important;
  }
  html[data-public-template="flori"] body.public-app .marketing-home #public-search-form:not([data-trip-mode=multi_city]) #primary-destination-field{
    grid-row:2!important;
    border-bottom:1px solid #dce2e9!important;
    background:#fff!important;
  }
  html[data-public-template="flori"] body.public-app .marketing-home #public-search-form:not([data-trip-mode=multi_city]) .flight-search-grid>#route-swap{
    position:absolute!important;
    left:auto!important;
    right:13px!important;
    top:70px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    transform:translateY(-50%)!important;
    z-index:12!important;
  }
  html[data-public-template="flori"] body.public-app .marketing-home #public-search-form:not([data-trip-mode=multi_city]) .flight-search-grid>#route-swap::before{
    content:'⇅'!important;
    font-size:20px!important;
    line-height:32px!important;
  }

  html[data-public-template="flori"] body.public-app .marketing-home #public-search-form[data-trip-mode=multi_city] #primary-origin-field,
  html[data-public-template="flori"] body.public-app .marketing-home #public-search-form[data-trip-mode=multi_city] #primary-destination-field{
    grid-row:1!important;
    width:auto!important;
    height:70px!important;
    min-height:70px!important;
    padding:8px 15px!important;
    border-bottom:0!important;
    background:#fff!important;
  }
  html[data-public-template="flori"] body.public-app .marketing-home #public-search-form[data-trip-mode=multi_city] #primary-origin-field{
    grid-column:1!important;
    border-right:1px solid #dce2e9!important;
    padding-right:27px!important;
  }
  html[data-public-template="flori"] body.public-app .marketing-home #public-search-form[data-trip-mode=multi_city] #primary-destination-field{
    grid-column:2!important;
    padding-left:27px!important;
  }
  html[data-public-template="flori"] body.public-app .marketing-home #public-search-form[data-trip-mode=multi_city] .flight-search-grid>#route-swap{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:35px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    transform:translate(-50%,-50%)!important;
    z-index:12!important;
  }
  html[data-public-template="flori"] body.public-app .marketing-home #public-search-form[data-trip-mode=multi_city] .flight-search-grid>#route-swap::before{
    content:'⇄'!important;
    font-size:16px!important;
    line-height:1!important;
  }
}
/* MOBILE_AIRPORT_SHEET_DESKTOP_ENABLE_V1: tabela e destinimeve (nga/per)
   tash aktivizohet edhe ne desktop, por rreshqit nga e majta (jo poshte
   siper si ne telefon). */

@media(min-width:761px){
  html[data-public-template="flori"] body.public-app .mobile-airport-native{display:none!important}
  html[data-public-template="flori"] body.public-app .mobile-airport-trigger{
    display:block!important;width:100%!important;min-height:44px!important;
    padding:0 36px 0 0!important;border:0!important;background:transparent!important;
    color:#111827!important;text-align:left!important;font:inherit!important;
    font-size:17px!important;font-weight:850!important;
  }
  html[data-public-template="flori"] body.public-app .mobile-airport-sheet-backdrop{
    display:block!important;position:fixed!important;inset:0!important;z-index:1300!important;
    background:rgba(15,23,42,.48)!important;opacity:0!important;transition:opacity .28s!important;
  }
  html[data-public-template="flori"] body.public-app .mobile-airport-sheet-backdrop[hidden],
  html[data-public-template="flori"] body.public-app .mobile-airport-sheet[hidden]{display:none!important}
  html[data-public-template="flori"] body.public-app .mobile-airport-sheet-backdrop.open{opacity:1!important}
  html[data-public-template="flori"] body.public-app .mobile-airport-sheet{
    display:flex!important;position:fixed!important;left:0!important;right:auto!important;
    top:0!important;bottom:0!important;z-index:1310!important;
    width:min(430px,92vw)!important;height:100vh!important;
    flex-direction:column!important;overflow:hidden!important;
    border-radius:0 22px 22px 0!important;background:#fff!important;
    box-shadow:24px 0 70px rgba(15,23,42,.28)!important;
    transform:translateX(-105%)!important;
    transition:transform .34s cubic-bezier(.2,.78,.25,1)!important;
  }
  html[data-public-template="flori"] body.public-app .mobile-airport-sheet.open{transform:translateX(0)!important}
  html[data-public-template="flori"] body.public-app .mobile-airport-sheet:before{display:none!important}
  html[data-public-template="flori"] body.public-app .mobile-airport-sheet-head{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    padding:18px 20px 10px!important;
  }
  html[data-public-template="flori"] body.public-app .mobile-airport-sheet-head strong{font-size:20px!important;font-weight:900!important}
  html[data-public-template="flori"] body.public-app .mobile-airport-sheet-head button{
    width:42px!important;height:42px!important;padding:0!important;
    border:1px solid #dfe4eb!important;border-radius:50%!important;
    background:#f7f8fa!important;color:#172033!important;font-size:27px!important;
  }
  html[data-public-template="flori"] body.public-app .mobile-airport-search{
    min-height:52px!important;margin:4px 20px 12px!important;padding:0 14px!important;
    border:1px solid #cfd6e0!important;border-radius:14px!important;
    background:#fff!important;color:#172033!important;font:inherit!important;font-size:16px!important;
  }
  html[data-public-template="flori"] body.public-app .mobile-airport-list{
    flex:1!important;min-height:0!important;overflow-y:auto!important;
    overscroll-behavior:contain!important;padding:0 20px 22px!important;
  }
  html[data-public-template="flori"] body.public-app .mobile-airport-option{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;gap:16px!important;width:100%!important;min-height:56px!important;
    padding:9px 4px!important;border:0!important;border-bottom:1px solid #e2e6ec!important;
    border-radius:0!important;background:#fff!important;color:#172033!important;text-align:left!important;font:inherit!important;
  }
  html[data-public-template="flori"] body.public-app .mobile-airport-option span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:16px!important}
  html[data-public-template="flori"] body.public-app .mobile-airport-option strong{font-size:15px!important;letter-spacing:.04em!important}
  html[data-public-template="flori"] body.public-app .mobile-airport-option.selected{color:var(--tenant-primary)!important;font-weight:850!important}
}
/* PASSENGER_POPOVER_SLIDE_IN_LEFT_DESKTOP_V1: si ne tel - rreshqit kur hapet. */

@media(min-width:761px){
  html[data-public-template="flori"] body.public-app .marketing-home .passenger-popover:not([hidden]){
    animation:passenger-popover-slide-in-left-v1 .3s cubic-bezier(.2,.78,.25,1) both;
  }
  @keyframes passenger-popover-slide-in-left-v1{
    from{opacity:0;transform:translateX(-26px)}
    to{opacity:1;transform:translateX(0)}
  }
}
/* NARROW_FIELD_TEXT_FIT_FLORI_V1: teksti mos me u thy ne 2 rreshta kur
   fusha osht e ngushte. Elementi qe duket ne desktop osht
   .mobile-airport-trigger (jo select-i, i fshehun tash). */

@media(min-width:761px){
  html[data-public-template=flori] body.public-app .marketing-home #primary-origin-field select,
  html[data-public-template=flori] body.public-app .marketing-home #primary-destination-field select,
  html[data-public-template=flori] body.public-app .marketing-home #second-origin-field select,
  html[data-public-template=flori] body.public-app .marketing-home #second-destination-field select,
  html[data-public-template=flori] body.public-app .marketing-home #primary-origin-field .mobile-airport-trigger,
  html[data-public-template=flori] body.public-app .marketing-home #primary-destination-field .mobile-airport-trigger,
  html[data-public-template=flori] body.public-app .marketing-home #second-origin-field .mobile-airport-trigger,
  html[data-public-template=flori] body.public-app .marketing-home #second-destination-field .mobile-airport-trigger{
    font-size:13px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}