/* ==========================================================================
   Archivo: menu-focus.css
   Sección: 02 Navegacion
   Propósito: Estados de foco accesibles y de alto contraste para navegación con teclado.
   Nota: Se conservaron todos los selectores y reglas originales.
   ========================================================================== */

/* High-contrast interaction states for both store themes. */
.store-catalog-menu summary:hover,
.store-catalog-menu summary:focus-visible,
.store-user-menu summary:hover,
.store-user-menu summary:focus-visible,
.store-language summary:hover,
.store-language summary:focus-visible {
  border-color: color-mix(in srgb, var(--p) 65%, var(--border));
  background: color-mix(in srgb, var(--p) 9%, var(--card));
  color: var(--p);
  outline: 0;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--p) 15%, transparent);
}
.store-catalog-menu a:hover,
.store-catalog-menu a:focus-visible,
.store-user-menu a:hover,
.store-user-menu a:focus-visible,
.store-language button:hover,
.store-language button:focus-visible {
  background: #e9e3ff;
  color: #5428dc;
  outline: 0;
  box-shadow: inset 0 0 0 1px #c9bbff;
}
[data-theme="dark"] .store-catalog-menu a:hover,
[data-theme="dark"] .store-catalog-menu a:focus-visible,
[data-theme="dark"] .store-user-menu a:hover,
[data-theme="dark"] .store-user-menu a:focus-visible,
[data-theme="dark"] .store-language button:hover,
[data-theme="dark"] .store-language button:focus-visible {
  background: #2b2345;
  color: #a98cff;
  box-shadow: inset 0 0 0 1px #58458d;
}
.store-catalog-menu a:focus-visible,
.store-user-menu a:focus-visible,
.store-language button:focus-visible {
  outline: 2px solid var(--p);
  outline-offset: 2px;
}