/*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; }

.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;}

/*Blog*/
.uk-breadcrumb a{ color: #999; }
.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; }
.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{ 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__button-inside .wp-block-search__inside-wrapper{border: 1px solid var(--border-color);}
.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;}
/*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 input{ width: 100%;}
.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: #A78563; font-size: 0.8em; color: #FFF; }



/* ================= */
/* Font */
/* ================= */
h3 {
    line-height: 1.1;
}

/* menu */
.common-navbar .uk-navbar-nav > li > a, .common-navbar .uk-navbar-dropdown-nav > li > a, .common-navbar .uk-navbar-item, .common-navbar .uk-navbar-toggle {
    font-size: 14px;
}
@media (min-width: 1301px) {
    .common-navbar .common-navbar-main .common-logo {
        width: 15%;
    }
    .common-navbar .common-navbar-main .common-navbar-container {
        width: 85%;
    }
    .common-navbar .uk-navbar-nav,
    .common-navbar .uk-navbar-right {
        gap: 12px;
    }
    .common-navbar .uk-navbar-nav > li > a {
        font-size: 13px;
    }
}
@media (max-width: 1300px) {
    .common-navbar .common-navbar-main {
        padding-left: 20px;
    }
    .common-navbar .common-navbar-main .common-navbar-container.common-navbar-fixed {
        display: none;
    }
    .common-navbar .common-navbar-main .common-navbar-container.common-navbar-hamburger {
        display: block;
        width: 50%;
    }
    .common-navbar .common-navbar-main .common-logo {
        width: 50%;
    }
}
@media (max-width: 640px) {
    .common-navbar .common-navbar-main .common-logo {
        width: 30%;
    }
    .common-navbar .common-navbar-main .common-navbar-container.common-navbar-hamburger {
        display: block;
        width: 70%;
    }
    .common-navbar .common-navbar-hamburger .uk-navbar-right {
        flex-wrap: nowrap;
        justify-content: flex-end;
    }
    .common-navbar .common-navbar-main .hamburger {
        padding-left: 15px;
        padding-right: 15px;
    }
    .common-navbar .common-navbar-main .common-navbar-button a {
        padding: 10px 6px;
        font-size: .65rem;
        letter-spacing: 1px;
    }
}

/* body */
p , html, body {
    font-size: 16px;
}
p {
    color: #333333;
}
/* button */
.common-wrapper .common-content .common-row .uk-button-primary, .common-wrapper .common-content .common-row .uk-button-default {
    font-size: 14px;
}
/* sub heading */
.common-wrapper .common-content .common-row .details .heading-intro .heading-sub {
    font-size: 14px;
}
/* Main slide */
.common-slideshow .common-slideshow-intro .slideshow-title {
    font-family: var(--font-primary);
    font-size: 46px;
    font-weight: 500;
}
.common-slideshow .common-slideshow-intro .slideshow-sub-title {
    font-size: 18px;
}
.references {
    color: #999;
    font-size: 12px;
    letter-spacing: 0;
    padding-top: 20px;    
    font-style: italic;
}





/* ================= */
/* Booking Engine */
/* ================= */

#WCL_RESERVATION_WIDGET.TYPE01 .wcl_rsvn_container {
    padding: 0 0 0 20px;
}
#WCL_RESERVATION_WIDGET .wcl_button button {
    background: var(--primary-color) !important ;
    border-radius: 0px 5px 0 0;
}

#WCL_RESERVATION_WIDGET .wcl_button button:hover {
    background: var(--secondary-color) !important ;
}


/* ================= */
/* Button */
/* ================= */
.common-wrapper .common-content .common-row .uk-button-default {
    border: 1px solid var(--primary-color);
    color:  var(--primary-color);
}
.common-wrapper .common-content .common-row .uk-button-default:hover {
    border: 1px solid var(--secondary-color);

}

/* ================= */
/* Menu Bar */
/* ================= */
.common-navbar .uk-navbar-nav > li > a:hover, .common-navbar .uk-navbar-dropdown-nav > li > a:hover, .common-navbar .uk-navbar-nav > li.uk-active > a {
    color: var(--primary-color);
}
#uk-menu-desktop li.current-menu-ancestor>a, #uk-menu-desktop li.current-menu-item>a, #uk-menu-desktop li.current_page_item>a {
    color: var(--primary-color);

}
#uk-mobile-menu li.current-menu-item>a, #uk-mobile-menu li.current_page_item>a {
    color: var(--primary-color);
}

#uk-menu-desktop li.checkbox-navbar.current-menu-item>a{ color: #fff; }
#uk-mobile-menu li.checkbox-navbar.current-menu-item>a{ color: #fff; }


.common-navbar-offcanvas .uk-subnav .uk-dropdown {
    padding: 10px 10px;
}
.common-navbar-offcanvas .uk-subnav .uk-dropdown .uk-nav > li , .common-navbar .uk-navbar-dropdown li {
    padding: 5px 0 !important;
    text-transform: uppercase;
    border-bottom: 1px solid #eeeeee;
}
.common-navbar-offcanvas .uk-subnav .uk-dropdown .uk-nav > li:first-child {
    border-top: 1px solid #eeeeee;
}
.common-navbar .uk-navbar-dropdown {
    padding: 10px 20px;
}


.common-navbar-offcanvas .uk-offcanvas-bar .uk-close, .common-navbar-offcanvas .uk-offcanvas-bar .uk-subnav > * > :first-child, .common-navbar-offcanvas .main-social-media ul li a, .common-navbar-offcanvas .uk-dropdown-nav > li > a, .common-navbar-offcanvas .main-social-media label {
    font-size: 14px;
}
.common-navbar-offcanvas .uk-subnav > li {
    padding: 10px 20px;
}

/* ============== */
/* Icon */
/* ============== */
.icon-wechat:before {
    font-size: 20px;
}
/* ================= */
/* Home */
/* ================= */
/* intro */
.custom-text-intro p {
	max-width: 850px;
    margin: 20px auto;
	text-align: justify !important;
}
/* Accom */

/* FB */
.common-lightbox .uk-cover-container::after {
    background: linear-gradient(to right, var(--primary-color), var(--white-color));
}
.section-facebook .heading-intro h2 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-facebook .icon-facebook:before {
    content: "\e978";
    font-size: 32px;
    color: #fff;
    background: var(--primary-color);
    padding: 10px 5px 0px 10px;
    border-radius: 5px;
    margin: 0px 20px 0 0;
}
/* follow */
.common-footer-content .uk-navbar-nav > li h5{
    color: var(--secondary-color);
}

/* ================= */
/* Accom */
/* ================= */
.common-list-flex .entry-wrap {
    width: 250px;
    display: flex;
    /* justify-content: center; */
}

.single-accommodation-sub .details .common-list-flex .uk-grid {
    justify-content: center;
}

/* Other Rooms */
.uk-child-width-1-3\@s > * {
    width: calc(100%* 1 / 2);
}

/* ================= */
/* Facilities */
/* ================= */
.custom-item-facilities {
    padding-top: 30px;
}
.custom-item-facilities span {
    font-size: 40px;
    padding-bottom: 15px;
}
.custom-item-facilities .wp-block-columns {
    margin: 0;
}
.custom-item-facilities .wp-block-column-is-layout-flow {
    display: flex;
    flex-direction: column;
    /* background-color: #fff ; */
    /* padding: 20px; */
}
.custom-item-facilities .wp-block-column-is-layout-flow p strong {
    font-weight: bolder;
    text-transform: uppercase;
}


.listing-cols{ margin: 20px 0px 0px 0px; display: flex; flex-wrap: wrap;list-style-type: none;}
.listing-cols li{ list-style-position: inside; padding-left: 30px; position: relative; line-height: 1.6;  flex: 0 0 calc(33%); padding-right: 20px; box-sizing: border-box; text-align: start;}
.listing-cols li:before{ content: ""; background-color: var(--primary-color); position: absolute; width: 15px; height: 1px; left: 0; top: 14px;}


/* ================= */
/* Offer */
/* ================= */
.uk-child-width-1-3\@m > * {
    width: calc(100%* 1 / 2);
}



/* ================= */
/* Footer */
/* ================= */
.common-footer .common-footer-content span , .common-footer .common-footer-content a , .common-footer .common-footer-content p {
    font-size: 14px;
}
.ft-privacy-policy {
    margin-top: 20px;
    display: flex;
    gap: 20px;
}

/* logo */
.common-footer .uk-navbar-center .uk-slider-items {
    display: flex;
    align-items: center;
}
.common-footer .uk-navbar-center .uk-position-small {
    margin: 15px;
    --uk-position-margin-offset: 15px;
    background: #ddd;
    /* border-radius: 100%; */
}
.common-footer .uk-navbar-center .uk-child-width-1-3\@m > * {
    width: calc(100%* 1 / 3.8);
}
.common-footer .uk-navbar-center .uk-grid > * {
    padding-left: 20px;
}


/* copyright */
.common-copyright .common-copyright-content , .common-copyright .common-copyright-content a {
    color: var(--text-color);
}
.common-copyright .common-copyright-content p , .common-copyright .common-copyright-content a {
     font-size: 13px;
   
}
.common-copyright .common-copyright-content a:hover {
    color: var(--primary-color);
}

/* Newsletter */
.common-footer .common-footer-content .uk-button-secondary:hover {
    background-color : #000;

}



/* PDPA */
.content-pdpa { line-height: 1.5; }
.content-pdpa a { text-decoration: underline; color:var(--secondary-color); }
.content-pdpa p { margin: 0 auto 0px auto; text-align: left;    }
.content-pdpa p strong { color: var(--e-global-color-primary); }
.content-pdpa h3 {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    margin: 15px 0 15px 0;
    text-align: left;
    overflow: hidden;
    font-size: 24px;
    font-weight: 300;
}
.content-pdpa ul { list-style-position: inside !important; list-style: disc; margin: 0 auto;     padding-left: 0px;}
.content-pdpa ul p { font-size: 16px; }
.content-pdpa ul strong { color: var(--e-global-color-primary); }
.content-pdpa ul li { width: 100%; font-weight: 300; line-height: 1.7;  margin-left: 20px; text-align: left; color: #333333; }
.content-pdpa ul li:last-child { margin-bottom: 0px; }
.content-pdpa b {font-weight: 400;}
.content-pdpa span {}
.content-pdpa .title-text-pdpa { margin-bottom: 50px; }
.content-pdpa .title-text-pdpa h1 {  font-weight: 500; text-align: center; margin: 0 auto; }
.content-pdpa .title-text-pdpa p { text-align: center; }
.content-pdpa .content-text-pdpa { max-width: 1440px; margin: 0 auto; }

.privacy-policy .common-wrapper .common-content {
    word-break: break-word;
    overflow: hidden;
}



@media (max-width: 1024px){
    .common-slider-primary .position-nav-center{ top: calc(25vh - 40px); }
    #checkbox-flip{ display: none!important; }

        /* logo */
    .common-footer .uk-navbar-center:not(:only-child) {
        width: 25%;
    }
    .common-footer .uk-navbar-center .uk-child-width-1-3\@m > * {
        width: calc(100%* 1 / 3);
    }
}



@media (max-width: 768px){
    /* logo */
    .common-footer .uk-navbar-center:not(:only-child) {
        width: 65%;
        top: 75%;
    }
    .common-footer-content .uk-navbar {
        height: 280px;
    }
.ft-privacy-policy {

    justify-content: center;
}
/* Facilities */
.listing-cols {
    align-items: center;
    justify-content: center;
}
.listing-cols li {
    flex: 0 calc(40%);
}

.common-footer .common-footer-content .uk-navbar-center {
    top: 75%;
}
.common-footer-content .uk-navbar {
    height: 250px;
}

.common-footer .common-footer-content form .uk-flex p .wpcf7-form-control-wrap {
    width: auto;
}
.common-footer .common-footer-content form .uk-flex p {
    justify-content: center;
}
}

@media (max-width: 640px){

/* FB */

.section-facebook .heading-intro h2 {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    align-items: center;
}
.section-facebook .icon-facebook:before {
    margin: 0px;
}
}


@media (max-width: 480px){
/* Main slide */
.common-slideshow .common-slideshow-intro .slideshow-title ,
.common-slideshow .common-slideshow-intro .slideshow-sub-title {
    text-align: center;
}

.uk-child-width-1-3\@m > * {
    width: calc(100%* 1 / 1);
}


/* Facilities */

.listing-cols li {
    flex: calc(100%);
}
.common-footer-content .uk-navbar-center .hotels-logo {
    display: flex;
    gap: 10px;
    width: 100%;
    flex-direction: column;
    align-items: center;
}
.common-footer .common-footer-content .uk-navbar-center {
    top: 65%;
}
.common-footer-content .uk-navbar {
    height: 470px;
}
}
/* ================= */
/* Guest Reviews */
/* ================= */
.guest-reviews-wrapper .common-row {
    max-width: 990px;
    padding-top: 60px;
    margin: 0 auto;
}
.guest-review {
    display: flex;
    justify-content: space-between;
    padding: 0 0 60px;
    margin-bottom: 50px;
    border-bottom: 1px solid var(--border-color);
}
.guest-review:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.guest-review__intro {
    flex: 0 0 300px;
    text-align: left;
}
.guest-review__name,
.guest-review__title {
    color: var(--primary-color);
}
.guest-review__name {
    padding-bottom: 15px;
    margin: 0 0 20px;
    border-bottom: 1px solid var(--secondary-color);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.2;
}
.guest-review__meta,
.guest-review__source {
    margin: 0 0 10px;
    color: #555;
    font-size: 0.85rem;
}
.guest-review__source {
    color: var(--secondary-color);
}
.guest-review__score {
    display: inline-block;
    padding: 5px 9px;
    color: var(--white-color);
    background: var(--primary-color);
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
}
.guest-review__detail {
    width: calc(100% - 300px);
    padding: 30px 0 0 80px;
    text-align: left;
}
.guest-review__title {
    margin: 0 0 15px;
    font-size: 1.1rem;
    line-height: 1.4;
}
.guest-review__content {
    position: relative;
    margin: 0;
    color: #333;
    line-height: 1.8;
}
.guest-review__content::before,
.guest-review__content::after {
    color: var(--secondary-color);
    font-size: 1.2rem;
    font-weight: 700;
}
.guest-review__content::before {
    content: '“';
    margin-right: 3px;
}
.guest-review__content::after {
    content: '”';
    margin-left: 3px;
}
@media (max-width: 850px) {
    .guest-review__intro {
        flex-basis: 200px;
    }
    .guest-review__detail {
        width: calc(100% - 200px);
        padding-left: 50px;
    }
}
@media (max-width: 600px) {
    .guest-review {
        display: block;
        padding-bottom: 40px;
        margin-bottom: 35px;
    }
    .guest-review__intro,
    .guest-review__detail {
        width: 100%;
        padding: 0;
    }
    .guest-review__detail {
        padding-top: 25px;
    }
}

/* ================= */
/* FAQ */
/* ================= */
.common-faq-content {
    max-width: 1024px;
    margin: 0 auto;
}
.common-faq-section + .common-faq-section {
    margin-top: 60px;
}
.common-faq-heading {
    text-align: center;
    margin-bottom: 30px;
}
.common-faq-heading .common-faq-subtitle {
    max-width: 820px;
    margin: 15px auto 0;
    color: #333333;
    line-height: 1.8;
}
.common-faq-accordion {
    margin: 0;
}
.common-faq-accordion > li {
    background-color: var(--white-color);
    border: 1px solid var(--border-color);
    padding: 0;
    margin-top: 12px !important;
}
.common-faq-accordion > li:first-child {
    margin-top: 0 !important;
}
.common-faq-accordion .uk-accordion-title {
    display: block;
    padding: 20px 55px 20px 25px;
    color: var(--primary-color);
    font-family: var(--font-primary);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    position: relative;
}
.common-faq-accordion .uk-accordion-title:hover,
.common-faq-accordion .uk-open > .uk-accordion-title {
    color: var(--secondary-color);
}
.common-faq-accordion .uk-accordion-title::before {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
}
.common-faq-accordion .uk-accordion-content {
    padding: 0 25px 25px;
    margin-top: 0;
}
.common-faq-accordion .uk-accordion-content p {
    color: #333333;
    line-height: 1.8;
    margin-top: 0;
}
.common-faq-accordion .uk-accordion-content a {
    color: var(--secondary-color);
}
.common-faq-accordion .uk-accordion-content a:hover {
    color: var(--primary-color);
}


.home-instagram-section {
    background-color: var(--background-muted);
}


/* ============================= */
/* Home FAQ — based on FAQ page  */
/* ============================= */

.home-faq-section {
    padding: 60px 0;
}

.home-faq-heading {
    text-align: center;
    margin-bottom: 30px;
}

.home-faq-heading h2 {
    color: var(--primary-color);
    font-family: var(--font-primary);
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* ===== Accordion items ===== */
.home-faq-list {
    margin: 0;
}

.home-faq-list > li {
    background-color: var(--white-color);
    border: 1px solid var(--border-color);
    padding: 0;
    margin-top: 12px !important;
}

.home-faq-list > li:first-child {
    margin-top: 0 !important;
}

.home-faq-list .uk-accordion-title {
    display: block;
    padding: 20px 55px 20px 25px;
    color: var(--primary-color);
    font-family: var(--font-primary);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    position: relative;
}

.home-faq-list .uk-accordion-title:hover,
.home-faq-list .uk-open > .uk-accordion-title {
    color: var(--secondary-color);
}

.home-faq-list .uk-accordion-title::before {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
}

.home-faq-list .uk-accordion-content {
    padding: 0 25px 25px;
    margin-top: 0;
}

.home-faq-list .uk-accordion-content p {
    color: #333333;
    line-height: 1.8;
    margin-top: 0;
}

.home-faq-list .uk-accordion-content a {
    color: var(--secondary-color);
}

.home-faq-list .uk-accordion-content a:hover {
    color: var(--primary-color);
}

/* ===== ซ่อน items เกิน limit ===== */
.home-faq-list > li.home-faq-hidden,
.home-faq-list.uk-accordion > li.home-faq-hidden,
ul.home-faq-list > li.home-faq-hidden {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* ===== ปุ่ม Read more / Close — กึ่งกลาง ===== */
.home-faq-readmore-wrap {
    margin-top: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-faq-readmore-btn {
    background: var(--primary-color);
	border: 1px solid var(--primary-color);
    padding: 10px 32px;
    font-family: var(--font-secondary);
    font-size: 18px;
	font-weight: 100;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
    transition: all 0.25s ease;
}

.home-faq-readmore-btn:hover {
	background:none;
    border: 1px solid var(--primary-color);
    color: var(--primary-color, #333);
}

/* ===== Responsive ===== */
@media screen and (max-width: 1024px) {
    .home-faq-list .uk-accordion-title {
        font-size: 1.1rem;
        padding: 18px 50px 18px 20px;
    }
}

@media screen and (max-width: 768px) {
    .home-faq-section {
        padding: 40px 0;
    }

    .home-faq-heading {
        margin-bottom: 24px;
    }

    .home-faq-list .uk-accordion-title {
        font-size: 1rem;
        padding: 16px 44px 16px 16px;
    }

    .home-faq-list .uk-accordion-content {
        padding: 0 16px 20px;
    }

    .home-faq-list > li {
        margin-top: 8px !important;
    }
}

@media screen and (max-width: 480px) {
    .home-faq-list .uk-accordion-title {
        font-size: 0.9rem;
        padding: 14px 40px 14px 14px;
    }

    .home-faq-list .uk-accordion-content p {
        font-size: 0.9rem;
    }

    .home-faq-readmore-btn {
        width: 100%;
        text-align: center;
        padding: 12px 20px;
    }
}