/**
 * Estilos del módulo EJ Amazon Link.
 *
 * Estrategia Warehouse (IqitExtensions):
 *  Cuando body tiene la clase "has-amazon-link", se ocultan los selectores
 *  del carrito nativo de Warehouse con !important para garantizar prevalencia
 *  sobre los estilos inline del tema.
 *
 * Si el tema tiene selectores adicionales, añadirlos en el bloque 1.
 *
 * @author  EcommJuice <https://www.ecommjuice.com/>
 */

/* ══════════════════════════════════════════════════════════════════════════
   1. OCULTAR CARRITO NATIVO DE WAREHOUSE / PRESTASHOP CLASSIC
   ══════════════════════════════════════════════════════════════════════════ */

/* Selectores genéricos PrestaShop Classic + Warehouse */
body.has-amazon-link .product-add-to-cart,
body.has-amazon-link #add-to-cart-or-refresh,
body.has-amazon-link .add-to-cart,
body.has-amazon-link .btn-cart,
body.has-amazon-link [data-button-action="add-to-cart"],
body.has-amazon-link .product-quantity,
body.has-amazon-link .qty-container,
body.has-amazon-link #quantity_wanted_p,

/* Selectores específicos Warehouse / IqitExtensions */
body.has-amazon-link .ajax_add_to_cart_button,
body.has-amazon-link .add_to_cart_button,
body.has-amazon-link .iqit-add-to-cart-wrap,
body.has-amazon-link .product-actions .cart-quantity,

/* Disponibilidad / fuera de stock */
body.has-amazon-link .product-availability,
body.has-amazon-link #product-availability,
body.has-amazon-link .availability,
body.has-amazon-link #availability_statut,
body.has-amazon-link #availability_value,
body.has-amazon-link #last_quantities,
body.has-amazon-link .product-flag.out_of_stock,
body.has-amazon-link .product-flag.out-of-stock,
body.has-amazon-link .product-flag.unavailable,

/* Listados: solo tarjetas marcadas por JS como producto Amazon */
.ej-has-amazon-link .product-availability,
.ej-has-amazon-link #product-availability,
.ej-has-amazon-link .availability,
.ej-has-amazon-link #availability_statut,
.ej-has-amazon-link #availability_value,
.ej-has-amazon-link #last_quantities,
.ej-has-amazon-link .product-flag.out_of_stock,
.ej-has-amazon-link .product-flag.out-of-stock,
.ej-has-amazon-link .product-flag.unavailable,
.ej-has-amazon-link .product-flags .out_of_stock,
.ej-has-amazon-link .product-flags .out-of-stock,
.ej-has-amazon-link .product-flags .unavailable,
.ej-has-amazon-link .availability-list,

/* Aviso de disponibilidad / ps_emailalerts */
body.has-amazon-link #oosHook,
body.has-amazon-link #mailalert_link,
body.has-amazon-link .js-mailalert,
body.has-amazon-link .mailalert,
body.has-amazon-link .ps_emailalerts,
body.has-amazon-link .product-mailalert,
body.has-amazon-link .js-product-mail-alert,
body.has-amazon-link .iqit-stock-notification,
.ej-has-amazon-link #oosHook,
.ej-has-amazon-link #mailalert_link,
.ej-has-amazon-link .js-mailalert,
.ej-has-amazon-link .mailalert,
.ej-has-amazon-link .ps_emailalerts,
.ej-has-amazon-link .product-mailalert,
.ej-has-amazon-link .js-product-mail-alert,
.ej-has-amazon-link .iqit-stock-notification {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}


/* ══════════════════════════════════════════════════════════════════════════
   2. BOTÓN DE AMAZON
   ══════════════════════════════════════════════════════════════════════════ */

.ej-amazon-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    margin-top: 12px;
    width: 100%;
}

.ej-amazon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background-color: #FF9900;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    border: none;
    border-radius: 6px;
    padding: 12px 22px;
    cursor: pointer;
    transition: background-color .18s ease, box-shadow .18s ease, transform .1s ease;
    box-shadow: 0 2px 8px rgba(255,153,0,.35);
    min-width: 220px;
    max-width: 360px;
    width: 100%;
}

.ej-amazon-btn:hover {
    background-color: #e68a00;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(255,153,0,.5);
    transform: translateY(-1px);
}

.ej-amazon-btn:active {
    background-color: #cc7a00;
    transform: translateY(0);
}

.ej-amazon-btn:focus {
    outline: 3px solid #FF9900;
    outline-offset: 3px;
    color: #fff;
    text-decoration: none;
}

.ej-amazon-logo {
    height: 20px;
    width: auto;
    flex-shrink: 0;
}

.ej-amazon-btn-label {
    flex: 1;
    text-align: center;
}

.ej-amazon-arrow {
    font-size: .85rem;
    opacity: .8;
    flex-shrink: 0;
}

.ej-amazon-note {
    font-size: .72rem;
    color: #888;
    margin: 0;
    padding-left: 2px;
}


/* ══════════════════════════════════════════════════════════════════════════
   3. RESPONSIVE
   ══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {
    .ej-amazon-btn {
        max-width: 100%;
        padding: 13px 16px;
    }
    .ej-amazon-logo {
        height: 17px;
    }
}