/* ============================================================
   CUSTOM QTY BUTTONS — Alta especificidad para ganar contra
   el tema padre y los estilos inline de WooCommerce
   ============================================================ */


/* Estilo para los botones de variación */
.variations_form .variable-items-wrapper .variable-item {
    background-color: #0052CC !important;
    color: #ffffff !important;
    border: 2px solid #0052CC !important;
    border-radius: 4px !important;
    padding: 12px 20px !important;
    font-weight: bold !important;
    font-size: 16px !important;
    min-width: 50px !important;
    height: 50px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 5px !important;
    transition: all 0.3s ease !important;
}

/* Hover effect */
.variations_form .variable-items-wrapper .variable-item:hover {
    background-color: #003D99 !important;
    border-color: #003D99 !important;
    transform: scale(1.05) !important;
}

/* Item seleccionado */
.variations_form .variable-items-wrapper .variable-item.selected {
    background-color: #003D99 !important;
    border-color: #ffffff !important;
    box-shadow: 0 0 0 2px #ffffff !important;
}

/* Ajustar el contenedor */
.variations_form .variable-items-wrapper {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}



/* Contenedor principal */

.woocommerce ul.products li.product .custom-qty-buttons,
.woocommerce .product .custom-qty-buttons,
.custom-qty-buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-top: 12px !important;
    background-color: #111827 !important;
    padding: 12px !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    width: auto !important;
}

/* Fila: 6 | 12 | − | input | + */
.woocommerce ul.products li.product .custom-qty-buttons .qty-row,
.custom-qty-buttons .qty-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
}

/* ─── TODOS los botones: reset base ─── */
.woocommerce ul.products li.product .custom-qty-buttons button,
.woocommerce .product .custom-qty-buttons button,
.custom-qty-buttons button {
    background-color: #093888 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-weight: 700 !important;
    font-family: inherit !important;
    transition: background-color 0.2s ease !important;
    box-sizing: border-box !important;
    outline: none !important;
    /* Neutralizar cualquier box-shadow que ponga el tema */
    box-shadow: none !important;
    /* Neutralizar cualquier filtro o opacidad */
    opacity: 1 !important;
    filter: none !important;
}

.woocommerce ul.products li.product .custom-qty-buttons button:hover,
.woocommerce .product .custom-qty-buttons button:hover,
.custom-qty-buttons button:hover {
    background-color: #0b4faa !important;
}

/* ─── Botones 6 y 12 ─── */
.woocommerce ul.products li.product .custom-qty-buttons .btn-pack,
.custom-qty-buttons .btn-pack {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 38px !important;
    text-align: center !important;
    flex-shrink: 0 !important;
    background-color: #093888 !important;
    color: #ffffff !important;
}

/* ─── Botones − y + ─── */
.woocommerce ul.products li.product .custom-qty-buttons .btn-minus,
.woocommerce ul.products li.product .custom-qty-buttons .btn-plus,
.custom-qty-buttons .btn-minus,
.custom-qty-buttons .btn-plus {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 38px !important;
    text-align: center !important;
    flex-shrink: 0 !important;
    background-color: #093888 !important;
    color: #ffffff !important;
}

/* ─── Input de cantidad ─── */
.woocommerce ul.products li.product .custom-qty-buttons input.qty-input,
.woocommerce .product .custom-qty-buttons input.qty-input,
.custom-qty-buttons input.qty-input {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    border: 1px solid #444 !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    background-color: #1a1a2e !important;
    color: #ffffff !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    -moz-appearance: textfield !important;
}
/* Ocultar arrows nativos del input number */
.custom-qty-buttons input.qty-input::-webkit-inner-spin-button,
.custom-qty-buttons input.qty-input::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* ─── Botón "Añadir al carrito" ─── */
.woocommerce ul.products li.product .custom-qty-buttons .btn-add,
.woocommerce .product .custom-qty-buttons .btn-add,
.custom-qty-buttons .btn-add {
    display: block !important;
    width: 100% !important;
    height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 42px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    text-align: center !important;
    border-radius: 4px !important;
    background-color: #093888 !important;
    color: #ffffff !important;
}