
/* Malta Tutors V12 authoritative unified header */
.announcement{
  background:linear-gradient(90deg,#273c88,#4c46d6,#316ba8)!important;
  color:#fff!important;
}
.announcement .container{
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  flex-wrap:wrap!important;
  font-size:11px!important;
}
.announcement b{
  padding:4px 9px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:999px!important;
  font-size:9px!important;
  letter-spacing:.08em!important;
}
.announcement a{color:#d6fbff!important;font-weight:800!important}

.topbar{
  background:#111426!important;
  color:#fff!important;
}
.topbar .container{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.topbar-left,.topbar-right{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  flex-wrap:wrap!important;
}
.topbar a{
  color:#eef1ff!important;
  font-size:10px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
.topbar a:hover{color:#83ddff!important}

.header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  background:rgba(255,255,255,.97)!important;
  backdrop-filter:blur(18px)!important;
  border-bottom:1px solid #e6e8f0!important;
}
.header .nav{
  min-height:82px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.header .brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex:0 0 auto!important;
}
.header .brand-copy{
  display:flex!important;
  flex-direction:column!important;
}
.header .brand-copy strong{
  color:#10142d!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-size:19px!important;
  line-height:1.05!important;
}
.header .brand-copy small{
  display:block!important;
  margin-top:5px!important;
  color:#7b8296!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
}
.header .logo{
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#6558ff,#3f7cff,#20c7e9)!important;
  color:#fff!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-weight:800!important;
  font-size:20px!important;
  box-shadow:0 10px 24px rgba(80,95,230,.22)!important;
}
.header .desktop-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  flex:1 1 auto!important;
}
.header .desktop-nav a{
  padding:9px 7px!important;
  border-radius:9px!important;
  color:#555d73!important;
  font-size:9.5px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
.header .desktop-nav a:hover{
  background:#f0efff!important;
  color:#6558ff!important;
}
.header .nav-actions{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex:0 0 auto!important;
}
.header .nav-whatsapp{
  display:inline-flex!important;
  align-items:center!important;
  min-height:42px!important;
  padding:0 10px!important;
  color:#26304c!important;
  background:transparent!important;
  border:0!important;
  font-size:10px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.header .nav-find{
  min-height:46px!important;
  padding:0 18px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#6558ff,#3f7cff)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:800!important;
  border:0!important;
}
.header .menu-btn{
  display:none!important;
  width:44px!important;
  height:44px!important;
  border:1px solid #dfe2eb!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#171b33!important;
  font-size:20px!important;
}
.header .mobile-menu{display:none!important}

@media(max-width:1160px){
  .header .desktop-nav{display:none!important}
  .header .menu-btn{display:grid!important;place-items:center!important}
  .header .nav-whatsapp{display:none!important}
  .header .mobile-menu{
    display:none!important;
    padding:12px 28px 22px!important;
    border-top:1px solid #e7e9f1!important;
    background:#fff!important;
  }
  .header .mobile-menu.open{display:grid!important}
  .header .mobile-menu a{
    padding:11px 0!important;
    border-bottom:1px solid #eef0f5!important;
    color:#20263f!important;
    font-size:13px!important;
    font-weight:700!important;
  }
}
@media(max-width:760px){
  .announcement .container{
    justify-content:flex-start!important;
    padding:8px 0!important;
  }
  .announcement span{display:none!important}
  .topbar .container{min-height:38px!important}
  .topbar-right{display:none!important}
  .topbar-left{gap:12px!important}
  .header .nav{min-height:72px!important}
  .header .brand-copy strong{font-size:17px!important}
  .header .brand-copy small{font-size:7px!important}
  .header .logo{width:44px!important;height:44px!important}
  .header .nav-find{display:none!important}
}

/* V14 Purchase Notes action */
.header .nav-notes{
  min-height:46px!important;
  padding:0 16px!important;
  border-radius:12px!important;
  border:1px solid #d9ddea!important;
  background:#fff!important;
  color:#313855!important;
  font-size:10px!important;
  font-weight:800!important;
  display:inline-flex!important;
  align-items:center!important;
  white-space:nowrap!important;
}
.header .nav-notes:hover{
  border-color:#b9b5ff!important;
  color:#5a4df5!important;
  background:#f7f6ff!important;
}
@media(max-width:760px){
  .header .nav-notes{display:none!important}
}

/* ===== V16 HEADER ACTIONS + ORIGINAL LOGO ===== */
.header .brand-logo-original{
  width:52px!important;
  height:52px!important;
  object-fit:cover!important;
  border-radius:4px!important;
  flex:0 0 auto!important;
}
.header .nav-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.header .nav-whatsapp,
.header .nav-notes,
.header .nav-find{
  min-height:46px!important;
  padding:0 17px!important;
  border-radius:12px!important;
  font-size:10px!important;
  font-weight:800!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}
.header .nav-whatsapp{
  border:1px solid #d7dce8!important;
  background:#fff!important;
  color:#1c2340!important;
}
.header .nav-whatsapp:hover{
  background:#f7f8fc!important;
  border-color:#bec5d5!important;
}
.header .nav-notes{
  border:1px solid #bcb9ff!important;
  background:#f5f3ff!important;
  color:#5749e8!important;
}
.header .nav-notes:hover{
  background:#ece9ff!important;
}
.header .nav-find{
  border:1px solid transparent!important;
  background:linear-gradient(135deg,#6558ff,#3f7cff)!important;
  color:#fff!important;
}
@media(max-width:1180px){
  .header .desktop-nav{display:none!important}
  .header .menu-btn{display:grid!important;place-items:center!important}
}
@media(max-width:860px){
  .header .nav-whatsapp,
  .header .nav-notes,
  .header .nav-find{display:none!important}
}

/* V17 crisp Malta Tutors original-style logo */
.header .brand-logo-original{
  width:52px!important;
  height:52px!important;
  object-fit:contain!important;
  border-radius:4px!important;
  display:block!important;
  flex:0 0 52px!important;
}

.header .brand-logo-original{width:52px!important;height:52px!important;object-fit:contain!important;display:block!important;border-radius:12px!important;flex:0 0 52px!important;}
