/* Shared public website and Shark navigation controls. */
html :is(.sh-nav-shell,.divers-header) :is(.sh-nav-account-area,.divers-account-slot,.divers-account-controls){gap:4px}
html :is(.sh-nav-shell,.divers-header) :is(.public-language-menu>summary,.divers-cart-button,.divers-nav-login,.divers-account-menu>summary,.sh-nav-cart,.sh-nav-account){box-sizing:border-box;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;text-decoration:none;box-shadow:none}
html :is(.sh-nav-shell,.divers-header) details.public-language-menu>summary{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:50%}
html .sh-nav-shell .sh-nav-cart{color:var(--ink);background:transparent}
html :is(.sh-nav-shell,.divers-header) :is(.sh-nav-cart,.divers-cart-button) svg{display:block;width:21px;height:21px}
html :is(.sh-nav-shell,.divers-header) :is(.sh-nav-cart,.divers-cart-button,.public-language-menu>summary):hover{background:var(--nav-soft)}
html .sh-nav-shell .sh-nav-cart:focus-visible{outline:2px solid var(--nav-accent);outline-offset:2px}
html .divers-header .divers-account-menu>summary span{width:44px;height:44px;min-height:44px;border-radius:50%}
@media(max-width:820px){
  .sh-nav-shell .sh-nav{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:56px 48px;gap:0 10px;margin:0;padding:0 12px;min-height:104px}
  .sh-nav-shell .sh-nav .sh-nav-links{grid-column:1/-1;grid-row:2;min-height:48px;margin:0;padding:0;border-top:1px solid var(--nav-line)}
  .sh-nav-shell .sh-nav-brand:has(.top-nav-brand-logo-single){width:180px;max-width:100%}
  .sh-nav-shell .sh-nav-brand .top-nav-brand-logo-single{width:180px;height:37px;max-width:100%}
  html .divers-header .divers-account-slot{grid-column:2;grid-row:1;width:auto;min-width:0}
}
html :is(.sh-nav-shell,.divers-header){--nav-control-ink:#153441;--nav-control-paper:#fff}
html[data-theme='dark'] :is(.sh-nav-shell,.divers-header){--nav-control-ink:#e5f1f7;--nav-control-paper:#153441}
html :is(.sh-nav-shell,.divers-header) :is(.sh-nav-cart,.divers-cart-button,.public-language-menu>summary){color:var(--nav-control-ink)}
html :is(.sh-nav-shell,.divers-header) :is(.sh-nav-account,.divers-nav-login,.divers-account-menu>summary span){background:var(--nav-control-ink);color:var(--nav-control-paper)}
html :is(.sh-nav-shell,.divers-header) :is(.sh-nav-account,.divers-nav-login,.divers-account-menu>summary span):hover{background:var(--nav-control-ink);color:var(--nav-control-paper);box-shadow:0 0 0 3px var(--nav-soft)}
