/* Fly with Andreea - shared site header (topbar, nav, search, language). */
.nav-logo { font-family: var(--serif); font-size: 22px; font-weight: 300; letter-spacing: 0.1em; color: var(--white); text-decoration: none; transition: color 0.4s; }
.nav-logo span { color: var(--gold); }
nav.scrolled .nav-logo { color: var(--ink); }
.nav-links { display: flex; gap: 36px; list-style: none; }
.nav-links a { font-size: 13px; font-weight: 400; letter-spacing: 0.1em; color: rgba(255,255,255,0.75); text-decoration: none; text-transform: uppercase; transition: color 0.2s; }
nav.scrolled .nav-links a { color: var(--grey-dark); }
.nav-links a:hover { color: var(--gold); }
nav.scrolled .nav-links a:hover { color: var(--gold); }
.nav-cta { background: var(--gold); border: none; color: var(--white); font-family: var(--sans); font-size: 13px; font-weight: 400; letter-spacing: -0.01em; padding: 9px 20px; border-radius: 40px; cursor: pointer; transition: background 0.2s; text-decoration: none; }
nav.scrolled .nav-cta { background: var(--gold); border: none; color: var(--white); font-family: var(--sans); font-size: 13px; font-weight: 400; letter-spacing: -0.01em; padding: 9px 20px; border-radius: 40px; cursor: pointer; transition: background 0.2s; text-decoration: none; }
.nav-cta:hover { background: var(--gold-light); }
.footer-brand .nav-logo-foot { font-family: var(--serif); font-size: 22px; font-weight: 300; letter-spacing: 0.1em; color: var(--ink); text-decoration: none; display: block; margin-bottom: 10px; }
.footer-brand .nav-logo-foot span { color: var(--gold); }
.btn-primary, .btn-ghost, .btn-secondary, .nav-cta, .bb-btn, .fleet-browse,
  .dest-view-btn, .faq-btn, .scroll-card-cta, .insta-handle, .jetfinder-cta a,
  .cat-panel-arrow, .form-submit { font-family: var(--sans); font-size: 13px; letter-spacing: -0.01em; }
.nav-links a { font-family: var(--sans); font-size: 13px; letter-spacing: -0.01em; text-transform: none; }
.nav-cta { background: var(--gold); border: none; color: var(--white); font-family: var(--sans); font-size: 13px; font-weight: 400; letter-spacing: -0.01em; padding: 9px 20px; border-radius: 40px; cursor: pointer; transition: background 0.2s; text-decoration: none; }
.nav-logo { font-family: var(--serif); }
/* LOGO */
  .nav-logo { display: flex; align-items: center; }
.nav-logo-img { height: 44px; width: auto; object-fit: contain; }
nav.scrolled .nav-logo-img { filter: none; }
/* --- mobile nav menu + logo legibility (added) --- */
#navbar:not(.scrolled){ background: linear-gradient(180deg, rgba(0,0,0,0.40) 0%, rgba(0,0,0,0) 100%); }
.nav-toggle{ display:none; }
@media (max-width:820px){
  #navbar{ gap:10px; }
  #navbar .nav-logo{ margin-right:auto; }
  .nav-toggle{ display:flex; flex-direction:column; justify-content:center; gap:5px; width:42px; height:42px; padding:0; background:transparent; border:0; cursor:pointer; z-index:130; }
  .nav-toggle span{ display:block; width:24px; height:2px; margin:0 auto; background:#fff; border-radius:2px; transition:transform .3s ease, opacity .25s ease, background .3s ease; }
  #navbar.scrolled .nav-toggle span{ background:var(--ink); }
  #navbar.open .nav-toggle span{ background:var(--ink); }
  #navbar.open .nav-toggle span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
  #navbar.open .nav-toggle span:nth-child(2){ opacity:0; }
  #navbar.open .nav-toggle span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
  .nav-links{
    display:flex; flex-direction:column; gap:0; list-style:none;
    position:fixed; top:0; right:0; height:100vh; height:100svh; width:min(80vw,320px);
    background:rgba(255,255,255,0.985); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
    padding:100px 26px 28px; box-shadow:-14px 0 44px rgba(0,0,0,0.18);
    transform:translateX(100%); transition:transform .34s ease; z-index:120;
  }
  #navbar.open .nav-links{ transform:translateX(0); }
  .nav-links li{ border-bottom:0.5px solid var(--grey-light); }
  .nav-links a{ display:block; padding:18px 4px; color:var(--ink) !important; font-size:15px; letter-spacing:0; text-transform:none; }
  .nav-links a:hover{ color:var(--gold) !important; }
}
/* --- canonical header v3 (added) --- */
.nav-logo{ display:flex; align-items:center; }
.nav-logo-img{ height:44px; width:auto; object-fit:contain; filter:none; }
#navbar .logo-on-light{ display:none; }
#navbar.scrolled .logo-on-dark{ display:none; }
#navbar.scrolled .logo-on-light{ display:inline-block; }
#navbar:not(.scrolled){ background:linear-gradient(180deg, rgba(0,0,0,0.42) 0%, rgba(0,0,0,0) 100%); }
#navbar .nav-links a{ color:rgba(255,255,255,0.85); text-transform:none; }
#navbar.scrolled .nav-links a{ color:var(--grey-dark,#5b5b5b); }
#navbar .nav-links a:hover{ color:#fff; }
#navbar.scrolled .nav-links a:hover{ color:var(--gold); }
/* --- scrolled style v3 (added) --- */
#navbar{ transition:background .3s ease, padding .3s ease, box-shadow .3s ease; }
#navbar.scrolled{ background:rgba(255,255,255,0.96); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); box-shadow:0 1px 0 rgba(0,0,0,0.06); }
/* --- top utility bar (added) --- */
.topbar{ position:fixed; top:0; left:0; right:0; z-index:110; height:40px; background:var(--ink,#1d1d1f); display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 24px; }
#navbar{ position:fixed; top:40px !important; left:0; right:0; z-index:100; display:flex; align-items:center; justify-content:space-between; padding:22px 52px; box-sizing:border-box; width:100%; }
.tb-search{ position:relative; display:flex; align-items:center; flex:1; max-width:440px; }
.tb-ic{ position:absolute; left:11px; display:flex; color:rgba(255,255,255,0.6); }
.tb-ic svg{ width:15px; height:15px; }
.tb-search input{ width:100%; background:rgba(255,255,255,0.10); border:0.5px solid rgba(255,255,255,0.20); border-radius:20px; color:#fff; font-family:var(--sans); font-size:13px; padding:7px 14px 7px 33px; outline:none; transition:background .2s, border-color .2s; }
.tb-search input:focus{ background:rgba(255,255,255,0.16); border-color:var(--gold,#CBAD91); }
.tb-search input::placeholder{ color:rgba(255,255,255,0.55); }
.tb-results{ position:absolute; top:calc(100% + 8px); left:0; width:min(440px,86vw); background:#fff; border-radius:12px; box-shadow:0 18px 50px rgba(0,0,0,0.25); max-height:64vh; overflow-y:auto; padding:6px; display:none; }
.tb-results.open{ display:block; }
.tb-res{ display:flex; justify-content:space-between; align-items:center; gap:12px; padding:9px 12px; border-radius:8px; text-decoration:none; color:var(--ink,#1d1d1f); font-size:13px; }
.tb-res:hover{ background:var(--paper-2,#F5F5F7); }
.tb-res .tb-type{ color:var(--gold-deep,#B8966B); font-size:10px; text-transform:uppercase; letter-spacing:0.05em; flex-shrink:0; }
.tb-none{ padding:12px; color:var(--grey,#9b9b9b); font-size:13px; }
.tb-lang{ position:relative; flex-shrink:0; }
.tb-lang-btn{ background:transparent; border:0; color:rgba(255,255,255,0.92); font-family:var(--sans); font-size:12px; letter-spacing:0.06em; cursor:pointer; display:flex; align-items:center; gap:6px; }
.tb-lang-btn .lng{ font-weight:500; }
.tb-lang-menu{ position:absolute; top:calc(100% + 8px); right:0; background:#fff; border-radius:10px; box-shadow:0 14px 40px rgba(0,0,0,0.22); padding:6px; display:none; min-width:170px; }
.tb-lang.open .tb-lang-menu{ display:block; }
.tb-lang-opt{ display:flex; justify-content:space-between; align-items:center; padding:9px 12px; border-radius:8px; color:var(--ink,#1d1d1f); font-size:13px; cursor:pointer; text-decoration:none; }
.tb-lang-opt:hover{ background:var(--paper-2,#F5F5F7); }
.tb-lang-opt.active{ color:var(--gold-deep,#B8966B); font-weight:600; }
.tb-soon{ font-size:10px; color:var(--grey,#9b9b9b); text-transform:uppercase; letter-spacing:0.04em; }
@media (max-width:600px){ .topbar{ padding:0 14px; gap:10px; } .tb-search{ max-width:none; } }
@media(max-width:820px){#navbar{padding:14px 20px;}#navbar .nav-cta{display:none;}#navbar .nav-logo-img{height:40px;}}
