/* Vibromera unified header/footer skin for Knowledge Base (UK / English) */
/* Loaded AFTER main.css to override KB header/.main-menu/footer */

header{background:#ffffff;color:#1A1A1A;border-bottom:1px solid #e2e8f0;padding:0;position:sticky;top:0;z-index:900;box-shadow:none}
header .container{padding:0 20px}
.navbar{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:68px}
.logo{font-size:1rem;font-weight:400}
.logo a{color:#012169;font-size:1.6rem;font-weight:800;letter-spacing:-.5px;text-decoration:none}
.desktop-nav{display:flex;align-items:center;gap:14px}
.desktop-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px;justify-content:flex-end}
.desktop-nav li{margin:0;background:none;padding:0}
.desktop-nav a{display:inline-block;color:#3a4250;text-decoration:none;font-size:1rem;font-weight:500;padding:8px 12px;border-radius:8px;transition:color .2s,background .2s}
.desktop-nav a:hover{color:#012169;background:#eaf0f9}
.desktop-nav a.active{color:#012169;background:#eaf0f9;font-weight:700}
.nav-cta{background:#C8102E!important;color:#fff!important;font-weight:700!important;padding:9px 18px!important;border-radius:999px!important}
.nav-cta:hover{background:#a50d26!important}

.burger-menu{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:1.6rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}
.burger-bar{width:2rem;height:.22rem;background:#C8102E;border-radius:10px;transition:all .3s}

.mobile-nav{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;right:-100%;height:100vh;width:100%;background:#012169;transition:right .3s ease-in-out;z-index:1000}
.mobile-nav.active{right:0}
.mobile-nav ul{list-style:none;padding:0;text-align:center;margin:0}
.mobile-nav li{background:none;padding:0;margin:18px 0}
.mobile-nav a{color:#fff;font-size:1.7rem;text-decoration:none;font-weight:600}
.close-btn{position:absolute;top:20px;right:24px;background:none;border:none;color:#fff;font-size:3rem;cursor:pointer;line-height:1}

.whatsapp-float{position:fixed;width:58px;height:58px;bottom:28px;right:28px;background:#25d366;color:#fff;border-radius:50%;text-align:center;box-shadow:0 6px 18px rgba(37,211,102,.45);z-index:100;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .2s}
.whatsapp-float:hover{transform:scale(1.08)}

footer{background:#0e2138;color:#c7d2e0;padding:64px 0 32px;margin-top:80px;border-top:none;text-align:left}
footer .container{padding:0 20px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:32px;text-align:left;margin-bottom:32px}
.footer-col h4{color:#fff;font-size:1.05rem;margin:0 0 16px}
.footer-col p{margin:6px 0;font-size:.95rem;max-width:none;color:#c7d2e0}
.footer-col ul{padding:0;list-style:none;margin:0}
.footer-col li{background:none;padding:0;margin:6px 0}
.footer-col a{color:#c7d2e0;text-decoration:none}
.footer-col a:hover{color:#fff}
.footer-legal{border-top:1px solid rgba(255,255,255,.12);padding-top:24px;margin-top:24px;font-size:.9rem}
.footer-legal a{color:#c7d2e0;text-decoration:none}
.footer-legal a:hover{color:#fff}
.footer-bottom{text-align:center;font-size:.88rem;color:#8190a3;border-top:1px solid rgba(255,255,255,.12);padding-top:24px;margin-top:24px}
.external-icon{font-size:.78em;display:inline-block;margin-left:4px;transform:translateY(-1px)}

@media(max-width:768px){
  .desktop-nav{display:none}
  .burger-menu{display:flex}
  .footer-grid{grid-template-columns:1fr;text-align:center}
  .footer-col p,.footer-col h4{text-align:center}
}