/*
Theme Name: Divi Child
Theme URI: https://www.elegantthemes.com/gallery/divi/
Description: Tema hijo de Divi
Author: Jesurdo
Author URI: https://todored.com
Template: Divi
Version: 1.0
*/

/* ========================================
   SUBCATEGORÍAS WOOCOMMERCE
======================================== */

.woocommerce.archive.tax-product_cat ul.products {
    list-style: none !important;
    margin: 25px 0 35px 0 !important;
    padding: 0 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.woocommerce.archive.tax-product_cat ul.products li.product-category {
    list-style: none !important;
    width: calc(33.333% - 30px) !important;
    max-width: 250px;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important;
}

.woocommerce.archive.tax-product_cat ul.products li.product-category a {
    display: block;
    text-decoration: none;
    color: inherit;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.woocommerce.archive.tax-product_cat ul.products li.product-category a:hover {
    transform: translateY(-4px);
}

.woocommerce.archive.tax-product_cat ul.products li.product-category img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    border-radius: 6px;
    display: block;
    margin-bottom: 10px;
}

.woocommerce.archive.tax-product_cat ul.products li.product-category h2,
.woocommerce.archive.tax-product_cat ul.products li.product-category .woocommerce-loop-category__title {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 500;
    margin: 0;
    padding: 0;
    color: #222;
}

.woocommerce.archive.tax-product_cat ul.products li.product-category mark.count {
    display: none !important;
}

/* Separación entre subcategorías y productos */
.woocommerce.archive.tax-product_cat .woocommerce-result-count,
.woocommerce.archive.tax-product_cat form.woocommerce-ordering {
    margin-top: 25px;
}

/* ========================================
   LISTADO DE PRODUCTOS WOOCOMMERCE
======================================== */

.woocommerce ul.products li.product {
    text-align: left;
    transition: transform 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
}

.woocommerce ul.products li.product img {
    border-radius: 6px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    line-height: 1.35;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 6px;
    color: #222;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 40px;
}

.woocommerce ul.products li.product .price {
    font-size: 15px;
    line-height: 1.4;
    margin-top: 4px;
    color: #333;
}

.woocommerce ul.products li.product .price del {
    color: #888;
    font-size: 0.95em;
    margin-right: 6px;
}

.woocommerce ul.products li.product .price ins {
    color: #222;
    font-weight: 700;
    text-decoration: none;
}

/* ========================================
   BADGE OFERTA WOOCOMMERCE
======================================== */

.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
    background: #2f962f !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1.2 !important;
}

/* ========================================
   FICHA DE PRODUCTO
======================================== */

.single-product div.product .product_title {
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
    color: #222;
    margin-bottom: 14px;
}

.single-product div.product p.price,
.single-product div.product span.price {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 18px;
}

.single-product div.product p.price del,
.single-product div.product span.price del {
    color: #8a8a8a;
    margin-right: 8px;
}

.single-product div.product p.price ins,
.single-product div.product span.price ins {
    color: #2f962f;
    font-weight: 700;
    text-decoration: none;
}

.single-product div.product .woocommerce-product-details__short-description {
    font-size: 17px;
    line-height: 1.7;
    color: #333;
}

.single-product .woocommerce-product-gallery__image img {
    border-radius: 6px;
}

.single-product .product_meta {
    font-size: 15px;
    line-height: 1.6;
}

.single-product .product_meta a {
    color: #2f962f;
}

.single-product div.product .woocommerce-tabs {
    margin-top: 40px;
}

.single-product div.product .woocommerce-tabs ul.tabs li a {
    font-weight: 600;
}

.single-product .related.products h2 {
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #222;
}

/* ========================================
   MODO CATÁLOGO - OCULTAR COMPRA
======================================== */

/* botón añadir al carrito y cantidad en producto */
.single-product .cart,
.single-product form.cart,
.single-product .quantity,
.single-product .single_add_to_cart_button {
    display: none !important;
}

/* botones de compra en listados */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.product_type_simple,
.woocommerce ul.products li.product a.product_type_variable,
.woocommerce ul.products li.product a.product_type_grouped,
.woocommerce ul.products li.product a.product_type_external {
    display: none !important;
}

/* iconos y enlaces de carrito generales */
.et-cart-info,
a[href*="/carrito"],
a[href*="/cart"],
.site-header-cart,
.widget_shopping_cart,
.woocommerce-mini-cart,
.woocommerce-mini-cart__buttons {
    display: none !important;
}

/* ========================================
   OCULTAR CARRITO SUPERIOR DIVI
======================================== */

#top-header a[href*="/cart"],
#top-header a[href*="/carrito"],
#top-header a[href*="cart"],
#top-header a[href*="carrito"],
#top-header .et-cart-info,
#top-header li.menu-item a[href*="/cart"],
#top-header li.menu-item a[href*="/carrito"],
#et-secondary-nav a[href*="/cart"],
#et-secondary-nav a[href*="/carrito"],
#et-secondary-menu a[href*="/cart"],
#et-secondary-menu a[href*="/carrito"],
#et-secondary-nav .et-cart-info,
#et-secondary-menu .et-cart-info,
#main-header .et-cart-info,
#et-top-navigation .et-cart-info,
#top-menu .et-cart-info {
    display: none !important;
}

#top-header .et-cart-info:before,
#top-header .et-cart-info span,
#top-header .et-cart-info small,
#et-secondary-nav .et-cart-info:before,
#et-secondary-nav .et-cart-info span,
#et-secondary-menu .et-cart-info:before,
#et-secondary-menu .et-cart-info span {
    display: none !important;
}

/* ========================================
   ELIMINAR BORDE EXTRAÑO DE OVERLAY EN DIVI
======================================== */

.et_overlay {
    border: none !important;
}

/* ========================================
   RESPONSIVE
======================================== */

@media (max-width: 980px) {
    .woocommerce.archive.tax-product_cat ul.products li.product-category {
        width: calc(50% - 20px) !important;
        max-width: 280px;
    }

    .woocommerce.archive.tax-product_cat ul.products li.product-category img {
        height: 170px;
    }

    .single-product div.product .product_title {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    .woocommerce.archive.tax-product_cat ul.products {
        display: block;
    }

    .woocommerce.archive.tax-product_cat ul.products li.product-category {
        width: 100% !important;
        max-width: none;
        margin: 0 0 25px 0 !important;
    }

    .woocommerce.archive.tax-product_cat ul.products li.product-category img {
        height: auto;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        min-height: auto;
    }

    .single-product div.product .product_title {
        font-size: 26px;
    }

    .single-product div.product p.price,
    .single-product div.product span.price {
        font-size: 18px;
    }
}