/*
Theme Name: Hoteller Child
Theme URI: https://themes.themegoods.com/hoteller/landing
Description: Premium Photography WordPress Theme
Version: 1.0
Author: ThemeGoods
Author URI: https://themeforest.net/user/ThemeGoods
License: GNU General Public License
License URI: https://themeforest.net/licenses/regular_extended
Text Domain: hoteller
Template: hoteller
*/

/*

DALLANCE OT

font-family: dalliance-roman, sans-serif;
font-weight: 400;
font-style: normal;

PF MARLET DISPLAY

font-family: pf-marlet-display, sans-serif;
font-weight: 400;
font-style: normal;

DAX PRO NORMAL

font-family: ff-dax-pro, sans-serif;
font-weight: 400;
font-style: normal;

DAX PRO BOLD

font-family: ff-dax-pro, sans-serif;
font-weight: 700;
font-style: normal;

*/
/*
@import url("https://use.typekit.net/vwb7jcd.css");
*/

.room_grid2_action_wrapper {display:none}

.menu-main-menu-left-container ul ul li a {line-height:20px}
.menu-main-menu-left-container ul ul li {padding-bottom:8px!important}

.menu-mobile-menu-container  ul li a {line-height:26px!important}
.menu-mobile-menu-container  ul li {margin-bottom:20px!important}

#footer_wrapper .nav li {width:100%;margin-bottom:20px}

.gallery_grid_content_wrapper.do_masonry .gallery_grid_item {border:1px solid white}
.mphb-loop-room-type-attributes li:before {color:#ccc}

#elementor_header.header_style_wrapper:not(.visible) {
  display:none!important;
}

.accommodation-carousel-attr-wrapper,
.mphb-price-wrapper {display:none}

.book_btn_top {background:black;padding:10px 25px!important}
.book_btn_top a {margin-bottom:0!important;color:white!important;font-family:ff-dax-pro, sans-serif!important;font-weight:400!important}
.wp-webhotelier-fields input,
.wp-webhotelier-fields label {font-family:ff-dax-pro, sans-serif!important;}
.wp-webhotelier-fields {display:flex;align-items: stretch;}
.wp-webhotelier-control-group {flex-grow: 1;display: flex!important;flex-direction: column;align-items: center;justify-content: center;}
.wp-webhotelier-fields input {background-color:#AB6865!important;border:0!important;color: #fff!important;text-align:center!important;box-shadow:none!important}
.wp-webhotelier-form-wrap {text-align:center!important}
.wp-webhotelier-form label {color:white!important;font-size:12px!important} 
.wp-webhotelier-control-group select {background-size:5px 5px,  5px 5px,0px 2em!important;background-color:#AB6865!important;border:0!important;box-shadow:none!important;color:white!important;min-width: 60px;vertical-align: baseline!important;background-image:linear-gradient(45deg, transparent 50%, #fff 50%),
		linear-gradient(135deg, #fff 50%, transparent 50%),
		linear-gradient(to right, #fff, #fff)!important}
		
.wp-webhotelier-button {border:1px solid white!important;padding:10px 25px!important;text-transform:capitalize!important;background:transparent!important;color:white!important;font-weight:400!important;font-size:16px!important;font-family:ff-dax-pro, sans-serif!important;}


@media (max-width: 768px) { 
 
	#footer_wrapper .nav li {text-align:center}
 	
	.wp-webhotelier-form .wp-webhotelier-control-group {
		margin-right:0!important;
	}

    .wp-webhotelier-fields {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
		align-items:flex-start;
    }

    /* First row: Check-in & Check-out */
    .wp-webhotelier-control-group:nth-child(1),
    .wp-webhotelier-control-group:nth-child(2) {
        flex: 1 1 calc(50% - 10px); /* Two items in a row */
		max-width:50%;
		margin-right:0!important;
		margin-bottom:10px;
    }

    /* Second row: Rooms, Adults, Children */
    .wp-webhotelier-control-group:nth-child(3),
    .wp-webhotelier-control-group:nth-child(4),
    .wp-webhotelier-control-group:nth-child(5) {
        flex: 1 1 calc(30% - 10px); /* Three items in a row */
    }
	
	.wp-webhotelier-fields input[type="text"], .wp-webhotelier-fields select {
		padding:0 5px!important;
	}

	.wp-webhotelier-form label {margin:0!important}

    /* Third row: Infants */
    .wp-webhotelier-control-group:nth-child(6) {
        flex: 1 1 100%; /* Full width */
        text-align: center;
    }

	.wp-webhotelier-form select {
		
		height:1.35rem;
		background-position: 
        right 10px center,  /* First arrow part */
        right 5px center,   /* Second arrow part */
        right 0px center;   /* Vertical line in the middle */

    background-repeat: no-repeat;
	}
	
    /* Ensure fields take full width inside their groups */
    .wp-webhotelier-control-input input,
    .wp-webhotelier-control-group select {
        /*width: 100%;*/
        padding: 8px;
        font-size: 14px;
		max-width:40px;
    }

    /* Book button takes full width in the last row */
    .wp-webhotelier-control-group:nth-child(7) {
        flex: 1 1 100%;
        text-align: center;
        margin-top: 10px;
    }

    .wp-webhotelier-button {
        width: 100%;
        padding: 12px;
        font-size: 16px;
        background-color: #007bff;
        color: white;
        border: none;
        cursor: pointer;
    }

    .wp-webhotelier-button:hover {
        background-color: #0056b3;
    }
}