/* FlyHappy V5.45 — mobile alignment, fixed navigation, search-width parity and cleaner fare presentation. */

/* Destination tile titles follow the same left edge as their fare block. */
.fh-landing-tile-title{justify-content:flex-start!important;text-align:left!important}
.fh-landing-tile-title h3{width:100%!important;text-align:left!important;margin-left:0!important;margin-right:0!important}
.fh-landing-tile-title h3 a{display:block;width:100%;text-align:left!important}

/* Keep the go-up control away from the contact hub on the right. */
.back-to-top-icon{left:15px!important;right:auto!important}

/* Contact is the only remaining legacy-header page; keep its navigation visible while scrolling. */
.fh-contact-legacy-page .main-header{position:sticky!important;top:0!important;z-index:1090!important;background:#fff}

@media(max-width:767.98px){
  /* A fixed mobile header is more reliable than sticky inside older theme wrappers. */
  body:not(.admin-body){padding-top:70px!important}
  .fhv5-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1200!important;background:#fff!important}
  .fhv5-header .fhv5-nav{z-index:1210!important}

  /* Home search card now uses the exact same outer width as the content section below it. */
  body.fh-home-page #flight-search>.container{box-sizing:border-box!important;width:calc(100% - 30px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
  body.fh-home-page #flight-search .banner-form{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}

  /* Keep all destination-card typography on one consistent left axis. */
  .fh-landing-tile-title{padding-left:16px!important;padding-right:16px!important;align-items:center!important;justify-content:flex-start!important}
  .fh-landing-tile-title h3{font-size:clamp(20px,6.2vw,28px)!important;line-height:1.18!important;text-align:left!important}
  .fh-landing-tile-bottom{padding-left:16px!important;padding-right:16px!important}

  /* Legacy contact navigation remains sticky on mobile as well. */
  .fh-contact-legacy-page{padding-top:0!important}
  .fh-contact-legacy-page .main-header{position:sticky!important;top:0!important;z-index:1200!important}

  .back-to-top-icon{left:14px!important;right:auto!important;bottom:calc(18px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:767.98px){html{scroll-padding-top:82px}}
