/* V20 menu and language refinements */
:root{
  --menu-deep:#163553;
  --menu-deep-2:#234866;
  --menu-gold:#e3c258;
  --menu-gold-deep:#bf9832;
  --menu-blue:#5f8fcb;
  --menu-teal:#33a7a3;
  --menu-purple:#8f74cc;
  --menu-green:#4fae72;
  --menu-orange:#da8f42;
  --menu-shadow:0 10px 24px rgba(15,45,73,.12);
}

html body.global-medical-ui .public-head .medical-language-switch,
html body.global-medical-ui .home-head .medical-language-switch,
html body.global-medical-ui .page-head .medical-language-switch{
  width:132px !important;
  min-width:132px !important;
  max-width:132px !important;
  height:58px !important;
  min-height:58px !important;
  padding:5px !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#1a3554 0%, #122b45 100%) !important;
  border:3px solid #dcb952 !important;
  box-shadow:0 8px 18px rgba(19,52,82,.15) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:5px !important;
}
html body.global-medical-ui .public-head .medical-language-switch button,
html body.global-medical-ui .home-head .medical-language-switch button,
html body.global-medical-ui .page-head .medical-language-switch button{
  flex:1 1 0 !important;
  width:auto !important;
  min-width:0 !important;
  height:44px !important;
  min-height:44px !important;
  border-radius:16px !important;
  border:2px solid transparent !important;
  background:transparent !important;
  color:#ffffff !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.2px !important;
  box-shadow:none !important;
  padding:0 8px !important;
}
html body.global-medical-ui .public-head .medical-language-switch button.active,
html body.global-medical-ui .public-head .medical-language-switch button[aria-pressed="true"],
html body.global-medical-ui .home-head .medical-language-switch button.active,
html body.global-medical-ui .home-head .medical-language-switch button[aria-pressed="true"],
html body.global-medical-ui .page-head .medical-language-switch button.active,
html body.global-medical-ui .page-head .medical-language-switch button[aria-pressed="true"]{
  background:#ffffff !important;
  color:#163553 !important;
  border-color:#d9e1ea !important;
}
html body.global-medical-ui .public-head .medical-language-switch button.active:after,
html body.global-medical-ui .public-head .medical-language-switch button[aria-pressed="true"]:after,
html body.global-medical-ui .home-head .medical-language-switch button.active:after,
html body.global-medical-ui .home-head .medical-language-switch button[aria-pressed="true"]:after,
html body.global-medical-ui .page-head .medical-language-switch button.active:after,
html body.global-medical-ui .page-head .medical-language-switch button[aria-pressed="true"]:after{
  background:#4d8999 !important;
  width:22px !important;
  bottom:7px !important;
}

/* Public first menu styling */
html body.global-medical-ui .home-head,
html body.global-medical-ui .public-head{
  background:#f8fbfd !important;
  border-bottom:2px solid #dce8f0 !important;
}
html body.global-medical-ui .home-head .public-nav,
html body.global-medical-ui .public-head .public-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  gap:12px !important;
  padding:8px 10px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
html body.global-medical-ui .home-head .public-nav a,
html body.global-medical-ui .home-head .public-nav button,
html body.global-medical-ui .public-head .public-nav a,
html body.global-medical-ui .public-head .public-nav button{
  min-width:128px !important;
  width:auto !important;
  height:54px !important;
  min-height:54px !important;
  padding:0 18px !important;
  border-radius:20px !important;
  border:2px solid #d4e0ea !important;
  background:#ffffff !important;
  color:#183d62 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:nowrap !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  box-shadow:var(--menu-shadow) !important;
  transition:all .2s ease !important;
}
html body.global-medical-ui .home-head .public-nav a:hover,
html body.global-medical-ui .home-head .public-nav button:hover,
html body.global-medical-ui .public-head .public-nav a:hover,
html body.global-medical-ui .public-head .public-nav button:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 12px 28px rgba(15,45,73,.18) !important;
  background:#fbfdff !important;
  color:#12385c !important;
}
html body.global-medical-ui .home-head .public-nav .public-back,
html body.global-medical-ui .public-head .public-nav .public-back{
  min-width:138px !important;
  background:linear-gradient(180deg,#efcf67 0%, #deb94c 100%) !important;
  border-color:var(--menu-gold-deep) !important;
  color:#17344f !important;
}
html body.global-medical-ui .home-head .public-nav a[href$='About.aspx'],
html body.global-medical-ui .public-head .public-nav a[href$='About.aspx']{border-color:var(--menu-blue) !important;background:#f8fbff !important;}
html body.global-medical-ui .home-head .public-nav a[href$='Services.aspx'],
html body.global-medical-ui .public-head .public-nav a[href$='Services.aspx']{border-color:var(--menu-teal) !important;background:#f7fffe !important;}
html body.global-medical-ui .home-head .public-nav a[href$='FAQ.aspx'],
html body.global-medical-ui .public-head .public-nav a[href$='FAQ.aspx']{border-color:var(--menu-purple) !important;background:#fcfaff !important;}
html body.global-medical-ui .home-head .public-nav a[href$='Contact.aspx'],
html body.global-medical-ui .public-head .public-nav a[href$='Contact.aspx']{border-color:var(--menu-green) !important;background:#fbfffc !important;}
html body.global-medical-ui .home-head .public-nav a[href$='Login.aspx'],
html body.global-medical-ui .public-head .public-nav a[href$='Login.aspx']{border-color:var(--menu-orange) !important;background:#fffaf4 !important;}
html body.global-medical-ui .home-head .public-nav a.active-public-link,
html body.global-medical-ui .public-head .public-nav a.active-public-link{
  box-shadow:0 0 0 3px rgba(26,95,133,.12), var(--menu-shadow) !important;
}

/* Keep the public brand compact so the menu has room */
html body.global-medical-ui .home-head .public-brand,
html body.global-medical-ui .public-head .public-brand{
  max-width:410px !important;
  padding:14px 18px !important;
}
html body.global-medical-ui .home-head .public-brand .brand-main,
html body.global-medical-ui .public-head .public-brand .brand-main{
  font-size:26px !important;
}
html body.global-medical-ui .home-head .public-brand .brand-subtitle,
html body.global-medical-ui .public-head .public-brand .brand-subtitle,
html body.global-medical-ui .home-head .public-brand .brand-subtitle span,
html body.global-medical-ui .public-head .public-brand .brand-subtitle span{
  font-size:18px !important;
  color:#2c5f75 !important;
}

@media (max-width: 1300px){
  html body.global-medical-ui .home-head .public-nav,
  html body.global-medical-ui .public-head .public-nav{gap:9px !important;}
  html body.global-medical-ui .home-head .public-nav a,
  html body.global-medical-ui .public-head .public-nav a{min-width:116px !important;padding:0 14px !important;font-size:13px !important;}
  html body.global-medical-ui .home-head .public-brand,
  html body.global-medical-ui .public-head .public-brand{max-width:360px !important;}
}
@media (max-width: 1024px){
  html body.global-medical-ui .home-head .public-nav,
  html body.global-medical-ui .public-head .public-nav{flex-wrap:wrap !important;justify-content:flex-start !important;}
}
@media (max-width: 768px){
  html body.global-medical-ui .public-head .medical-language-switch,
  html body.global-medical-ui .home-head .medical-language-switch,
  html body.global-medical-ui .page-head .medical-language-switch{width:116px !important;min-width:116px !important;max-width:116px !important;height:52px !important;min-height:52px !important;}
  html body.global-medical-ui .public-head .medical-language-switch button,
  html body.global-medical-ui .home-head .medical-language-switch button,
  html body.global-medical-ui .page-head .medical-language-switch button{height:40px !important;min-height:40px !important;font-size:12px !important;}
  html body.global-medical-ui .home-head .public-nav a,
  html body.global-medical-ui .public-head .public-nav a,
  html body.global-medical-ui .home-head .public-nav .public-back,
  html body.global-medical-ui .public-head .public-nav .public-back{min-width:100% !important;width:100% !important;}
}