/* 
Theme Name: Classic Car Day Out
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Classic Car Day Out is a child theme of Hello Elementor, created by Bridge Global
Author: Bridge Global
Author URI: https://www.bridge-global.com
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Add your custom styles here */
/* wpml */
/* Elementor form phone field error styling */
.elementor-widget-container .woocommerce .woocommerce-notices-wrapper{
	display: none !important;
}
.woocommerce form .form-row.woocommerce-validated .select2-container:not(.select2-container--open) .select2-selection{
	border: 0 !important;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1) !important;
	outline: 0 !important;
}
.elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table .cart_item td.product-name{
	    max-width: 220px !important; 
}
.cart-subtotal {
    display: none !important;
}
/* Hide Subtotal row specifically */
.woocommerce table.shop_table tfoot tr:first-of-type {
    display: none !important;
}
.thank-you-invoice-btn{
	display: inline-block;
    padding: 16px 35px;
    background-color: #076665;
    color: #fff !important;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    font-family: Heebo, sans-serif;
    font-weight: 600;
}
.thank-you-invoice-btn:hover{
	background-color: #000;
}
.elementor-field-group.elementor-field-error input[type="tel"],
.elementor-field-group.elementor-field-error input[id*="phone_number"] {
    border-color: #d93025 !important;
    box-shadow: 0 0 0 1px #d93025 !important;
}

.elementor-field-error-message {
    color: #d93025 !important;
    font-size: 12px !important;
    margin-top: 5px !important;
    display: block !important;
}
/* WPML Language Switcher - Base Text Styles */
.wpml-ls-native {
    font-family: 'Heebo', sans-serif !important;
    font-weight: 500 !important;
    color: #000 !important;
    font-size: 18px !important;
    line-height: 18px !important;
    display: inline-block;
    vertical-align: middle;
}

/* Hover State */
.wpml-ls-link:hover .wpml-ls-native {
    color: rgb(218, 94, 23) !important;
    transition: color 0.3s ease;
}

/* Active/Current Language State */
.wpml-ls-current-language .wpml-ls-native,
.wpml-ls-link[aria-current="page"] .wpml-ls-native {
    color: rgb(218, 94, 23) !important;
    font-weight: 600 !important; /* Optional: slightly bolder for active */
}

/* wpml */
#hp-selected-times-display.hp-selected-times{
	margin-top: 15px;
}
#hp-selected-times-display{
	margin-top: 15px;
    padding: 12px 15px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 1.5;
    background-color: rgb(232, 245, 233);
    color: rgb(46, 125, 50);
    border-left: 4px solid rgb(46, 125, 50);
    display: none;
}
.hp-booking-field .hp-booking-date-label{
	display: flex;
    justify-content: center;
    align-items: center;
	margin-bottom: 15px	
}
.ywgc_enter_code .input-text{
	padding: 15px 20px 15px 20px !important;
}
.woocommerce #customer_details .form-row .input-text:focus-visible, .woocommerce #customer_details .form-row .select2-container--default .select2-selection--single:focus-visible, .ywgc_enter_code .input-text:focus-visible{
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.1) !important;
	outline: 0 !important;
}
.ywgc_have_code{
	font-family: "Barlow", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
.ywgc_have_code .woocommerce-info::before{
	content: "" !important;
}
.ywgc_have_code .woocommerce-info .ywgc-show-giftcard{
	font-family: "Barlow", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #da5e17 !important;
}
.ywgc_enter_code{
	padding-left: 0 !important
}
.ywgc_enter_code p{
	font-family: "Barlow", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
.ywgc_apply_gift_card_button{
	font-size: 16px !important;
    font-weight: 600 !important;
	background-color: #076665 !important;
	color: #fff !important;
	border-radius: 5px !important;
	padding: 18px 40px 18px 40px !important;
}
.ywgc_apply_gift_card_button:hover, .ywgc_apply_gift_card_button:focus-visible{
	font-size: 16px !important;
    font-weight: 600 !important;
	background-color: #000 !important;
	color: #fff !important;
	border-radius: 5px !important;
	padding: 18px 40px 18px 40px !important;
}

.menu-item--user-account {
    display: none !important;
	visibility: hidden;
}
.custome-icon-alignment .icon-box-link svg {
  width: 14px !important;
  height: 16px !important;
  vertical-align: middle !important;
  margin-left: 10px !important;
}
/*Bus details page*/
/* Container: Enable flex wrapping */
ul.flex-2-col {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 30px; /* Row gap | Column gap */
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Items: 50% width for 2 per row */
.listing-extras-list span{
	font-family: "Barlow", Sans-serif;
	font-weight: 600;
}
ul.flex-2-col li {
    flex: 0 0 calc(100% - 15px); /* 50% width minus half the gap */
    margin-bottom: 0 !important; /* Override inline margin */
    box-sizing: border-box; /* Include padding in width calculation */
}

/* Optional: Responsive - Stack on mobile */
@media (max-width: 768px) {
    ul.flex-2-col li {
        flex: 0 0 100%; /* Full width on small screens */
    }
}
/*Bus details page end*/

.wc-block-components-product-name{
	font-size: 20px !important;
    line-height: 28px !important;
}
.content-area{
	margin-top: 180px;
}
@media only screen and (min-width: 48em) {
    .hp-col-sm-8 {
        -ms-flex-preferred-size: 50% !important;
        flex-basis: 50% !important;
        max-width: 50% !important;
    }
}
@media only screen and (min-width: 48em) {
    .hp-col-sm-4 {
        -ms-flex-preferred-size: 50% !important;
        flex-basis: 50% !important;
        max-width: 50% !important;
    }
}
/*calender styles*/
.air-datepicker.-inline-{
	width: 100% !important;
	opacity: 1 !important;
}
.air-datepicker-body--day-names{
	gap: 10px;
}
.air-datepicker-body--cells.-days-{
	gap: 10px;
	margin-bottom: 8px;
}
/*calender styles end*/
.hp-time-slot{
	width: fit-content;
}
.hp-time-slots {
    grid-template-columns: repeat(auto-fill, minmax(161px, 1fr)) !important;
    gap: 10px;
}