/* ==========================================================================
   ALP Tienda — capa de estilos para las páginas de WooCommerce (tienda,
   categorías, producto individual, carrito y checkout) para que respeten
   la estética del sitio (rosa marca #ff9a9e, tarjetas redondeadas con
   sombra, misma tipografía de botones que el resto del plugin).
   No modifica la estructura/grilla del tema, solo colores y detalles.
   ========================================================================== */

/* ---- Grilla de productos (tienda / categoría) ---- */
.woocommerce ul.products li.product {
    background: #fff;
    border: 1px solid #f0e8ea;
    border-radius: 14px !important;
    padding: 16px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.07);
    transition: transform .2s, box-shadow .2s;
}
.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}
.woocommerce ul.products li.product img {
    border-radius: 10px !important;
    object-fit: cover;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product h2 {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #222 !important;
}
.woocommerce ul.products li.product .price {
    color: #c0607a !important;
    font-weight: 700;
}
.woocommerce ul.products li.product .price ins {
    background: none;
    color: #ff9a9e !important;
}
.woocommerce ul.products li.product .price del {
    opacity: .6;
}

/* ---- Badge de oferta ---- */
.woocommerce span.onsale {
    background: #ff9a9e !important;
    color: #fff !important;
    font-weight: 700;
    box-shadow: none !important;
}

/* ---- Precio (single product y loop) ---- */
.woocommerce .price .woocommerce-Price-amount,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #c0607a !important;
}

/* ---- Botones: agregar al carrito, ver carrito, checkout, pagar pedido ---- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .single_add_to_cart_button,
.woocommerce a.checkout-button,
.woocommerce #place_order,
.woocommerce .woocommerce-cart-form .button,
.woocommerce a.added_to_cart {
    background-color: #ff9a9e !important;
    border: none !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    box-shadow: none !important;
    transition: background-color .2s;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce a.checkout-button:hover,
.woocommerce #place_order:hover,
.woocommerce .woocommerce-cart-form .button:hover,
.woocommerce a.added_to_cart:hover {
    background-color: #c0607a !important;
    color: #fff !important;
}
/* Botones secundarios (ej: "Seguir comprando") en estilo outline rosa */
.woocommerce a.button.wc-backward,
.woocommerce a.button.alt.wc-backward {
    background: #fff !important;
    border: 2px solid #ff9a9e !important;
    color: #ff9a9e !important;
}
.woocommerce a.button.wc-backward:hover {
    background: #fddbda !important;
    color: #ff9a9e !important;
}

/* ---- Notices (mensajes de WooCommerce) ---- */
.woocommerce-message,
.woocommerce-info {
    border-top-color: #ff9a9e !important;
}
.woocommerce-message::before,
.woocommerce-info::before {
    color: #ff9a9e !important;
}

/* ---- Paginación de la tienda ---- */
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus {
    background: #ff9a9e !important;
    color: #fff !important;
    border-color: #ff9a9e !important;
}

/* ---- Pestañas de producto (descripción, info adicional) ---- */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    border-color: #ff9a9e !important;
    color: #c0607a !important;
}

/* ---- Estrellas de valoración ---- */
.woocommerce .star-rating span::before,
.woocommerce p.stars a::before {
    color: #ff9a9e !important;
}

/* ---- Checkbox / campos activos en checkout ---- */
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus,
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:checked + label::before {
    border-color: #ff9a9e !important;
}

/* ---- Cantidad restante / disponibilidad de descarga (portal, ver Mis Compras) ---- */
.alp-portal-table td small { line-height: 1.4; }