/* NPRO shared nav dropdowns + layout fixes */

.nav{overflow:visible!important;z-index:100!important;}
.nav-inner{overflow:visible!important;}

/* --- Nav dropdowns --- */
.nav-links{align-items:center; flex-wrap:nowrap; overflow:visible;}
.nav-drop{position:relative;}
.nav-drop-trigger{
  display:inline-flex;align-items:center;gap:4px;cursor:pointer;
  text-decoration:none;padding:8px 0;border-bottom:2px solid transparent;color:inherit;
}
.nav-drop-trigger:hover,
.nav-drop.open .nav-drop-trigger,
.nav-drop-trigger.active{color:#5FC8CE;border-color:#5FC8CE;}

/* Keep menu attached (no hover gap) */
.nav-drop-menu{
  display:none;position:absolute;top:100%;left:0;
  min-width:240px;max-width:320px;max-height:70vh;overflow:auto;
  background:#0A1A29;border:1px solid rgba(95,200,206,0.25);border-radius:2px;
  padding:10px 0;z-index:300;box-shadow:0 16px 32px rgba(0,0,0,0.35);
  margin-top:0;
}
.nav-drop.open > .nav-drop-menu,
.nav-drop:hover > .nav-drop-menu{display:block;}

.nav-drop-menu a{
  display:block!important;padding:8px 16px!important;font-size:0.8rem!important;
  color:rgba(255,255,255,0.75)!important;border:none!important;border-bottom:none!important;
  text-decoration:none!important;white-space:nowrap;background:transparent!important;
}
.nav-drop-menu a:hover{color:#5FC8CE!important;background:rgba(95,200,206,0.1)!important;}
.nav-drop-menu .drop-label{
  display:block;padding:8px 16px 4px;font-family:'IBM Plex Mono',monospace;font-size:0.65rem;
  letter-spacing:0.08em;color:#5FC8CE;text-transform:uppercase;
}
.nav-drop-menu .drop-divider{height:1px;background:rgba(255,255,255,0.08);margin:6px 0;}

/* Mobile / tablet: hamburger */
@media(max-width:1100px){
  .nav-links{
    display:none;
  }
  .nav-links.is-open{
    display:flex!important;
  }
  .nav-toggle{display:block!important;}
  .nav-drop{width:100%;}
  .nav-drop-menu{
    position:static;transform:none;display:none;max-height:none;box-shadow:none;
    border:none;padding:4px 0 8px 12px;background:transparent;margin:0;
  }
  .nav-drop.open > .nav-drop-menu{display:block;}
  .nav-drop:hover > .nav-drop-menu{display:none;}
  .nav-drop.open:hover > .nav-drop-menu{display:block;}
}

/* --- Navy sections: force readable light text --- */
.full-navy,
.block-navy,
section.full-navy,
section.block-navy{
  color:#fff!important;
}
.full-navy .sec-head h2,
.block-navy .sec-head h2,
.full-navy h2,
.block-navy h2{
  color:#fff!important;
}
.full-navy .sec-head p.dek,
.block-navy .sec-head p.dek,
.full-navy p.dek,
.block-navy p.dek{
  color:rgba(255,255,255,0.72)!important;
}
.full-navy .sec-eyebrow,
.block-navy .sec-eyebrow{
  color:#5FC8CE!important;
}

/* --- EEAT strip: paper band so it never merges with navy FAQ --- */
#eeat-trust{
  background:#F4F5F0!important;
  color:#12181D!important;
  width:100%;
  border-top:1px solid #DADCD1;
  margin-top:0;
  clear:both;
  display:block;
}
#eeat-trust h2{color:#0F2438!important;}
#eeat-trust p{color:#4A5560!important;}
#eeat-trust a{color:#3D8B90!important;}
#eeat-trust a[href*="enquiry"]{color:#BD5326!important;}

/* Two-column content + figure */
.split{display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:center;}
.split-fig{position:relative;}
.split-fig .fig-label{font-family:'IBM Plex Mono',monospace;font-size:0.68rem;color:#5FC8CE;text-align:center;margin-top:10px;letter-spacing:0.05em;}
.full-navy .split-fig .fig-label{color:#5FC8CE;}
.full-navy .anatomy-list h4{color:#fff;}
.full-navy .anatomy-list p{color:rgba(255,255,255,0.65);}
.full-navy .anatomy-list li{border-color:rgba(255,255,255,0.12);}
@media(max-width:900px){.split{grid-template-columns:1fr;}}

/* Footer */
footer .footer-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:32px;margin-bottom:32px;}
footer .footer-cols h6{color:#fff;font-family:'IBM Plex Mono',monospace;font-size:0.72rem;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:14px;}
footer .footer-cols a{display:block;color:rgba(255,255,255,0.5);text-decoration:none;padding:4px 0;font-size:0.85rem;}
footer .footer-cols a:hover{color:#5FC8CE;}
footer .footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}
footer .footer-bottom a{color:rgba(255,255,255,0.5);text-decoration:none;}
footer .footer-bottom a:hover{color:#5FC8CE;}
footer .footer-inner{max-width:1240px;margin:0 auto;padding:48px 24px 24px;}
@media(max-width:980px){footer .footer-cols{grid-template-columns:repeat(2,1fr)!important;}}
@media(max-width:560px){footer .footer-cols{grid-template-columns:1fr!important;}}

/* Force light text on navy bands (overrides page body --ink) */
.full-navy,.block-navy,section.full-navy,section.block-navy{color:#fff!important;}
.full-navy h1,.full-navy h2,.full-navy h3,.full-navy h4,
.block-navy h1,.block-navy h2,.block-navy h3,.block-navy h4,
.full-navy .sec-head h2,.block-navy .sec-head h2,
.full-navy .display,.block-navy .display{color:#fff!important;}
.full-navy p,.block-navy p{color:rgba(255,255,255,0.78);}
.full-navy .sec-head p.dek,.block-navy .sec-head p.dek{color:rgba(255,255,255,0.72)!important;}
.full-navy .faq-q,.block-navy .faq-q{color:#fff!important;}
.full-navy .faq-a p,.block-navy .faq-a p{color:rgba(255,255,255,0.72)!important;}
.full-navy .faq-item,.block-navy .faq-item{border-color:rgba(255,255,255,0.15)!important;}

/* EEAT paper band - never blends with navy FAQ */
#eeat-trust{
  background:#F4F5F0!important;
  color:#12181D!important;
  width:100%;
  border-top:1px solid #DADCD1;
  border-bottom:1px solid #DADCD1;
  clear:both;
  display:block;
  margin:0;
}
#eeat-trust h2{color:#0F2438!important;}
#eeat-trust p{color:#4A5560!important;}

/* Nav: page CSS often used 900/980 - force hamburger at 1100 */
@media(max-width:1100px){
  .nav .nav-links{display:none;}
  .nav .nav-links.is-open{display:flex!important;}
  .nav .nav-toggle{display:block!important;}
}

/* Floating WhatsApp button */
.wa-float{
  position:fixed;right:20px;bottom:20px;z-index:9999;
  width:56px;height:56px;border-radius:50%;
  background:#25D366;color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 24px rgba(0,0,0,0.28);
  text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease;
}
.wa-float:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 12px 28px rgba(0,0,0,0.35);}
.wa-float svg{width:30px;height:30px;display:block;fill:currentColor;}
.wa-float:focus-visible{outline:2px solid #5FC8CE;outline-offset:3px;}
@media(max-width:560px){
  .wa-float{right:14px;bottom:14px;width:52px;height:52px;}
  .wa-float svg{width:28px;height:28px;}
}