/* =========================================================
   BOOTSTRAP NAVBAR + GRID OVERRIDES (Blue Orbit unified theme)
   Loaded LAST, after Bootstrap's CSS and each company's own
   style.css, so it can fine-tune Bootstrap's navbar/grid
   defaults to match the existing brand without touching the
   per-company theme files. Relies only on tokens every theme
   already defines identically: --ink, --steel, --line, --paper,
   --orbit-1/2/bright/pale/mist/deep, --mono, --body, --maxw,
   and the per-theme bridge token --nav-accent.
   ========================================================= */

/* ---------- Layout: let the existing .nav rule keep controlling
   spacing/max-width; just neutralise Bootstrap's own defaults ---------- */
.navbar.nav{ padding:0; flex-wrap:wrap; }
.navbar .container-fluid.nav-container{
  display:flex; align-items:center; justify-content:space-between;
  width:100%; max-width:var(--maxw); margin:0 auto; padding:14px 28px; flex-wrap:wrap;
}
.navbar-brand{ margin-right:0; }

/* ---------- Toggler button ---------- */
.navbar-toggler.nav-toggle{
  display:none;
  border:1px solid var(--line);
  border-radius:6px;
  padding:7px 10px;
  background:transparent;
}
.navbar-toggler.nav-toggle:focus{ box-shadow:0 0 0 3px var(--orbit-pale); outline:none; }
.navbar-toggler-icon{
  width:22px; height:22px;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%230B2F63' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.dark .navbar-toggler.nav-toggle{ border-color:var(--line-dark,rgba(255,255,255,.3)); }
.dark .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23FFFFFF' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* ---------- Collapsible nav-links (mobile dropdown panel) ---------- */
.navbar-collapse.nav-links{ flex-basis:100%; flex-grow:1; }
@media (max-width:991.98px){
  .navbar-collapse.nav-links{
    flex-direction:column; align-items:stretch;
    margin-top:14px; padding:8px 4px 18px; border-top:1px solid var(--line);
    background:var(--paper);
  }
  .dark .navbar-collapse.nav-links{ background:var(--orbit-deep); border-top-color:var(--line-dark,rgba(255,255,255,.16)); }
  .navbar-collapse.nav-links a{
    display:block; padding:14px 10px; font-size:16px;
    border-bottom:1px solid var(--line);
  }
  .dark .navbar-collapse.nav-links a{ border-bottom-color:var(--line-dark,rgba(255,255,255,.14)); color:#EAF1FF; }
  .navbar-collapse.nav-links a.nav-cta,
  .navbar-collapse.nav-links a.nav-group,
  .navbar-collapse.nav-links a.nav-back,
  .navbar-collapse.nav-links a.lang-switch{
    display:inline-flex; margin:10px 6px 0; border-bottom:none;
  }
}
@media (min-width:992px){
  .navbar-toggler.nav-toggle{ display:none !important; }
  .navbar-collapse.nav-links{ display:flex !important; flex-basis:auto; }
}
@media (max-width:991.98px){
  .navbar-toggler.nav-toggle{ display:inline-flex; align-items:center; justify-content:center; }
}

/* ---------- Active link pill (keeps existing accent, adds a Bootstrap-native feel) ---------- */
.nav-links a.active{ position:relative; }

/* ---------- Bootstrap grid: unify gutters to match the original 20px design ---------- */
.row{ --bs-gutter-x:20px; --bs-gutter-y:20px; }

/* Card-carrying columns should stretch their card to full column height,
   matching how the old CSS-grid cards lined up edge-to-edge */
.row > [class*="col-"] > .sector-card,
.row > [class*="col-"] > .flow-card{ height:100%; }

/* ---------- Tables: make every spec-table horizontally scrollable on phones ---------- */
.table-wrap{ width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }

/* ---------- Forms: Bootstrap row/col spacing for booking/contact forms ---------- */
.row .form-field{ margin-bottom:18px; }

/* ---------- Small-screen type/spacing polish ---------- */
@media (max-width:575.98px){
  .hero-lead{ font-size:15.5px; }
  .cta-inner{ text-align:center; }
  .stat-row, .stat-strip{ text-align:center; }
}