/*
 * EU Returns & Withdrawal — estilos de tienda.
 *
 * Todas las clases van con el prefijo `eur-` para no depender de las del tema
 * ni colisionar con ellas. El módulo no debe imponer tipografías ni colores
 * globales: hereda los del tema y sólo define estructura.
 */

.eur-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0;
}

.eur-action {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    border: 1px solid currentColor;
    border-radius: 3px;
    text-decoration: none;
    line-height: 1.2;
    cursor: pointer;
}

/* La función de desistimiento debe estar destacada y ser accesible: no se
   oculta, no se atenúa y no se coloca detrás de otra interacción. */
.eur-action--withdrawal {
    font-weight: 600;
}

.eur-action--spent {
    opacity: .55;
    cursor: not-allowed;
}

.eur-action:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.eur-notice {
    padding: 12px 16px;
    border-left: 3px solid currentColor;
    margin: 16px 0;
}

.eur-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

@media (prefers-reduced-motion: reduce) {
    .eur-action,
    .eur-notice {
        transition: none !important;
        animation: none !important;
    }
}