/* Account access stays visible; staff navigation follows the verified role. */
.header-access {display:flex;align-items:center;gap:8px;flex-shrink:0}
.site-header .header-access a {
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;
  border:1px solid #0b5866;border-radius:6px;background:#0b5866;color:#fff9ed;
  font:800 14px/1.4 'Manrope',Arial,sans-serif;letter-spacing:0;text-transform:none;
  text-decoration:none;white-space:nowrap;box-shadow:none;
}
.site-header .header-access .header-admin {background:#e3cd9e;border-color:#b39456;color:#133b45}
.site-header .header-access .header-account:hover,.site-header .header-access .header-account:focus-visible {background:#084651;color:#fff}
.site-header .header-access .header-admin:hover,.site-header .header-access .header-admin:focus-visible {background:#f1dfb9;color:#133b45}
.site-header .header-access a[hidden],.mobile-access a[hidden] {display:none!important}
body:has(.poseidon-account) .site-header .header-access .header-account {box-shadow:inset 0 0 0 2px #a5d8da}
html.admin-route .header-access .header-admin {box-shadow:inset 0 0 0 2px #133b45}
.mobile-access {display:flex;gap:10px;padding:2px 0 16px;margin-bottom:6px;border-bottom:1px solid #ffffff38}
.mobile-nav .mobile-access a {display:flex;align-items:center;justify-content:center;flex:1;min-height:46px;padding:12px 8px;border:1px solid #79a9af;border-radius:6px;background:#174b59;color:#fff9ed;font:800 14px/1.5 'Manrope',Arial,sans-serif;text-decoration:none}
.mobile-nav .mobile-access a[data-staff-navigation] {background:#e3cd9e;border-color:#b39456;color:#133b45}
.mobile-nav .mobile-access a:hover {background:#215e6c}
.mobile-nav .mobile-access a[data-staff-navigation]:hover {background:#f1dfb9}
@media (min-width:1281px) {
  .site-header {grid-template-columns:auto minmax(0,1fr) auto;column-gap:24px}
  .site-header .primary-nav {justify-self:center}
  .site-header .primary-nav a {padding-inline:8px;font-size:14px}
  .site-header .header-actions {gap:8px}
}
@media (min-width:601px) and (max-width:1280px) {
  .site-header,.site-header.is-sale-active {display:flex;gap:12px;height:88px}
  .site-header .primary-nav {display:none}
  .site-header .menu-toggle {display:grid;order:0}
  .site-header .header-brand {order:1;margin:auto}
  .site-header .header-actions {order:2;gap:6px}
  .site-header .header-access a {padding-inline:12px;font-size:13px}
  .mobile-nav,.search-panel {top:88px}
  .mobile-nav {max-height:calc(100dvh - 88px)}
}
@media (max-width:600px) {
  .site-header,.site-header.is-sale-active {
    display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;grid-template-rows:64px 44px;
    align-items:center;gap:4px 8px;height:128px;padding:4px 12px 12px;
  }
  .site-header .primary-nav {display:none}
  .site-header .menu-toggle {grid-row:1;grid-column:1;display:grid;margin:0;width:44px;height:44px}
  .site-header .header-brand {grid-row:1;grid-column:2;justify-self:center;order:initial;margin:0;width:96px;min-width:96px}
  .site-header .header-brand .poseidon-header-logo {width:96px;height:60px}
  .site-header .header-actions {display:contents}
  .site-header .search-toggle {grid-row:1;grid-column:3}
  .site-header .bag-button {grid-row:1;grid-column:4}
  .site-header .header-access {grid-row:2;grid-column:1/-1;display:flex;gap:8px;width:100%}
  .site-header .header-access a {flex:1;min-height:44px;padding:10px 12px;font-size:14px}
  .mobile-nav,.search-panel {top:128px}
  .mobile-nav {max-height:calc(100dvh - 128px)}
}