/* Diagnostix360 website v26.0: one simple navigation bar on every page.
   Five links, one language menu, one call to action. */

@media (min-width:1181px){
  .navlinks{gap:24px}
  .navlinks>a:not(.play-badge-link):not(.btn){font-size:14.5px;color:#C3CBD2}
  html[lang=fr] .navlinks>a:not(.play-badge-link):not(.btn),html[lang=es] .navlinks>a:not(.play-badge-link):not(.btn){font-size:14px}
  html[lang=ar] .navlinks>a:not(.play-badge-link):not(.btn){font-size:15.5px}
}
.navlinks>a[aria-current=page]{color:#fff;border-bottom-color:var(--trace)}

/* language menu (desktop) */
.lang-menu{position:relative}
.lang-menu>summary{list-style:none;display:flex;align-items:center;gap:6px;cursor:pointer;color:#DCE4EA;font-size:13.5px;font-weight:600;
  padding:6px 10px;border:1px solid rgba(255,255,255,.22);border-radius:8px;user-select:none;white-space:nowrap;line-height:1.2}
.lang-menu>summary::-webkit-details-marker{display:none}
.lang-menu>summary::marker{content:""}
.lang-menu>summary:hover,.lang-menu[open]>summary{border-color:rgba(0,165,196,.75);color:#fff}
.lang-menu>summary:focus-visible{outline:2px solid #7FE3F2;outline-offset:2px}
.lang-menu>summary svg{width:16px;height:16px;flex:none}
.lang-menu>summary .chev{width:10px;height:10px;transition:transform .15s}
.lang-menu[open]>summary .chev{transform:rotate(180deg)}
.lang-menu>summary span:lang(ar),.lang-menu>summary span{font-family:inherit}
html[lang=ar] .lang-menu>summary{font-family:'IBM Plex Sans Arabic',var(--body);font-size:14.5px}
.lang-pop{position:absolute;top:calc(100% + 10px);inset-inline-end:0;min-width:168px;display:flex;flex-direction:column;gap:2px;
  background:#121B24;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:6px;box-shadow:0 14px 34px rgba(0,0,0,.38);z-index:70}
.navlinks .lang-pop a{display:block;padding:9px 12px;border:0;border-radius:7px;font-size:14.5px;color:#DCE4EA;white-space:nowrap}
.navlinks .lang-pop a:hover{background:rgba(255,255,255,.07);color:#fff}
.navlinks .lang-pop a[aria-current=true]{background:rgba(0,165,196,.18);color:#fff}
.navlinks .lang-pop a[aria-current=true]::after{content:" ✓";color:#7FE3F2}
.lang-pop a[lang=ar]{font-family:'IBM Plex Sans Arabic',var(--body);font-size:15.5px}

/* the row of language buttons is for the phone/tablet menu only */
.navlinks .lang-switch{display:none}
@media (max-width:1180px){
  .lang-menu{display:none}
  .navlinks .lang-switch{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;border:0}
  .navlinks .lang-switch a{padding:8px 13px;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:15px;color:#DCE4EA}
  .navlinks .lang-switch a[aria-current=true]{border-color:rgba(0,165,196,.75);color:#fff;background:rgba(0,165,196,.14)}
  .navlinks>a[aria-current=page]{color:#fff}
}

/* the call to action at the end of the bar */
.navlinks .play-badge-link{flex:none}
.navlinks>.btn{white-space:nowrap}

/* footer: language links can wrap on phones */
footer .fine>span:last-child{display:flex;flex-wrap:wrap;gap:4px 6px}
footer .fine a[aria-current=true]{color:#fff;font-weight:600}

/* hidden spam-trap field: keep it off screen without widening right-to-left pages */
.hp-field{left:auto!important;inset-inline-start:-10000px!important;clip-path:inset(50%)!important}
[dir=rtl] .hp-field{right:-10000px!important}
form.lead-form{position:relative;overflow:hidden}