/* Hiding Element */
#BOOKING_WIDGET.wrapper-reservation { display: none; }


/*Content*/
.common-wrapper .common-content .common-row .details .heading-intro .heading-sub{ margin: 0!important; color: var(--primary-color); font-size: 14px; }
.common-wrapper .common-content .common-row h3.split-sentence { 
	flex-grow: 0;  
	display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}
/* .common-wrapper .common-content .common-row .split-sentence { flex-grow: 0; -webkit-line-clamp: 2; } */

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

.common-slider-content .uk-position-center-left, .common-slider-content .uk-position-center-right { top: 23%; }

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


/* Overall Site */
.bg-img { background: url(../images/bg-image.png); background-position: center; background-size: cover; background-repeat: no-repeat; }
h1, h2, h3, h4, h5, h6 { color: var(--font-primary); }
h2 { font-size: 32px; }
h4 { font-size: 24px; }
a { color: var(--text-color); }
a:hover { color: var(--primary-color); }

.uk-dotnav > .uk-active > *, .uk-dotnav > * > :hover { background-color: var(--primary-color); }
.uk-dotnav > * > * { border: 1px solid var(--primary-color); }

.common-wrapper .common-content .common-row .uk-button-default { background-color: transparent; }
.wp-block-button__link { color: var(--font-primary); background-color: transparent; }

.common-footer .common-footer-content a:hover { color: var(--primary-color); }

/* Header */
.common-navbar .common-navbar-main .common-logo img { height: 80px; object-fit: contain; } 
.common-navbar .common-navbar-main .common-navbar-container .common-navbar-button a { min-height: 80px; }
.uk-navbar { min-height: 80px; }
.common-navbar .uk-navbar-nav { align-items: center; }
.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: 0.8rem; color: var(--text-color); min-height: 30px; }
.common-navbar .uk-navbar-nav > li > a:hover { border-bottom: 1px solid var(--primary-color); }
.common-navbar .uk-navbar-nav .current-menu-item > a { border-bottom: 1px solid var(--primary-color); }
.common-navbar .uk-navbar-dropdown-nav > li > a:hover { color: var(--primary-color); }
.common-navbar-offcanvas .uk-offcanvas-bar .uk-close, .common-navbar-offcanvas .uk-offcanvas-bar .uk-subnav > * > :first-child, 
.common-navbar-offcanvas .uk-dropdown-nav > li > a, 
.common-navbar-offcanvas .main-social-media label { color: var(--secondary-color); }
.common-navbar-offcanvas .main-social-media ul { display: flex; align-items: center; }
.common-navbar-offcanvas .main-social-media ul li a { color: var(--primary-color); }

/* Silde */
.common-slideshow .common-slideshow-intro { z-index: 2; }

.common-slideshow .common-slideshow-intro .slideshow-title { font-family: var(--font-secondary); font-size: 24px; text-align: center; }
.common-slideshow .common-slideshow-main .uk-button-primary { background-color: var(--primary-color);}
.common-slideshow .common-slideshow-main .uk-button-primary:hover { background-color: var(--secondary-color);}

.booking-popup { min-height: 400px; display: flex; flex-direction: column; justify-content: center; }
.booking-popup .uk-button-primary { min-width: 150px; background-color: var(--primary-color); }
.booking-popup .uk-button-primary:hover { background-color: var(--secondary-color); }

/* Home */
.common-slider-content .details .heading-sub { color: var(--primary-color); font-size: 14px; }
.common-slider-content .uk-icon { background-color: transparent; color: var(--white-color); }

.common-slider-primary .position-nav-center { margin: 0 auto; top: 30%;  width: 75%; background: transparent; }
.common-slider-primary .position-nav-center a { color: var(--white-color); }
.common-slider-primary .details .heading-sub { color: var(--primary-color); }

.aspect-2-1 { aspect-ratio: 16/9; object-fit: cover; }

.uk-light .uk-dotnav > .uk-active > * { border-color: var(--primary-color); background: var(--primary-color); }
.uk-light .uk-dotnav > * > * { border-color: var(--primary-color); }

.common-card-content .common-card-default { border: none; }
.common-card-content .common-card-default .sec-location { align-items: center; }
.uk-slideshow { height:670px; }
.uk-slideshow-items > * {height:670px;}
.block-flex-grow{
    /* height: 4.5em; */
    line-height: 1.5;
    overflow: hidden;
}
.block-flex-grow p{
    display: -webkit-box !important;
	font-size: 16px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; 
    overflow: hidden !important;
    word-break: break-word;
}


.block-flex-grows p {
    text-align: justify;
    text-justify: inter-word; 
    overflow-wrap: break-word; 
    word-break: keep-all; 
    -webkit-hyphens: auto;    
    hyphens: auto;
    font-size: 14px;       
}




.uk-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}


.uk-card-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.block-flex-grows {
    flex-grow: 1;
}

/* Global */
.common-wrapper .common-content .common-row .uk-button-primary, .common-wrapper .common-content .common-row .uk-button-default { font-size: 12px; }
.common-card-content .heading-sub { font-size: 14px; }
.common-card-content .common-card-default .uk-card-body { padding: 40px 0; }

/* Home */
.uk-slideshow { height: 70vh; }
.common-slideshow .uk-slideshow-items { min-height: max(0px, 70vh); }
.uk-slideshow-items > * { height: 70vh; }

.details .promo-name { display: flex; flex-direction: column; height: 100%; }
.details .promo-price {}
.details .promo-detail {}

/* Gallery */
.common-lightbox .uk-cover-container .uk-icon { display: none; }

/* Contact */
.common-contact .common-contact-details a { color: var(--text-color); }
.common-contact .common-contact-details a:hover { color: var(--primary-color); }

/* Footer */
.common-footer .common-footer-content p, .common-footer .common-footer-content h5, .common-footer .common-footer-content a, .common-footer .common-footer-content span { color: var(--text-color); font-size: 14px; }
.common-footer .common-footer-content .social-icons-wrapper { display: flex; padding: 20px 0; gap: 20px; align-items: center; }
.common-footer .common-footer-content .social-icons-wrapper a { color: var(--primary-color); }
.common-footer .common-footer-content .social-icons-wrapper a:hover { color: var(--text-color); }

.common-copyright .common-copyright-content,
.common-copyright .common-copyright-content a { color: var(--text-color); }
.common-copyright .common-copyright-content a:hover { color: var(--primary-color); }

.icon-line { display: flex; font-size: 26px; }

.heading-intro p {font-size:16px;}
/* ============================= */
/* Footer Layout — Responsive    */
/* ============================= */

/* Desktop default */
.common-footer {
    padding: 60px 0;
}

.common-footer .common-footer-content [uk-grid] {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 0;
    margin: 0;
}

.common-footer .common-footer-content [uk-grid] > div {
    flex: 1 1 0;
    min-width: 0;
    padding: 0 30px 0 0;
}

.common-footer .common-footer-content [uk-grid] > div:last-child {
    padding-right: 0;
}

/* override UIkit default padding */
.common-footer .uk-grid > * {
    padding-left: 0;
}

.footer-logo-wrap {
    display: flex;
    align-items: flex-start;
    padding-top: 4px; /* เสมอกับหัวข้อ widget */
}

.footer-logo-wrap img {
    width: 100px;
    height: auto;
    display: block;
}

/* ============================= */
/* Tablet 1024px                 */
/* ============================= */
@media screen and (max-width: 1024px) {
    .common-footer {
        padding: 50px 30px;
    }

    .common-footer .common-footer-content [uk-grid] > div {
        padding-right: 20px;
    }
}

/* ============================= */
/* Tablet 768px                  */
/* ============================= */
@media screen and (max-width: 768px) {
    .common-footer {
        padding: 40px 24px;
    }

    .common-footer .common-footer-content [uk-grid] {
        flex-wrap: wrap;
    }

    /* โลโก้เต็มแถวบนสุด */
    .common-footer .common-footer-content [uk-grid] > div:first-child {
        flex: 0 0 100%;
        width: 100%;
        padding: 0 0 16px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        margin-bottom: 8px;
    }

    /* widget 3 อันเรียง 3 คอลัมน์ใต้โลโก้ */
    .common-footer .common-footer-content [uk-grid] > div:not(:first-child) {
        flex: 1 1 30%;
        min-width: 160px;
        padding-right: 16px;
    }

    .footer-logo-wrap {
        justify-content: flex-start;
    }
}

/* ============================= */
/* Mobile 480px                  */
/* ============================= */
@media screen and (max-width: 480px) {
    .common-footer {
        padding: 36px 20px;
    }

    /* widget ทุกอันซ้อนแนวตั้ง */
    .common-footer .common-footer-content [uk-grid] > div:not(:first-child) {
        flex: 0 0 100%;
        width: 100%;
        padding-right: 0;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    }

    .common-footer .common-footer-content [uk-grid] > div:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .footer-logo-wrap img {
        width: 80px;
    }
}

/* Policy */
.privacy-policy .common-wrapper { background-color: var(--background-primary); }

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

    .common-slider-content .uk-position-center-left, .common-slider-content .uk-position-center-right { top: 20%; }
}
@media (max-width: 768px) {
    .common-slider-content .uk-position-center-left, .common-slider-content .uk-position-center-right { top: 22%; }

    .common-footer .common-footer-content .social-icons-wrapper { justify-content: center; }
	.block-flex-grow-{
        height: 3em !important; 
    }
    .block-flex-grow p{
        -webkit-line-clamp: 2 !important; 
    }
	
	.block-flex-grows p {
        text-align: left !important;
        text-justify: auto !important; 
        -webkit-hyphens: none !important; 
        hyphens: none !important;
        word-break: normal !important;
    }
}
@media (max-width: 640px) {
    .common-navbar .common-navbar-main .common-logo img { padding: 10px 0; }
    .common-slider-primary .position-nav-center { width: auto; top: 25%; }

    .common-slider-content .uk-position-center-left, .common-slider-content .uk-position-center-right { top: 18%; }
}
@media (max-width: 480px) {
    .common-slider-content .uk-position-center-left, .common-slider-content .uk-position-center-right { top: 25%; }
}
@media (max-width: 430px) { 
    .common-slider-content .uk-position-center-left, .common-slider-content .uk-position-center-right { top: 22%; }
    .disp-block { display: block; }
}
@media (max-width: 375px) { 
    .common-slider-content .uk-position-center-left, .common-slider-content .uk-position-center-right { top: 20%; }
}
@media (max-width: 320px) { 
    .common-slider-content .uk-position-center-left, .common-slider-content .uk-position-center-right { top: 15%; }
}