/*
Theme Name: Tevily Child
Theme URI: https://gaviaspreview.com/wp/tevily/
Author URI: https://themeforest.net/user/gavias
Author: Gaviasthemes Team
Description: Child theme for the Tevily theme.
Template: tevily
*/

/* Set uniform dimensions for product grid items */
.products li.product {
    width: 25%; /* You can adjust this to control the number of columns */
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

/* Maintain aspect ratio of product images */
.products li.product img {
    width: 100%;
    height: auto;
}

.header-mobile .topbar-mobile {
    background-color: #242424 !important;
}

.swiper-container {
    height: 100%;
    max-height: 100vw;
    min-height: 0;
    min-width: 0;
    max-width: 100vw;
    width: 100%;
    overflow: hidden;
}

.swiper-slide {
    width: auto;
    flex-shrink: 0;
    display: block;
    height: 100%;
    max-height: 100%;
}

.swiper-wrapper {
    max-height: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.product-block .product-thumbnail .add-to-cart {
    display: none;
}

#ppcp-messages {
    display: none;
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th {
    text-align: left !important;
    padding: 0px;
    padding-right: 5px;
}

/* Style the <td> element as a flex container */
td.value {
    display: flex;
    flex-direction: column; /* Stack child elements vertically */
    align-items: center; /* Center horizontally within the <td> */
    text-align: center; /* Optionally center text within <td> */
}

/* Style the <label> element inside <td> */
td.value label {
    font-weight: bold; /* Apply font-weight: bold to the label */
}

.tevily-single-booking-form {
    padding: 2em !important;
}

form.variations_form {
    padding: 0;
}


.tevily-single-booking-form .woocommerce-variation-price {
    padding-bottom: .75rem;
    text-align: center;
}

.tevily-single-booking-form .woocommerce-Price-amount {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.tevily-single-booking-form .woocommerce-Price-amount::before {
    color: #313041;
    font-weight: 700;
    content: 'Subtotal';
}


/* Estilos del carrusel en pagina de producto */
/*@media (min-width: 767px) {
    .swiper-slide img {
        height: 550px !important;
        width: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }
}

@media (max-width: 767px) {
    .swiper-slide img {
        height: 350px !important;
        object-fit: cover !important;
        width: 100% !important;
        display: block !important;
    }
}*/