/*Slider Room Home*/
.common-slider-primary .position-nav-center{ margin: 0 auto; top: calc(60vh - 50px); }

/*Content*/
.common-wrapper .common-content .common-row .details .heading-intro .heading-sub{ margin: 0!important; }

.privacy-wrapper { text-align: left; }
.privacy-wrapper h1{ text-align: center; }
.privacy-wrapper p + h2,
.privacy-wrapper p + h3,
.privacy-wrapper p + h4{
    margin-top: 20px;
}

.common-wrapper .common-content .common-row .wp-block-button__link{ background-color: inherit; padding: 0; }
.heading-intro .wp-block-buttons{ margin-top: 20px;}
.heading-intro .wp-block-button__link:hover{ color: #fff; }

/*Contact*/
.wpcf7-form .uk-grid-small p{ margin: 0 !important;}
.wpcf7-form .uk-grid-small .uk-form-icon.uk-icon{ z-index: 1; top: 10px; bottom: auto; }
.uk-form-icon:not(.uk-form-icon-flip) ~ span.wpcf7-form-control-wrap .uk-input{ padding-left: 40px;}
.wpcf7-form .uk-grid-small.uk-grid > .uk-grid-margin {
    margin-top: 15px;
}
.wpcf7-form .wpcf7-not-valid-tip{
    font-size: 0.8em;
    margin-top: 10px;
}

/*bar checkbox*/
.uk-offcanvas-bar-checkbox h3{ font-size: 1.6em; color: #333; margin-bottom: 20px!important; text-align: center;}
.uk-offcanvas-bar-checkbox .uk-close{ color: #000;}
.uk-offcanvas-bar-checkbox .uk-close:hover{ color: #000;}
/* common-top */
.common-top{margin-left:auto; margin-right:auto;}
.common-top #loyalty-wrap{ display: none;}
/*Blog*/
.uk-breadcrumb a{ color: var(--primary-color); padding: 3px; }
.uk-breadcrumb a:hover{ color: #A68563; }
.common-breadcrumb .nav-breadcrumb .uk-breadcrumb .breadcrumb_last:hover *{ color: #999 !important;}
.uk-breadcrumb.common-tag a{ color: #999; }
.breadcrumb-end-content a{ color: #999; padding: 3px;}
.breadcrumb-end-content a:hover{ color: var(--secondary-color); }
.sidebar-entry .wp-block-latest-posts li{ margin-bottom: 10px; display: inline-block;}
.widget_block .wp-block-latest-posts__featured-image{ max-width: 60px;}
.widget_block .wp-block-latest-posts__post-title{ font-family: var(--font-primary); color: var(--primary-color);}
.widget_block .wp-block-latest-posts__post-title:hover{ color: var(--secondary-color);}
.widget_block .wp-block-categories-list{ display: block; padding: 0;}
.widget_block .wp-block-categories-list li{ list-style-type: none;}
.widget_block .wp-block-categories-list li a{ color: #999;}
.widget_block .wp-block-categories-list li a:hover{ color: var(--secondary-color);}
.widget_block .wp-block-tag-cloud a,
.widget_block .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date{ color: #999;}
.widget_block .wp-block-tag-cloud a:hover{ color: var(--secondary-color);}
.widget_block .wp-block-search__inside-wrapper{border: 1px solid var(--border-color); margin-bottom: 20px;}
.widget_block .wp-block-search__input{ border: 0;}
.widget_block .wp-block-search__button svg{ color: #999;}
.widget_block .wp-block-search__button:hover svg{ color: var(--secondary-color);}
.widget_block .wp-element-button{border:0; background: transparent;}
.widget_block ul { display: flex; margin: 10px 0; flex-flow: wrap;}
.widget_block ul li{ margin-bottom: 10px;}
.widget_block .wp-block-tag-cloud{ margin-top: 10px;}
/*Footer*/
.common-footer .common-footer-content form .uk-flex p{ display: flex; width: 100%; margin: 0!important; }
.common-footer .common-footer-content form .uk-flex p .wpcf7-form-control-wrap{ width: 70%;}
.common-footer .common-footer-content form button{ width: 30%; height: 40px;}
.common-footer .common-footer-content form .uk-flex p .wpcf7-form-control-wrap .wpcf7-not-valid-tip{ color: #FF0000;}
.common-footer .common-footer-content form.invalid .wpcf7-response-output,
.common-footer .common-footer-content form.sent .wpcf7-response-output{ border: none; background-color: #46b450; font-size: 0.8em; color: #FFF; }
.no-cursor { cursor: unset; }


/* smartbooking-pro */
.roi-engine-container{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}
.roi-engine-container form,
.roi-engine-container .roi-search-engine--with-destinations{
    max-width: 1200px;
    border-radius: 0;
}
.roi-engine-container button{
    border-radius: 0;
}
.roi-search-engine__hotel-list,
.roi-search-engine__hotel-list ul{
    padding-left: 0;
    list-style: none;
}
.roi-search-engine__item--checkin, .roi-search-engine__item--checkout{
    gap: 5px;
}
.roi-search-engine__occupancy-text{
    font-weight: 800;
    margin-bottom: 9px;
}
.roi-search-engine__form--shadow {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.roi-search-engine__item--promo{
    height: 80px;
}
.roi-search-engine__label--promo{
    text-transform: uppercase;
    margin-bottom: 10px;
}



.page-id-1028 .common-wrapper .common-content .common-row .split-sentence {
    display: block;
}

.sty__minipopup {
    position: absolute;
    right: 15px;
    top: calc(100% + 15px);
    width: 280px;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
    font-size: 1.2rem;
    line-height: 1.3;
}

/*Nav bar Lang*/
.custom-top-bar { width: 100%; background-color: var(--primary-color); }
.custom-top-bar-side { margin: auto; padding: 0 30px; max-width: var(--breakpoint-xl); display: flex; justify-content: end; align-items: center; }
.top-bar-link { color: var(--white-color); padding: 0 15px; border-right: 1px solid var(--white-color); }
.top-bar-link:hover { color: var(--white-color); }
.top-bar-link:last-child { border-right: none; padding-right: 0; }
.my-booking-link { display: inline-flex; align-items: center; gap: 6px; }
.my-booking-icon { width: 18px; height: 18px; flex: 0 0 auto; }
.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span { color: var(--white-color); }
html[lang="th"]  .common-navbar .common-navbar-main .hamburger_box .menu_text:before {content: "เมนู";}

@media (min-width: 769px) {
    .roi-search-engine__item {
        width: 100%;
    }
}

@media (max-width: 1024px){
    .roi-engine-container{
        position: relative;
    }
    .common-slider-primary .position-nav-center{ top: calc(25vh - 40px); }
    #checkbox-flip{ display: none!important; }
}
@media (min-width: 769px) {
    .roi-search-engine--with-destinations {
        width: 100%;
    }
}
@media (max-width: 768px){
    .roi-engine-container{
        position: relative;
    }
}


.popup-wrapper-slide {
    width: 400px;
    max-width: 90vw;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999
}
.popup-slider {
    width: 100%;
}
.popup-slider button {
    border: none;
    background: transparent;
    padding: 5px 0;
    display: block;
}
.mini-popup-img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    max-width: 300px;
    max-height: 200px;
    object-fit: contain;
}

.privacy-wrapper { text-align: left; }
.privacy-wrapper h1{ text-align: center; }
.privacy-wrapper p + h2,
.privacy-wrapper p + h3,
.privacy-wrapper p + h4{
    margin-top: 20px;
}

html:lang(th) .roi-search-engine__title,
html:lang(th) .roi-search-engine__subtitle,
html:lang(th) .roi-search-engine__label,
html:lang(th) .roi-search-engine__field--day,
html:lang(th) .roi-search-engine__field--month-year,
html:lang(th) .roi-search-engine__occupancy-text,
html:lang(th) .roi-search-engine__field {font-family: var(--font-secondary);font-size:1rem}

html:lang(th) .roi-search-engine__title,
html:lang(th) .roi-search-engine__subtitle{
	white-space:nowrap;
	line-height:1.25rem;
}

/* 1. Universal Layout (Side-by-Side 70/30) */
.jetform-wrapper .wp-block-columns {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    align-items: stretch;
    margin-bottom: 0;
}

.jetform-wrapper .wp-block-column:first-child {
    flex: 0 0 70% !important;
    max-width: 70% !important;
    margin: 0 !important;
}

.jetform-wrapper .wp-block-column:last-child {
    flex: 0 0 30% !important;
    max-width: 30% !important;
    margin: 0 !important;
}

/* 2. Input Styling */
.jetform-wrapper .jet-form-builder__field.text-field {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-right: none !important;
    border-radius: 0 !important;
    height: 40px;
    padding: 0 10px !important;
    font-size: 0.875rem;
    width: 100% !important;
    box-sizing: border-box;
}
.jetform-wrapper .jet-form-builder__field.text-field::placeholder {
	font-size:0.675rem;
}

/* 3. Button Styling with Transition */
.jetform-wrapper .jet-form-builder__action-button {
    background-color: #ffffff !important; /* Initial: White background */
    color: #000000 !important;            /* Initial: Black text */
    border: 1px solid #ffffff !important;
    border-radius: 0 !important;
    height: 40px !important;
    width: 100% !important;
    font-weight: normal;
    font-size: 0.6rem;
    text-transform: uppercase;
    white-space: nowrap !important;
    cursor: pointer;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    /* Your requested transition */
    transition: 0.1s ease-in-out;
    transition-property: color, background-color, border-color;
}

/* 4. Button Hover Effect (Inverted) */
.jetform-wrapper .jet-form-builder__action-button:hover {
    background-color: #000000 !important; /* Turns black */
    color: #ffffff !important;            /* Text turns white */
    border-color: #ffffff !important;     /* Keeps the white border visible */
}

/* 5. Mobile Adjustments */
@media (max-width: 480px) {
    .jetform-wrapper .jet-form-builder__field.text-field {
        font-size: 11px;
    }
    .jetform-wrapper .jet-form-builder__action-button {
        font-size: 10px;
    }
}

/* Captcha cleanup */
.jetform-wrapper .captcha-token-container {
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden;
}

.grecaptcha-badge {display:none}

@media (min-width: 641px) {
	.home .common-card-blend .card-media { height:800px;}
}