/* === UI GLOBAL FIX: FOCO Y ARRASTRE === */

/* --- 1. BLOQUEO VISUAL (Matar el Anillo de Foco) --- */
a:focus,
a:focus-visible,
button:focus,
button:focus-visible,
input:focus,
input:focus-visible,
textarea:focus,
textarea:focus-visible,
select:focus,
select:focus-visible,
.wp-block-button__link:focus,
div[tabindex]:focus {
    outline: none !important;
    /* Quita la línea */
    box-shadow: none !important;
    /* Quita el resplandor */
    background-color: transparent;
    /* Evita fondos grises en iconos */
}

/* Fix específico para menús y carrito */
.wp-block-navigation-item__content:focus,
.wp-block-navigation-link__content:focus,
button svg:focus,
a svg:focus,
.wc-block-mini-cart__button:focus {
    text-decoration: none !important;
    outline: none !important;
    border: none !important;
    fill: currentColor;
}

/* Fix para Inputs de Cantidad WooCommerce */
.quantity input[type="number"]:focus,
.woocommerce input.qty:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: var(--wp--preset--color--custom-blanco-suave, #ccc) !important;
}

/* --- 2. CONTROL DE ARRASTRE (DRAG & DROP) --- */

/* IMÁGENES: Bloqueo total. 
   VS Code te marcará "Unknown property" en user-drag. IGNÓRALO. 
   Es necesario para que funcione en Chrome/Edge/Safari. */
img {
    -webkit-user-drag: none;
    /* Chrome, Safari, Edge (Vital) */

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* ENLACES: Evitamos que se pongan azules al arrastrar, 
   pero el bloqueo del "fantasma" lo hace el JS */
a {
    -webkit-user-drag: element;
    /* Permite arrastrar para que active el JS */
    -webkit-user-select: none;
    /* Pero no deja seleccionar el texto */
    user-select: none;
}



/* Hide global success/info notices to prevent focus-snapping on Add to Cart */
.wc-block-components-notice-banner.is-success,
.wc-block-components-notice-banner.is-info {
    display: none !important;
}