/* LAKANA ELITE GROUPED MENU — official palette only */
:root{
  --lakana-navy:#0A1625;
  --lakana-component:#162A45;
  --lakana-slate:#345275;
  --lakana-ink:#0D1B2A;
  --lakana-teal:#0D7377;
  --lakana-gold:#CF9D2A;
  --lakana-paper:#F4F6F9;
  --lakana-pale:#E8EDF2;
  --lakana-white:#FFFFFF;
  --lakana-iris:#7244C4;
}

.lakana-global-menu-v2{
  display:none !important;
}

.lakana-global-menu-v3{
  position:sticky;
  top:0;
  z-index:9999;
  background:
    radial-gradient(circle at 7% 0%, rgba(13,115,119,.28), transparent 19rem),
    linear-gradient(135deg, var(--lakana-navy), var(--lakana-component));
  border-bottom:4px solid var(--lakana-teal);
  box-shadow:0 28px 60px rgba(10,22,37,.36);
}

.lakana-menu-shell{
  max-width:1480px;
  margin:auto;
  padding:18px 24px;
  display:grid;
  grid-template-columns:minmax(310px,1.05fr) auto minmax(460px,1.25fr);
  gap:18px;
  align-items:center;
}

.lakana-menu-brand{
  display:flex;
  align-items:center;
  gap:16px;
  color:var(--lakana-white);
  text-decoration:none;
  min-width:0;
}

.lakana-brand-mark{
  width:72px;
  height:72px;
  min-width:72px;
  border-radius:22px;
  display:grid;
  place-items:center;
  color:var(--lakana-white);
  background:
    radial-gradient(circle at 25% 18%, rgba(244,246,249,.20), transparent 36%),
    linear-gradient(135deg, var(--lakana-teal), #0A6B73 54%, var(--lakana-component));
  border:1.8px solid rgba(244,246,249,.18);
  box-shadow:
    0 20px 48px rgba(0,0,0,.28),
    inset 0 0 0 1px rgba(255,255,255,.12);
  overflow:hidden;
}

.lakana-a-logo-svg{
  width:46px;
  height:46px;
  color:var(--lakana-white);
  display:block;
  filter:drop-shadow(0 2px 8px rgba(255,255,255,.18));
}

.lakana-brand-copy strong{
  display:block;
  color:var(--lakana-white);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:clamp(1.02rem,2.2vw,1.45rem);
  line-height:1.05;
}

.lakana-brand-copy span{
  display:block;
  color:var(--lakana-pale);
  opacity:.82;
  margin-top:8px;
  font-size:.92rem;
  line-height:1.25;
}

.lakana-menu-primary{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:8px;
  border:1px solid rgba(232,237,242,.14);
  background:rgba(232,237,242,.045);
  border-radius:999px;
}

.lakana-menu-primary a{
  color:var(--lakana-white);
  text-decoration:none;
  font-weight:950;
  letter-spacing:.01em;
  border-radius:999px;
  padding:12px 16px;
  border:1px solid transparent;
  white-space:nowrap;
}

.lakana-menu-primary a:hover{
  border-color:rgba(207,157,42,.42);
  background:rgba(207,157,42,.11);
}

.lakana-menu-clusters{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.lakana-nav-cluster{
  position:relative;
}

.lakana-nav-cluster summary{
  list-style:none;
  cursor:pointer;
  border:1.6px solid rgba(13,115,119,.52);
  background:
    linear-gradient(180deg, rgba(232,237,242,.08), rgba(232,237,242,.035));
  color:var(--lakana-white);
  border-radius:22px;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 17px;
  font-weight:1000;
  letter-spacing:.02em;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}

.lakana-nav-cluster summary::-webkit-details-marker{
  display:none;
}

.lakana-nav-cluster summary::after{
  content:"";
  width:9px;
  height:9px;
  border-right:2px solid var(--lakana-gold);
  border-bottom:2px solid var(--lakana-gold);
  transform:rotate(45deg) translateY(-2px);
  transition:.22s ease;
  margin-left:12px;
}

.lakana-nav-cluster[open] summary{
  border-color:rgba(207,157,42,.72);
  background:
    linear-gradient(135deg, rgba(13,115,119,.28), rgba(22,42,69,.72));
}

.lakana-nav-cluster[open] summary::after{
  transform:rotate(225deg) translateY(-1px);
}

.lakana-nav-panel{
  position:absolute;
  right:0;
  top:calc(100% + 12px);
  width:min(420px,88vw);
  background:rgba(244,246,249,.98);
  border:1px solid rgba(52,82,117,.22);
  border-top:4px solid var(--lakana-gold);
  border-radius:28px;
  padding:12px;
  box-shadow:0 30px 76px rgba(10,22,37,.28);
  display:grid;
  gap:10px;
}

.lakana-nav-cluster:not([open]) .lakana-nav-panel{
  display:none;
}

.lakana-nav-card{
  display:block;
  text-decoration:none;
  border-radius:21px;
  padding:16px;
  background:var(--lakana-white);
  border:1px solid rgba(52,82,117,.16);
  color:var(--lakana-ink);
  transition:.18s ease;
}

.lakana-nav-card:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 34px rgba(10,22,37,.12);
}

.lakana-nav-card b{
  display:block;
  font-size:1rem;
  color:var(--lakana-ink);
}

.lakana-nav-card span{
  display:block;
  color:#58677A;
  margin-top:5px;
  line-height:1.38;
  font-size:.84rem;
}

.lakana-nav-card.gold{
  border-left:6px solid var(--lakana-gold);
}

.lakana-nav-card.teal{
  border-left:6px solid var(--lakana-teal);
}

.lakana-nav-card.slate{
  border-left:6px solid var(--lakana-slate);
}

/* Hide only the duplicated legacy homepage navigation block, not page content. */
.lakana-legacy-home-menu-hidden{
  display:none !important;
}

@media(max-width:1180px){
  .lakana-menu-shell{
    grid-template-columns:1fr;
  }

  .lakana-menu-primary{
    justify-content:flex-start;
    overflow-x:auto;
  }

  .lakana-menu-clusters{
    grid-template-columns:1fr;
  }

  .lakana-nav-panel{
    position:relative;
    top:auto;
    right:auto;
    width:100%;
    margin-top:10px;
  }

  .lakana-nav-cluster:not([open]) .lakana-nav-panel{
    display:none;
  }
}

@media(max-width:740px){
  .lakana-menu-shell{
    padding:16px;
    gap:14px;
  }

  .lakana-menu-brand{
    align-items:center;
  }

  .lakana-brand-mark{
    width:68px;
    height:68px;
    min-width:68px;
    border-radius:22px;
  }

  .lakana-a-logo-svg{
    width:44px;
    height:44px;
  }

  .lakana-brand-copy strong{
    font-size:1.14rem;
    letter-spacing:.16em;
  }

  .lakana-brand-copy span{
    font-size:.83rem;
  }

  .lakana-menu-primary{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    border-radius:24px;
    padding:7px;
  }

  .lakana-menu-primary a{
    text-align:center;
    padding:12px 8px;
  }

  .lakana-nav-cluster summary{
    min-height:58px;
    border-radius:22px;
    font-size:1rem;
  }
}