/* v167 — sitewide centered section system + improved whatsapp readability */

/* floating whatsapp: keep the brand navy, make every foreground element crisp white. */
body .whatsapp-float{
  background:#111111 !important;
  border-color:#111111 !important;
  color:#fff !important;
}
body .whatsapp-float:hover{
  background:#082747 !important;
  border-color:#082747 !important;
  color:#fff !important;
}
body .whatsapp-float-icon{
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  color:#fff !important;
  box-shadow:none !important;
}
body .whatsapp-float .whatsapp-icon-svg,
body .whatsapp-float-copy strong,
body .whatsapp-float-copy small{
  color:#fff !important;
}
body .whatsapp-float-copy strong{opacity:1 !important}
body .whatsapp-float-copy small{opacity:.82 !important}

/* global section introductions: centered, restrained, and consistent. */
.section-heading,
.services-showcase-heading,
.home-aircraft-heading,
.routes-section-head,
.empty-section-head,
.society-section-head,
.transfers-section-head,
.sales-market-heading,
.sales-market-heading-table,
.wanted-list-intro,
.events-directory-hero,
.team-hero-inner,
.request-hero-inner{
  text-align:center !important;
}

.section-heading,
.home-aircraft-heading,
.routes-section-head,
.empty-section-head,
.society-section-head,
.transfers-section-head,
.sales-market-heading,
.sales-market-heading-table,
.wanted-list-intro{
  display:block !important;
}

.section-heading > *,
.home-aircraft-heading > *,
.routes-section-head > *,
.empty-section-head > *,
.society-section-head > *,
.transfers-section-head > *,
.sales-market-heading > *,
.sales-market-heading-table > *,
.wanted-list-intro > *{
  margin-left:auto !important;
  margin-right:auto !important;
}

.section-aside,
.home-aircraft-heading p,
.routes-section-head p,
.empty-section-head p,
.society-section-head p,
.transfers-section-head p,
.sales-market-heading p,
.wanted-list-intro p{
  max-width:720px !important;
}

/* homepage section intros. functional cards/forms stay left aligned for readability. */
.home-about-intro{
  grid-template-columns:1fr !important;
  gap:24px !important;
  text-align:center !important;
  justify-items:center !important;
}
.home-about-intro .intro-head,
.home-about-intro .intro-content{
  max-width:760px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-top:0 !important;
}
.home-about-intro .intro-content p{margin-left:auto !important;margin-right:auto !important}
.home-about-intro .text-link{margin-left:auto !important;margin-right:auto !important}

.opportunities .section-heading,
.popular-routes-clean,
.home-aircraft,
.home-experience,
.home-request{
  text-align:center;
}

/* center high-level page heroes and introductory copy. */
.sales-page .sales-hero .shell,
.routes-hero,
.empty-hero,
.society-hero,
.transfers-hero,
.wanted-hero,
.contact-page-hero,
.team-hero,
.request-hero,
.charter-hero{
  text-align:center !important;
}

.sales-page .sales-hero .shell > *,
.routes-hero h1,.routes-hero p,.routes-hero-links,
.empty-hero h1,.empty-hero p,.empty-hero-actions,
.society-hero h1,.society-hero p,.society-hero .btn,
.transfers-hero h1,.transfers-hero p,.transfers-hero-actions,
.wanted-hero h1,.wanted-hero-copy,
.contact-page-hero h1,.contact-page-hero p,
.team-hero h1,.team-hero p,
.request-hero h1,
.charter-hero h1,.charter-hero p{
  margin-left:auto !important;
  margin-right:auto !important;
}

/* center section-level headings/copy on content pages, but do not center form fields or tabular data. */
.sales-process,
.sales-services,
.sales-contact > :not(form),
.empty-intro,
.empty-process,
.empty-guidance-copy,
.empty-cta,
.society-story,
.society-difference,
.society-way,
.society-cta,
.transfers-intro,
.transfers-use-cases,
.transfers-notes-copy,
.transfers-cta,
.wanted-cta,
.charter-intro,
.charter-bottom-cta,
.contact-page-trust,
.contact-page-faq,
.team-note{
  text-align:center !important;
}

.sales-process > p,
.empty-intro > p,
.empty-process > p,
.empty-guidance-copy > p,
.empty-cta > p,
.society-story > p,
.society-section-head > p,
.society-way > p,
.society-cta p,
.transfers-intro > p,
.transfers-section-head > p,
.transfers-notes-copy > p,
.transfers-cta > p,
.wanted-cta p,
.charter-intro p,
.charter-bottom-cta p,
.team-note p{
  max-width:760px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.empty-hero-actions,
.empty-cta-actions,
.transfers-hero-actions,
.transfers-cta-actions,
.sales-intro-buttons,
.routes-hero-links,
.society-cta .btn,
.wanted-cta .wanted-primary-btn{
  justify-content:center !important;
}

/* team cards remain centered and balanced. */
.team-grid{justify-content:center !important}
.team-meta{text-align:center !important}

/* on mobile, keep the same centered visual system. */
@media (max-width:700px){
  .section-heading,
  .home-aircraft-heading,
  .routes-section-head,
  .empty-section-head,
  .society-section-head,
  .transfers-section-head,
  .sales-market-heading,
  .wanted-list-intro{
    text-align:center !important;
  }
  .section-aside{margin:12px auto 0 !important}
  body .whatsapp-float{background:#111111 !important;border-color:#111111 !important}
}

/* v171 — homepage aircraft intro stacked and centered */
#home .home-aircraft-heading{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
  margin-bottom:34px !important;
}
#home .home-aircraft-heading > div{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  text-align:center !important;
}
#home .home-aircraft-heading h2{
  margin-left:auto !important;
  margin-right:auto !important;
}
#home .home-aircraft-heading p{
  margin:0 auto !important;
  text-align:center !important;
}
#home .home-aircraft-all{
  align-self:center !important;
  margin:0 auto !important;
}

@media (max-width:700px){
  #home .home-aircraft-heading{
    gap:14px !important;
    margin-bottom:24px !important;
  }
}

/* v195 — final mobile header positioning: menu left, logo center, quote right */
@media (max-width: 767px){
  .site-header .header-layout{
    position:relative!important;
    display:block!important;
    height:100%!important;
    min-height:72px!important;
    width:100%!important;
  }

  .site-header .header-actions{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    transform:none!important;
    pointer-events:none!important;
  }

  .site-header .brand-main{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
    padding:0!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    z-index:6!important;
  }

  .site-header .brand-main .brand-logo-image{
    width:138px!important;
    max-width:138px!important;
    margin:0!important;
    transform:none!important;
  }

  .site-header .menu-btn{
    display:flex!important;
    position:absolute!important;
    left:14px!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    width:42px!important;
    height:42px!important;
    z-index:9!important;
    pointer-events:auto!important;
  }

  .site-header .mobile-header-cta{
    display:inline-flex!important;
    position:absolute!important;
    left:auto!important;
    right:14px!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    min-width:54px!important;
    min-height:38px!important;
    padding:0 10px!important;
    z-index:9!important;
    pointer-events:auto!important;
  }
}

@media (max-width: 380px){
  .site-header .brand-main .brand-logo-image{
    width:126px!important;
    max-width:126px!important;
  }
  .site-header .mobile-header-cta{
    right:10px!important;
    min-width:50px!important;
    padding:0 8px!important;
    font-size:8px!important;
  }
  .site-header .menu-btn{
    left:10px!important;
  }
}

/* v196 — robust mobile header grid: menu left, logo centered, quote right */
@media (max-width: 767px){
  .site-header .header-layout{
    display:grid!important;
    grid-template-columns:minmax(56px,1fr) auto minmax(56px,1fr)!important;
    align-items:center!important;
    width:100%!important;
    min-height:72px!important;
    height:72px!important;
    position:relative!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }

  .site-header .nav{
    display:none!important;
  }

  .site-header .header-actions{
    display:contents!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    margin:0!important;
    width:auto!important;
    height:auto!important;
  }

  .site-header .brand-main{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:center!important;
    align-self:center!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    margin:0!important;
    padding:0!important;
    width:auto!important;
    height:auto!important;
    z-index:6!important;
  }

  .site-header .brand-main .brand-logo-image{
    width:136px!important;
    max-width:136px!important;
    margin:0!important;
    transform:none!important;
  }

  .site-header .menu-btn,
  body.menu-open .site-header .menu-btn{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:center!important;
    display:flex!important;
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    margin:0!important;
    width:42px!important;
    height:42px!important;
    z-index:9!important;
  }

  .site-header .mobile-header-cta,
  body.menu-open .site-header .mobile-header-cta{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    display:inline-flex!important;
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    margin:0!important;
    min-width:54px!important;
    min-height:38px!important;
    padding:0 10px!important;
    z-index:9!important;
  }

  .site-header .header-actions .nav-cta{
    display:none!important;
  }
}

@media (max-width: 380px){
  .site-header .header-layout{
    grid-template-columns:minmax(50px,1fr) auto minmax(50px,1fr)!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .site-header .brand-main .brand-logo-image{
    width:124px!important;
    max-width:124px!important;
  }
  .site-header .mobile-header-cta{
    min-width:50px!important;
    min-height:36px!important;
    padding:0 8px!important;
    font-size:8px!important;
  }
  .site-header .menu-btn{
    width:40px!important;
    height:40px!important;
  }
}

/* v197 — exact mobile header alignment: equal side rails, true centered logo */
@media (max-width: 767px){
  .site-header,
  .site-header .header-layout{
    min-height:72px!important;
    height:72px!important;
  }

  .site-header .header-layout{
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr) 64px!important;
    align-items:center!important;
    justify-items:stretch!important;
    padding:0 14px!important;
    column-gap:0!important;
    position:relative!important;
  }

  .site-header .header-actions{
    display:contents!important;
  }

  .site-header .brand-main{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:center!important;
    align-self:center!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    margin:0!important;
    padding:0!important;
    height:42px!important;
    width:150px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .site-header .brand-main .brand-logo-image{
    display:block!important;
    width:138px!important;
    max-width:138px!important;
    height:auto!important;
    max-height:30px!important;
    margin:0 auto!important;
    transform:none!important;
  }

  .site-header .menu-btn,
  body.menu-open .site-header .menu-btn{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:center!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    margin:0!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    padding:0!important;
  }

  .site-header .mobile-header-cta,
  body.menu-open .site-header .mobile-header-cta{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    margin:0!important;
    width:58px!important;
    height:42px!important;
    min-width:58px!important;
    min-height:42px!important;
    padding:0 8px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
  }
}

@media (max-width: 380px){
  .site-header .header-layout{
    grid-template-columns:60px minmax(0,1fr) 60px!important;
    padding:0 10px!important;
  }
  .site-header .brand-main{
    width:140px!important;
  }
  .site-header .brand-main .brand-logo-image{
    width:128px!important;
    max-width:128px!important;
  }
  .site-header .mobile-header-cta{
    width:54px!important;
    min-width:54px!important;
    height:40px!important;
    min-height:40px!important;
  }
  .site-header .menu-btn{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }
}

/* v224 — mobile CTA/buttons centered sitewide */
@media (max-width: 767px){
  .hero-actions,
  .home-aircraft-actions,
  .quick-contact-actions,
  .empty-hero-actions,
  .empty-cta-actions,
  .transfers-hero-actions,
  .transfers-cta-actions,
  .charter-hero-actions,
  .charter-bottom-cta > div:last-child,
  .contact-page-hero-actions,
  .sales-intro-buttons,
  .detail-actions,
  .events-directory-cta,
  .wanted-cta-inner,
  .society-cta-grid > div:last-child,
  .request-contact-actions,
  .request-thankyou-actions,
  .contact-page-form-bottom{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .hero-actions .btn,
  .home-aircraft-actions .btn,
  .quick-contact-actions .quick-contact-btn,
  .quick-contact-actions .quick-contact-link,
  .empty-hero-actions .btn,
  .empty-hero-actions a,
  .empty-cta-actions .btn,
  .empty-cta-actions a,
  .transfers-hero-actions .btn,
  .transfers-hero-actions a,
  .transfers-cta-actions .btn,
  .transfers-cta-actions a,
  .charter-hero-actions .btn,
  .charter-hero-actions .charter-subtle-link,
  .charter-bottom-cta .btn,
  .charter-bottom-cta .charter-subtle-link,
  .contact-page-hero-actions .btn,
  .contact-page-hero-actions a,
  .sales-intro-buttons a,
  .detail-actions a,
  .events-directory-cta .btn,
  .wanted-cta .wanted-primary-btn,
  .society-cta .btn,
  .request-contact-actions .btn,
  .request-contact-actions .request-text-link,
  .request-thankyou-actions .btn,
  .request-thankyou-actions .request-text-link,
  .contact-page-form-bottom .btn{
    margin-left:auto !important;
    margin-right:auto !important;
    width:fit-content !important;
    max-width:100% !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .events-directory-cta > div,
  .wanted-cta-inner > div,
  .society-cta-grid > div,
  .contact-page-form-bottom > span{
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }

  .charter-hero-actions,
  .charter-bottom-cta > div:last-child,
  .contact-page-hero-actions,
  .quick-contact-actions,
  .sales-intro-buttons,
  .detail-actions,
  .request-contact-actions,
  .request-thankyou-actions,
  .transfers-cta-actions,
  .empty-cta-actions,
  .empty-hero-actions,
  .transfers-hero-actions,
  .hero-actions,
  .home-aircraft-actions{
    gap:14px !important;
  }

  .events-directory-cta{
    gap:18px !important;
  }
}

/* v267 — keep floating WhatsApp button dark on hover/focus, never blue */
body .whatsapp-float,
body .whatsapp-float:hover,
body .whatsapp-float:focus,
body .whatsapp-float:focus-visible{
  background:#111111 !important;
  background-color:#111111 !important;
  border-color:#111111 !important;
  color:#ffffff !important;
  box-shadow:0 10px 24px rgba(0,0,0,.12) !important;
}
body .whatsapp-float:hover,
body .whatsapp-float:focus-visible{
  transform:translateY(-1px) !important;
}