/*
 * MODIFICADO: 2026-05-07 - Cursor AI
 *
 * Acerca el modal de cuenta al icono en cabecera Header 6 (escritorio).
 *
 * MOTIVACIÓN
 * ----------
 * El modal del icono de CARRITO funciona perfectamente con el cursor: queda
 * pegado al bottom del icono y se puede acceder a él casi sin recorrido. El
 * modal del icono de CUENTA, en cambio, queda 32 px por debajo del icono
 * porque el wrapper `.tv-account-wrapper` usa `padding: 32px 0` (padding
 * interno) en lugar de `margin` como el carrito (`.tvheader-cart-wrapper`).
 * Como el dropdown de cuenta se posiciona con `top: 100%` (relativo al
 * bottom del wrapper, que incluye los 32 px de padding-bottom), aparece
 * visualmente con un "gap" entre el icono y el modal. Cuando el usuario
 * baja el cursor lentamente, abandona el área hoverable del wrapper antes
 * de llegar al modal y el modal se cierra (causa raíz del bug histórico
 * de UX en este icono).
 *
 * SOLUCIÓN
 * --------
 * Subir el dropdown 32 px con `transform: translateY(-32px)` para pegarlo
 * al bottom del icono. Es la misma posición visual que el dropdown del
 * carrito. Sin gap geométrico no hay zona muerta, mouseleave del wrapper
 * no se dispara mientras el cursor baja del icono al modal y el bug se
 * elimina en origen.
 *
 * NO usamos `margin-top: -32px` porque eso afectaría al flujo del documento
 * (el modal es absolute, así que el margin se aplica al rect absolute pero
 * puede combinarse mal con compensaciones de scroll). `transform` es seguro
 * para elementos absolute, no afecta al layout y respeta el resto de
 * propiedades de posicionamiento del tema (right: -60px, top: 100%, etc.).
 *
 * AISLAMIENTO
 * -----------
 * - Solo aplica en escritorio (>=992 px) → @media envuelve toda la regla.
 * - Solo aplica al wrapper de cuenta de Header 6 desktop
 *   (`#tvcmsdesktop-account-button .tvcms-header-myaccount`). En móvil el
 *   selector contenedor es distinto (`#tvcmsmobile-account-button`) y los
 *   tops del dropdown ya están ajustados específicamente por
 *   `.mobile-header-1` y `.mobile-header-2` en custom.css.
 * - Compatible multitienda (ES y PT): no contiene URLs ni textos.
 * - Mantiene intacto el fix JS (protectsofa-account-fix.js) como red de
 *   seguridad para el caso de salida real del área (cierre con delay
 *   de 300 ms, cancelable). En la práctica, con el dropdown ya pegado al
 *   icono, el JS rara vez tendrá que actuar para el bug original.
 */
@media (min-width: 992px) {
    #tvcmsdesktop-account-button .tvcms-header-myaccount .tv-account-dropdown {
        transform: translateY(-25px);
    }
}