/* /assets/css/header.css */

:root{
  --bbas-navy:#1B263B;
  --bbas-midnight:#111827;
  --bbas-blue:#2563EB;
  --bbas-light-blue:#60A5FA;

  --bbas-text:#1B263B;
  --bbas-text-secondary:#334155;
  --bbas-muted:#64748B;
  --bbas-disabled:#94A3B8;

  --bbas-bg:#FAFAFA;
  --bbas-border:#E5E7EB;
  --bbas-white:#FFFFFF;
}

.bbas-header{
  position:sticky;
  top:0;
  z-index:80;
  background:rgba(250,250,250,.96);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--bbas-border);
}

.bbas-header__inner{
  max-width:1120px;
  margin:0 auto;
  padding:10px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  position:relative;
}

.bbas-brand{
  display:flex;
  align-items:center;
  text-decoration:none;
  color:var(--bbas-text);
  min-width:0;
}

.bbas-brand__logo{
  height:46px;
  width:auto;
  display:block;
}

.bbas-nav{
  display:flex;
  align-items:center;
  gap:16px;
}

.bbas-nav__link{
  font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  font-weight:700;
  font-size:14px;
  line-height:1.2;
  color:#1B263B;
  text-decoration:none;
  padding:10px 10px;
  border-radius:12px;
  transition:background-color .2s ease, color .2s ease;
}

.bbas-nav__link:hover{
  background:#EEF4FF;
  color:#0B1F3B;
}

.bbas-nav__link:focus-visible,
.bbas-brand:focus-visible,
.bbas-hamburger:focus-visible,
.bbas-mobile__link:focus-visible{
  outline:2px solid var(--bbas-blue);
  outline-offset:2px;
  border-radius:12px;
}

.bbas-hamburger{
  display:none;
  width:56px;
  height:56px;
  border:1px solid var(--bbas-border);
  background:var(--bbas-white);
  border-radius:18px;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  padding:0;
  appearance:none;
  -webkit-appearance:none;
  position:relative;
  z-index:92;
  box-shadow:0 6px 18px rgba(15,23,42,.06);
}

.bbas-hamburger span{
  display:block;
  width:20px;
  height:2px;
  background:#1B263B;
  border-radius:999px;
  transition:transform .18s ease, opacity .18s ease, background-color .18s ease;
}

.bbas-hamburger[aria-expanded="true"] span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}

.bbas-hamburger[aria-expanded="true"] span:nth-child(2){
  opacity:0;
}

.bbas-hamburger[aria-expanded="true"] span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}

.bbas-mobile[hidden]{
  display:none !important;
}

.bbas-mobile{
  border-top:1px solid var(--bbas-border);
  background:rgba(250,250,250,.98);
}

.bbas-mobile__inner{
  max-width:1120px;
  margin:0 auto;
  padding:12px 20px 18px;
  display:grid;
  gap:10px;
}

.bbas-mobile__link{
  font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  font-weight:700;
  font-size:15px;
  text-decoration:none;
  color:#1B263B;
  background:var(--bbas-white);
  border:1px solid var(--bbas-border);
  border-radius:14px;
  padding:12px 12px;
  transition:border-color .2s ease, background-color .2s ease, color .2s ease;
}

.bbas-mobile__link:hover{
  border-color:#BFD6FF;
  background:#FFFFFF;
  color:#0B1F3B;
}

html.bbas-menu-open,
html.bbas-menu-open body{
  overflow:hidden;
}

@media (max-width:900px){
  .bbas-header{
    z-index:120;
  }

  .bbas-header__inner{
    padding:14px 16px;
  }

  .bbas-brand__logo{
    height:42px;
  }

  .bbas-nav{
    display:none;
  }

  .bbas-hamburger{
    display:inline-flex;
  }

  .bbas-mobile{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:91;
    box-shadow:0 14px 28px rgba(15,23,42,.10);
  }

  .bbas-mobile__inner{
    padding:12px 16px 18px;
  }
}