/* HADS PREMIUM V15 — unified hero navigation & family buttons */
:root{
  --hads-v15-purple:#8d4fba;
  --hads-v15-purple-hi:#bd72df;
  --hads-v15-hero:#17131d;
  --hads-v15-hero2:#271c2e;
}

/* Expertise hero quick access: same dark hero language, stronger 3D relief */
.expertise-hero-quicknav .hads-qbubble{
  min-height:68px!important;
  background:linear-gradient(150deg,rgba(31,24,37,.96),rgba(72,49,86,.94))!important;
  border:1px solid rgba(208,169,227,.26)!important;
  box-shadow:0 9px 0 rgba(25,16,31,.62),0 20px 32px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.13)!important;
}
.expertise-hero-quicknav .hads-qbubble .label{color:#fff!important;text-shadow:0 1px 12px rgba(0,0,0,.25)!important}
.expertise-hero-quicknav .hads-qbubble .num{
  background:linear-gradient(145deg,#b867da,#79469a)!important;
  box-shadow:0 6px 0 rgba(48,27,61,.55),0 12px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
.expertise-hero-quicknav .hads-qbubble:hover{
  background:linear-gradient(145deg,#a85fca,#6e3e8a)!important;
  border-color:rgba(238,206,251,.72)!important;
  transform:translateY(-8px) scale(1.05)!important;
}

/* Individual expertise pages: turn the plain white strip into real 3D navigation */
.expertise-subnav,.co-subnav{
  background:linear-gradient(180deg,var(--hads-v15-hero),var(--hads-v15-hero2))!important;
  border:0!important;
  padding:13px 0 18px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 26px rgba(28,18,34,.13)!important;
}
.expertise-subnav .container,.co-subnav .container{
  min-height:62px!important;gap:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;
}
.expertise-subnav a,.co-subnav a{
  min-width:150px!important;min-height:52px!important;padding:0 18px!important;
  border-radius:19px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  color:#f5edf9!important;background:linear-gradient(145deg,rgba(54,41,63,.98),rgba(35,27,42,.98))!important;
  border:1px solid rgba(196,147,219,.22)!important;
  box-shadow:0 7px 0 rgba(15,10,19,.72),0 15px 24px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.10)!important;
  font-size:10px!important;font-weight:850!important;letter-spacing:.08em!important;text-transform:uppercase!important;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease!important;
}
.expertise-subnav a:hover,.co-subnav a:hover,.expertise-subnav a.active,.co-subnav a.active{
  color:#fff!important;background:linear-gradient(145deg,#a95fc9,#6e4088)!important;
  border-color:rgba(232,194,248,.62)!important;
  transform:translateY(-6px) scale(1.025)!important;
  box-shadow:0 10px 0 rgba(56,31,72,.72),0 23px 34px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.27)!important;
}

/* Family pages: convert shortcuts into premium 3D pills/cards */
.family-shortcuts{
  gap:11px!important;padding-top:20px!important;margin-top:20px!important;border-top:1px solid rgba(118,82,150,.14)!important;
}
.family-shortcuts a{
  min-height:44px!important;padding:9px 13px!important;border-radius:15px!important;display:flex!important;align-items:center!important;
  background:linear-gradient(145deg,#fff,#eee4f4)!important;border:1px solid rgba(118,82,150,.18)!important;
  color:#42324c!important;font-size:10px!important;font-weight:850!important;letter-spacing:.035em!important;
  box-shadow:0 5px 0 rgba(110,65,140,.13),0 11px 20px rgba(68,42,81,.12),inset 0 1px 0 #fff!important;
  transition:.25s!important;
}
.family-shortcuts a:hover,.family-shortcuts a.active{
  color:#fff!important;background:linear-gradient(145deg,#a65fc7,#71428e)!important;
  transform:translateY(-4px)!important;box-shadow:0 8px 0 rgba(75,42,94,.24),0 18px 28px rgba(67,39,82,.20),inset 0 1px 0 rgba(255,255,255,.25)!important;
}

/* Family rail: a little more sculpted and readable */
.ww-family-rail .hads-qbubble{
  border-radius:24px!important;min-height:68px!important;
  box-shadow:0 9px 0 rgba(27,16,34,.55),0 22px 34px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.ww-family-rail .hads-qbubble .label{font-size:11px!important;font-weight:900!important;letter-spacing:.01em!important}

@media(max-width:1000px){
  .expertise-subnav .container,.co-subnav .container{justify-content:flex-start!important;overflow-x:auto!important;padding:4px 18px 12px!important}
  .expertise-subnav a,.co-subnav a{min-width:142px!important;flex:0 0 auto!important}
}