/*
Theme Name: WpRentals Child theme
Theme URI: http://themeforest.net/user/wpestate
Description: Ultimate WordPress Theme created by WpEstate for accommodation booking. WpRentals is clean, flexible, fully responsive and retina Ready. Its smart settings allow you to build outstanding renting websites easily and fast.
Version: 3.13
Author: wpestate.org
Author URI: http://themeforest.net/user/annapx
Tags: white, one-column, two-columns,left-sidebar, right-sidebar, fluid-layout , custom-menu, theme-options, translation-ready
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: wprentals

-------------------------------------------------------------- */

.advanced_search_submit_button, 
.check_avalability, 
.return_woo_button, 
.wpestate_header_view_checkout, 
.wpestate_header_view_cart, 
#submit_booking_front_instant, 
#submit_booking_front, 
#submit_booking_front_link, 
#advanced_submit_widget, 
#advanced_submit_2_mobile, 
#advanced_submit_2, 
#advanced_submit_3, 
#submit_action {
    /* Updated to your brand color #6DB5AA */
    background: #6DB5AA !important; 
    border: none !important;
    transition: all 0.3s linear;
    color: #ffffff !important;
}

/* Hover state for a professional interactive feel */
.advanced_search_submit_button:hover, 
.check_avalability:hover, 
#submit_booking_front:hover, 
#submit_action:hover, .panel-title-arrow {
    background-color: #5aa197 !important; /* Slightly deeper tone for hover */
    cursor: pointer;
}

.guest_icon .wpestate_guest_no_control_wraper:after, #start_hour_no_wrapper:after, #end_hour_no_wrapper:after, .guest_no_drop:after, #guest_no_drop:after, #guest_no_shortcode:after, #guest_no_mobile:after, #booking_guest_no_wrapper:after, #guest_no_widget:after, #guest_no:after, .calendar_icon:after, .listing_type_5 .listing_main_image_price{
	color: #5aa197 !important; /* Slightly deeper tone for hover */
}


/* Mobile Menu Header CSS */
.mobile_header{
	background-color: #fff !important;
}

.mobile_header i{
	color: #5aa197 !important;
}
.snap-drawer, .user_mobile_menu_list, .mobilex-menu{
	background-color: #5aa197 !important;
}
.user_mobile_menu_list li:hover, .mobilex-menu li:hover{
	background-color: #5aa197 !important;
}

.user_mobile_menu_list li, .mobilex-menu li{
	border-bottom: 1px solid #65b7ab !important;
}



/* Checkout page design */
/* Container & Overall Styling */
#customer_details, .woocommerce-checkout-review-order {
    background: #ffffff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}

/* Typography & Labels */
.woocommerce-checkout label {
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    display: block;
    font-size: 14px;
}

/* Input Fields Styling */
.woocommerce-checkout input.input-text, 
.woocommerce-checkout select, 
.woocommerce-checkout .select2-container--default .select2-selection--single {
    height: 48px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 5px !important;
    padding: 10px 15px !important;
    background-color: #f9f9f9 !important;
    transition: all 0.3s ease;
}

/* Focus State - Blue highlight */
.woocommerce-checkout input.input-text:focus, 
.woocommerce-checkout select:focus {
    border-color: #5bb7a5 !important; /* Matching your 'About Us' button color */
    background-color: #fff !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(91, 183, 165, 0.1);
}

/* Order Summary Box */
#order_review {
    background: #fdfdfd;
    border: 1px solid #eee;
    padding: 20px;
    border-radius: 10px;
}

/* Payment Button Styling */
#place_order, .button.alt, #pay-by-card-button {
    background-color: #5bb7a5 !important; /* Your theme's teal color */
    color: #fff !important;
    padding: 15px 30px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none !important;
    border-radius: 5px !important;
    cursor: pointer;
    width: 100%;
    transition: background 0.3s ease;
}

#place_order:hover {
    background-color: #4a9d8d !important;
}

/* Error Message Styling (to help you see errors better) */
.woocommerce-error {
    background-color: #fff0f0 !important;
    border-top: 3px solid #e74c3c !important;
    color: #c0392b !important;
    padding: 15px !important;
    border-radius: 4px;
    margin-bottom: 25px !important;
}