/* Original-colour TTT mark, compact and directly overlaid like the reference header. */
#nav .nav-logo {
  background:#fff !important;
  padding:0 !important;
  border:0 !important;
  border-radius:5px !important;
  box-shadow:none !important;
  width:160px;
  justify-content:flex-start;
}
#nav .nav-logo img {
  width:160px !important;
  height:90px !important;
  object-fit:contain;
  filter:none !important;
  mix-blend-mode:normal !important;
}
#nav .nav-logo .logo-white { display:block !important; }
#nav .nav-logo .logo-dark { display:none !important; }
#nav.scrolled .nav-logo img { width:125px !important; height:70px !important; }
#nav.scrolled .nav-logo { width:125px; }
.footer-widget img[alt="TTT logo"] { max-width:175px; max-height:110px; width:auto; height:auto; }
@media(max-width:767px) {
  #nav .nav-logo { width:115px; }
  #nav .nav-logo img { width:115px !important; height:65px !important; }
  #nav.scrolled .nav-logo { width:105px; }
  #nav.scrolled .nav-logo img { width:105px !important; height:59px !important; }
}
/* Slightly raise and right-align the desktop header controls. */
@media (min-width: 992px) {
  #nav .nav-actions { transform: translate(12px, -18px); }
  #nav .nav-bottom { position:relative; top:-12px; }
  #nav .nav-links { position:relative; left:24px; }
  #nav.scrolled .nav-actions { transform:translate(12px, -8px); }
  #nav.scrolled .nav-bottom { top:-6px; }
}
/* Match the enquiry action to the original TTT teal branding. */
#nav .nav-enquire,
#nav.scrolled .nav-enquire {
  background: #0b6b7a !important;
  border-color: #0b6b7a !important;
  color: #fff !important;
}
#nav .nav-enquire:hover,
#nav.scrolled .nav-enquire:hover {
  background: #084e60 !important;
  border-color: #084e60 !important;
  color: #fff !important;
}
#nav .nav-enquire:focus-visible { outline:3px solid #2dc0c3; outline-offset:3px; }

/* Transparent original artwork, enlarged for legibility. */
#nav .nav-logo,#nav.scrolled .nav-logo {background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;width:190px!important;}
#nav .nav-logo img,#nav.scrolled .nav-logo img {width:190px!important;height:116px!important;object-fit:contain!important;}
@media(max-width:1250px){
 #nav .nav-logo,#nav.scrolled .nav-logo {width:155px!important;}
 #nav .nav-logo img,#nav.scrolled .nav-logo img {width:155px!important;height:96px!important;}
}
@media(max-width:767px){
 #nav .nav-logo,#nav.scrolled .nav-logo {width:132px!important;}
 #nav .nav-logo img,#nav.scrolled .nav-logo img {width:132px!important;height:82px!important;}
}
