/* Common shell for every page that uses partials/layout.blade.php (9 Nov 2026).
   One header, one WhatsApp button, one footer (footer-v2.css is loaded beside this file).
   Private AI is a standalone page and is not affected.
   Loaded last on purpose: it wins over the page-family stylesheets (final-*, home-*, ui-guidelines) without !important
   except where the old header rules already used it. */

/* WhatsApp: green circle with a white glyph, the same on every page */
body .whatsapp-icon{
  position:fixed;bottom:20px;right:20px;z-index:9998;
  display:flex;align-items:center;justify-content:center;
  width:60px;height:60px;padding:0;border:0;border-radius:50%;
  background-color:#25d366;cursor:pointer;
  box-shadow:0 6px 18px -6px rgba(11,23,38,.45);
}
body .whatsapp-icon .chat-red-dot{position:absolute;top:8px;right:0;width:10px;height:10px;border-radius:50%;background-color:red}
body .whatsapp-icon img,body .whatsapp-icon svg{width:40px;height:40px}

/* Header: solid white with a thin shadow at the top of every page (same as the home page) */
body .nav-wrapper{background:#fff!important;box-shadow:0 1px 8px #003d8210}
body .nav-wrapper .nav-link,
body .nav-wrapper .nav-link > a,
body .nav-wrapper .nav-link.white a{color:#0b1726!important}
body .nav-wrapper .nav-link > a:hover,
body .nav-wrapper .nav-link.white a:hover{color:#003d82!important}
body .nav-wrapper .nav-burger,
body .nav-wrapper .nav-search-btn{color:#0b1726!important}
body .nav-wrapper .logo-wrapper img,
body .nav-wrapper .logo-img{filter:none!important;opacity:1!important}

/* Enquiry-recovery notice (form-recovery.js): it is inserted before <body>, so in normal flow it sat at the very top of the page,
   behind the fixed header, with only its bottom border showing as a stray line, and it pushed the whole page down by ~115px.
   Pin it as a small notice at the bottom-left instead. It stays hidden (via the [hidden] attribute) whenever there is nothing to say. */
#cms-form-recovery-status{
  position:fixed!important;
  left:16px!important;
  bottom:16px!important;
  right:auto!important;
  margin:0!important;
  max-width:min(440px,calc(100vw - 32px));
  padding:.8rem 1rem!important;
  font-size:.9rem!important;
  line-height:1.45!important;
  z-index:9997!important;
  box-shadow:0 10px 30px -12px rgba(11,23,38,.45);
}

/* form-recovery notice only while filling a form (9 Nov 2026): it is a warning about saving typed values, so a visitor who is
   only reading the page never needs to see it. It appears as soon as focus is inside any form. */
html:not(:has(form:focus-within)) #cms-form-recovery-status{display:none!important}