@import url("https://use.typekit.net/oxt6nnc.css");

h4, b, p, a {
    font-family: "roc-grotesk", sans-serif !important;
}

p, a {
    font-weight: 400; /* Bold */
}

b, h5 {
    font-weight: 700; /* Bold */
}

h4 {
    font-weight: 900; /* Black */
}

.woocommerce ul.products li.product .price {
    color: #ff6600;
}

/* Modifica el botón de agregar al carrito */
.woocommerce button.button {
    background-color: #0073aa;
    color: #fff;
    border-radius: 5px;
}

.woocommerce-result-count, .woocommerce-ordering, .yith-wcwl-add-to-wishlist, .wp-block-query-title, .woocommerce-breadcrumb, .woocommerce-products-header, .payment_method_mobbex img {
    display: none !important;
}

.products {
    .product-type-simple {
        justify-content: space-between;
        height: 100%;
        .eael-product-carousel {
            height: 100%;
        }
    }
    .product-category{
        a{
            overflow: hidden;
        }
        img{
            border-radius: .5rem;
            transition: all .3s;
            &:hover{
                filter: drop-shadow(2px 4px 6px black) brightness(1.2);
                transform: scale(1.2);
            }
        }
    }
}

#custom-background-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    min-height: 100%;
    pointer-events: none;
    overflow-x: hidden;
    z-index: -1;
}

.background-image {
    position: absolute;
    width: 120px;
    height: auto;
    opacity: 0.1;
    transition: transform 0.5s ease-in-out;
}

.woocommerce-notices-wrapper, .woocommerce-form-coupon-toggle {
    margin-top: 5rem;
}

.woocommerce-cart-form__contents .actions .coupon button{
    padding: .618em 1em;
}

.astra-shop-summary-wrap .product_type_simple {
    background: #bcbcbc !important;
}

.astra-shop-summary-wrap .add_to_cart_button {
    background: #046bd2 !important;
}
.astra-shop-thumbnail-wrap{
    height: 100%;
    a {
        height: 100%;
        img {
            height: 100%;
            object-fit: cover;
        }
    }
}

#search-form{
    display: flex;
    input{
        height: 100%;
    }
    button{
        margin-left: 1rem;
    }
}

tr.fee td,
tr.fee th {
    display: none !important;
}