/*
Theme Name: 	LuxuryVilla WP Theme - Child
Theme URI: 		http://okthemes.com/luxuryvilla
Author: 		Cristian Gogoneata
Author URI: 	http://www.okthemes.com
Description: 	Villas and apartaments showcase/booking theme
Version: 		1.0.1
Template:       luxuryvilla
=======
License: GPL
License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/* =Theme customization (parent style is enqueued in functions.php)
-------------------------------------------------------------- */


/* Ensure site footer stays below content and doesn’t overlap the hero */
body.gg-homepage-var1 footer.site-footer {
    clear: both;
    position: relative;
    z-index: 10;
}

/* Quick reservation section (homepage banner) */
#quick-reservation-wpbs-search .container .row {
    align-items: center !important;
}
#quick-reservation-wpbs-search {
    padding-top: 15px;
    padding-bottom: 15px;
    background: -moz-linear-gradient(left, #042830 0%, #0f879f 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#042830), color-stop(100%,#0f879f));
    background: -webkit-linear-gradient(left, #042830 0%, #0f879f 100%);
    background: -o-linear-gradient(left, #042830 0%, #0f879f 100%);
    background: -ms-linear-gradient(left, #042830 0%, #0f879f 100%);
    background: linear-gradient(to right, #042830 0%, #0f879f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#042830', endColorstr='#0f879f',GradientType=1 );
    color: #fff;
}

#quick-reservation-wpbs-search h2.check-availability-title {
    margin-top: 10px;
}

/* Default styles for small screens (max-width: 767.98px) */
#quick-reservation-wpbs-search .check-availability-title {
    text-align: center;
    font-size: 1.2em;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
}

#quick-reservation-wpbs-search .wp-block-button {
    text-align: center;
    font-size: 1.2em;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 0;
}

#quick-reservation-wpbs-search .wp-block-button__link {
    color: #ffffff;
    background-color: #042830;
}

/* Tablets and small desktops (768px to 991px) – extra spacing below title when stacked */
@media (min-width: 768px) and (max-width: 991.98px) {
    #quick-reservation-wpbs-search .check-availability-title {
        text-align: right;
        margin-bottom: 20px;
    }
}
@media (min-width: 768px) {
    #quick-reservation-wpbs-search .check-availability-title {
        text-align: right;
    }
    #quick-reservation-wpbs-search .wp-block-button {
        text-align: right;
        margin-bottom: 0;
    }
}

/* Desktops (992px and up) */
@media (min-width: 992px) {
    #quick-reservation-wpbs-search .check-availability-title {
        text-align: right;
        font-size: 1.2em;
    }

    /* Center the Book Now button in its column (horizontal + vertical) */
    #quick-reservation-wpbs-search .container .row {
        align-items: center !important;
    }
    #quick-reservation-wpbs-search .quick-reservation-button-col {
        display: flex !important;
        text-align: center !important;
        justify-content: center !important;
        align-items: center !important;
    }

    #quick-reservation-wpbs-search .quick-reservation-button-col .wp-block-button {
        text-align: center !important;
        display: block !important;
        width: fit-content !important;
        max-width: 100%;
        margin: 0 auto !important;
        align-self: center !important;
    }
    #quick-reservation-wpbs-search .quick-reservation-button-col .wp-block-button__link {
        display: inline-block;
        vertical-align: middle;
    }
}