/* Overrides scoped to shared navigation: legacy pages retain their own styles. */
.hyt-shared-nav .hyt-menu-toggle { flex-direction: row; gap: 14px; width: auto; min-height: 44px; padding: 0 12px; color: #d8ccbe; }
.hyt-shared-nav .hyt-menu-bars { display: block; width: 24px; }
.hyt-shared-nav .hyt-menu-bars .icon-bar + .icon-bar { margin-top: 8px; }
.hyt-shared-nav #nav-container .hyt-menu-toggle { pointer-events: auto; }
.hyt-shared-nav #nav-container:not([data-open="true"]) #nav-content { transform: translateX(-100%); visibility: hidden; }
.hyt-shared-nav #nav-container:not([data-open="true"]) .icon-bar { transform: none; opacity: 1; }
.hyt-shared-nav #nav-container[data-open="true"] #nav-content { transform: none; visibility: visible; }
.hyt-shared-nav #nav-container[data-open="true"] .icon-bar:first-child { transform: translateY(4.5px) rotate(45deg); }
.hyt-shared-nav #nav-container[data-open="true"] .icon-bar:last-child { transform: translateY(-4.5px) rotate(-45deg); opacity: 1; }
.hyt-shared-nav .hyt-menu-backdrop { position: absolute; inset: 6vh 0 0; width: 100%; border: 0; background: rgb(0 0 0 / 45%); pointer-events: auto; cursor: pointer; }
.hyt-shared-nav #nav-content { overflow-y: auto; background: rgb(15 15 15 / 90%); padding-bottom: 30px; }
.hyt-shared-nav .hyt-menu-groups { padding: 0; margin: 0; }
.hyt-shared-nav .link_principal { margin-bottom: 0; padding: 10px 5px; }
.hyt-shared-nav .hyt-menu-social { margin-top: 30px; display: flex; gap: 14px; }
.hyt-shared-nav .hyt-menu-social a { font-size: 22px; }
.hyt-shared-nav a:focus-visible, .hyt-shared-nav button:focus-visible, footer a:focus-visible { outline: 2px solid #d8ccbe !important; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { .hyt-shared-nav #nav-content, .hyt-shared-nav .icon-bar { transition: none; } }

/* Store filters retain a visible selected state after pointer hover ends. */
#myBtnContainer button { min-height: 44px; }
#myBtnContainer button[aria-pressed="true"] { background-color: #d8ccbe !important; color: #28231d !important; }
#myBtnContainer button:focus-visible { outline: 2px solid #fff !important; outline-offset: 3px; }