/*
Theme Name: Turbo Child
Theme URI: https://preview.redq.io/turbo/
Template: turbo
Author: redq.io
Author URI: https://redq.io/
Description: Turbo: A feature-rich booking and rental theme powered by WooCommerce, RnB, and Elementor, offering modern design, advanced search filters, and versatile Elementor widgets for date-based booking systems.
Tags: holiday,right-sidebar,translation-ready,theme-options,two-columns
Version: 1.0.0
Updated: 2023-07-26 04:17:45
*/

/* Hide scrollbar for mobile and tablet screens */
@media (max-width: 1024px) {

    /* Hide horizontal overflow to prevent side scrolling */
    html,
    body {
        overflow-x: hidden !important;
    }

    /* Hide scrollbar for Chrome, Safari and Opera */
    ::-webkit-scrollbar {
        width: 0px !important;
        height: 0px !important;
        display: none !important;
        background: transparent !important;
    }

    *::-webkit-scrollbar {
        width: 0px !important;
        height: 0px !important;
        display: none !important;
        background: transparent !important;
    }

    /* Hide scrollbar for IE, Edge and Firefox */
    * {
        -ms-overflow-style: none !important;
        /* IE and Edge */
        scrollbar-width: none !important;
        /* Firefox */
    }
}

/* ==========================================================================
   Make Cart Product Image Uncropped & Responsive
   ========================================================================== */
.woocommerce table.cart .product-thumbnail img,
.woocommerce table.shop_table .product-thumbnail img {
    max-width: 120px !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 4px;
}

@media (max-width: 767px) {

    .woocommerce table.cart .product-thumbnail img,
    .woocommerce table.shop_table .product-thumbnail img {
        max-width: 80px !important;
    }
}

/* ==========================================================================
   Fix WooCommerce Product Summary Form Width & Background
   ========================================================================== */
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    width: 100% !important;
    float: none !important;
    background-color: transparent !important;
}

/* Ensure the wrapper has a white background */
.turbo-right-summary {
    background-color: #ffffff !important;
    border: 1px solid #eaeaea !important;
}

/* Remove backgrounds from internal form elements */
.rnb-booking-form {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.summary .rnb-component-wrapper,
.summary .rnb-select-wrapper,
.summary .price-showing,
.summary .redq-pick-up-location,
.summary .redq-drop-off-location,
.summary .rnb-pricing-plan-button .rnb-pricing-plan-link {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* ==========================================================================
   Custom Elementor Padding Overrides
   ========================================================================== */
.elementor-11859 .elementor-element.elementor-element-1ba5a91a {
    --padding-top: 35px !important;
    --padding-bottom: 35px !important;
    padding-top: 35px !important;
}

/* ==========================================================================
   Global WooCommerce Success Message (Cart Notice)
   ========================================================================== */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 15px 12px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
}

/* Hide the default WooCommerce icon */
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message svg {
    display: none !important;
}

/* Button Styling */
.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info .button {
    float: none !important;
    margin: 0 !important;
    padding: 10px 20px !important;
    white-space: nowrap !important;
}

/* Still allow stacking on very small mobile screens to prevent breakage */
@media (max-width: 500px) {

    .woocommerce-message,
    .woocommerce-error,
    .woocommerce-info {
        flex-direction: column !important;
        text-align: center !important;
    }

    .woocommerce-message .button,
    .woocommerce-error .button,
    .woocommerce-info .button {
        width: 100% !important;
    }
}