/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 10.6.1
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.ux-line-up svg{transform: rotate(180deg);fill: #fff;margin-top: -36px;display: block;}
.ux-vu-de-nuong img{border-radius: 50% 50% 0 50%;}
/* MON NGON */
.phoduiga img, .laugalae img{border-radius:50px 0px;}
.comvanphong img{border-radius:0px 50px;}
.avtdanhgia img{border-radius:50%;}
.fdathang input[type=submit] {
    width: 100%;
    height: 50px;
    border-radius: 5px;
}
.fdathang input[type=submit]:hover {box-shadow: 5px 5px 5px #ccc;}
/*FIX CTA*/
.fixcontact{position:fixed; right:10px; bottom:50px; z-index:999999;}
.fixcontact img{width:30px;}
.fixcontact ul{background:#fff; border-radius:10px; box-shadow:5px 5px 20px #000; padding:10px;}
.fixcontact ul li{list-style:none;background: #F0483E;border-radius: 10px;padding: 5px 3px;text-align: center;margin-bottom: 10px;}
.fixcontact ul li:hover{background:#F0483E;}
.fixcontact ul li.lidatban{margin-bottom:0px;}
.fixcontact a{color:#fff; font-size:14px;}

.pum-theme-196 .pum-container, .pum-theme-lightbox .pum-container{border: 8px solid #F79428!important;}
.pum-theme-196 .pum-container, .pum-theme-lightbox .pum-container{background:#F79428!important;}
#popmake-205 .fsoluong{width:100%;}
#popmake-205 .fdate{width:100%;}
#popmake-205 textarea{min-height:65px;}
#popmake-205{padding-top:30px;}
#popmake-205 .fgroup{min-height:110px;}
#popmake-205 input[type=submit]{width: 100%;
    height: 50px;
    border-radius: 5px;
    box-shadow: 5px 5px 5px #ccc;}
#popmake-205 img{margin-bottom:0px!important;}
#popmake-205 h2{font-weight:normal; color:#fff;}
.hethongcuahang .col-inner{padding: 85px 55px;min-height: 675px;}
.hethongcuahang h2{font-weight:normal; color:#F79428; padding-bottom:20px;}
.pagelhf .col-inner{padding:35px;}
.fpagelh input, .fpagelh select{height:50px!important;}
.fpagect{position:relative; padding:50px 0px;}
.fpagect h1{float:left; font-weight:normal; color:#F79428;}
.fpagect img{position:absolute; right:0px; top:20px; width:250px;}
.socicallogo .col, .gtech .col{padding-bottom:0px!important;}
.pagemenu{padding-bottom:60px;}
.header-main .nav > li > a, .cuctakright a{font-weight:normal!important;}
.mfp-content .html_nav_position_text_top, .mfp-content .html_nav_position_text{padding:0px!important;}
.danhgia{padding:60px 0px 10px 0px!important;}
.rowdanhgia .col-inner{border:1px solid #fff; color:#fff; padding:15px; border-radius:4px;}
.rowdanhgia .col-inner:hover{background:#f79428; border:none;}
.rowdanhgia .col-inner:hover svg path{fill:#fff;}
.boxdanhgia img{float:left; margin-right:20px;}
.boxdanhgia p{margin-bottom:0px;}
.boxdanhgia p.danhgiaf{margin-bottom:10px;}
.fdathang{background:#fff; border-radius:20px; padding:50px;}
.fgroup{min-height:45px;}
.lhdatban{padding-top:50px;}
.fsoluong{width:45%; float:left; margin-right:5%;}
.fdate{width:50%; float:right;}
.thongtincuctak .col-inner{padding-top:20px;}
.socicalf img{border-radius:50%;}
.socicalf span{padding:0px 5px;}
.logof{padding:30px 0px;}
.logof p{margin-bottom:0px;}
.absolute-footer{display:none;}
.thongtincuctak p{margin-bottom:0px!important;}
.thongtincuctak p.iconf{float:left; margin-right:15px;}
.ctfmaps{border-radius: 0px 0px 0px 20px; background:#F79428;}
.ctfmapsphone{background:#df8524;}
.ctfmapstime{border-radius: 0px 0px 20px 0px; background:#c67620;}
.khonggian4 .col{padding:3px;}
.khonggian1 {padding:3px!important;}
.lienhedatban{padding:60px 0px 30px 0px!important;}
.icondatban{width:40px; height:40px; display: flex; padding: 8px;align-items: center;border-radius: 24px;background:#fff;}
.lienheimg, .lienhephoneicon, .lienheclockicon{display:block; float:left; margin-right:15px; padding-top:8px;}
.lienheinf p, .lienhephone p, .lienheclock p{margin-bottom:0px;}
.thongtincuctak .col{padding-bottom:0px;}
/*VECHUNGTOI*/
.vechungtoi{height:100vh!important; width:100%;}
/* MENU */
.cuctakright{list-style: none;text-transform: uppercase;font-size: 13px;font-weight: bold;color: #fff;}
ul.cuctakright li{display:inline; padding:12px;}
ul.cuctakright li a{color:#fff;}
ul.cuctakright li.cuctakdatban{background: #000;padding: 12px 30px;border-radius: 30px;}
ul.cuctakright li.cuctakdatban:hover{background: #F0483E;}
/*TAB*/
.tabbed-content{text-align: center;}
.tabbed-content ul.nav-left{margin-bottom: 25px;}
.tabbed-content .nav > li{border: 1px solid #d2c6b0; border-radius: 3px; color: #867257; padding: 0px 15px;}
.tabbed-content .nav > li > a{color: #867257;}
.tabbed-content .nav-line > li > a::before{display: none;}
.tabbed-content li.active, .tabbed-content li:hover{background: #ebb51b;}
.stuck .toggle-nav-dark{background: url("https://sonhyquan.findup.vn/wp-content/uploads/2025/10/pattern-scaled.png") repeat; background-color: rgb(14,13,12,0.9);}
.header-main .nav > li > a, .cuctakright a{color: #ffe3b4;}
.nav-dark .nav>li.active>a{color: #ffe3b4; font-weight: bold;}
.ux-monngonbanchay h3{color: #ffe3b4;}
/**/
.ux-bg-parten{background: url("https://sonhyquan.findup.vn/wp-content/uploads/2025/10/pattern-scaled.png") repeat; background-color: rgb(0, 0, 0);}
.home .header.show-on-scroll, .home .stuck .header-main {background-color: #e3360c;}
.home .header-main{background: none; background-color: unset;}
.header-main {background-color: #e3360c;}
.ux-product-picre{color: #ffe3b4; font-size: 24px; font-weight: bold;}
.ux-menu-footer{padding-top: 12px;}
.ux-menu-footer a{color: #ffe3b4;}
.ux-menu-footer ul li{list-style: none; display: inline; font-size: 13px;}
.ux-footer-banquyen {font-size: 13px; padding-top: 12px;}
.ux-footer-01{padding-top: 90px!important;}
.ux-footer-01 h4{padding-bottom: 15px;}
.ux-footer-01 p{margin-bottom: 6px; font-size: 15px;}
.contactfooter{border-top: 1px solid rgb(228, 197, 144, 0.5); padding-top: 20px!important;}
.ux-footer-01 .large-1 {max-width: 12.333333%;-ms-flex-preferred-size: 8.3333333333%;flex-basis: 12.333333%;}
/* --- TỔNG THỂ TRANG --- */
/* Sử dụng đoạn code này nếu bạn muốn *cả trang* có nền xanh.
  Nếu chỉ muốn form có nền xanh, hãy bỏ qua .page-content 
  và thêm background vào .son-hy-booking-form-wrapper 
*/
/* --- WRAPPER CHUNG --- */
.page-id-546{background: url("https://sonhyquan.findup.vn/wp-content/uploads/2025/10/pattern-scaled.png") repeat; background-color: #e3360c;}
.son-hy-booking-form-wrapper {
    max-width: 650px;
    margin: 40px auto;
    padding: 20px;
    box-sizing: border-box;
}

/* --- HEADER (LOGO & HOTLINE) --- */
.son-hy-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 15px;
    /* Dùng border-bottom nếu bạn muốn có đường kẻ mờ */
}

.son-hy-header .logo {
    height: 50px; /* Chỉnh kích thước logo */
    width: auto;
}

.son-hy-header .hotline {
    color: #f3c220; /* Màu vàng cam */
    font-size: 1.1em;
}

.son-hy-header .hotline strong {
    color: #fff;
    font-weight: bold;
}

/* --- FORM CHÍNH --- */
.son-hy-booking-form{background: #fff; padding: 30px; border-top: 10px solid #f3c220; border-radius: 5px;}
.son-hy-booking-form h2 {
    color: #e3360c;
    text-align: left; /* Trong hình là căn trái, không phải căn giữa */
    font-size: 2.5em;
    font-weight: bold;
    margin-bottom: 25px;
}

.son-hy-booking-form .form-section-title {
    font-weight: bold;
    font-size: 1.1em;
    color: #222222;
    border-left: 4px solid #f3c220; /* Đường kẻ vàng */
    padding-left: 12px;
    margin-top: 25px;
    margin-bottom: 20px;
}

/* Xóa margin mặc định của thẻ <p> do CF7 tạo ra */
.son-hy-booking-form p {
    margin: 0 0 18px 0;
}

/* --- CÁC TRƯỜNG INPUT, SELECT, TEXTAREA --- */
.son-hy-booking-form input[type="text"],
.son-hy-booking-form input[type="tel"],
.son-hy-booking-form input[type="number"],
.son-hy-booking-form input[type="date"],
.son-hy-booking-form select,
.son-hy-booking-form textarea {
    width: 100%;
    padding: 0px 18px;
    margin: 0;
    border: 0.5px solid #C7C7C7;
    border-radius: 8px;
    background-color: #fff;
    color: #333;
    font-size: 1em;
    box-sizing: border-box;
    -webkit-appearance: none; /* Tắt giao diện mặc định */
    -moz-appearance: none;
    appearance: none;
}

.son-hy-booking-form textarea {
    min-height: 100px;
    resize: vertical;
}

/* Tùy chỉnh mũi tên cho thẻ select */
.son-hy-booking-form select {
    background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 1.2em;
    padding-right: 40px; /* Thêm không gian cho mũi tên */
}

/* Tùy chỉnh icon lịch cho input date */
.son-hy-booking-form input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0.6;
    cursor: pointer;
}

/* Tùy chỉnh placeholder */
.son-hy-booking-form ::placeholder {
    color: #999;
    opacity: 1;
}

/* --- GRID LAYOUT (SỐ LƯỢNG, NGÀY, GIỜ) --- */
.form-row-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-bottom: 18px;
}

.form-row-grid .form-group {
    /* Xóa margin của thẻ <p> bên trong grid */
    margin: 0;
}

.form-row-grid .form-group label {
    display: block;
    margin-bottom: 8px;
    font-size: 0.9em;
    font-weight: 500;
    color: #222;
}
#guest-count{margin-top: -10px;}
/* --- NÚT SUBMIT --- */
.son-hy-booking-form .form-submit {
    margin-top: 25px;
}

.son-hy-booking-form input[type="submit"] {
    background-color: #f3c220; /* Màu vàng cam */
    color: #000; /* Chữ đen */
    border: none;
    padding: 15px 20px;
    width: 100%;
    font-weight: bold;
    font-size: 1.1em;
    border-radius: 8px;
    cursor: pointer;
    text-transform: uppercase;
    transition: background-color 0.3s ease;
}

.son-hy-booking-form input[type="submit"]:hover {
    background-color: #e6a800; /* Màu đậm hơn khi hover */
}

/* --- RESPONSIVE CHO DI ĐỘNG --- */
@media (max-width: 600px) {
    .son-hy-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .son-hy-booking-form h2 {
        font-size: 2em;
    }
    
    .form-row-grid {
        grid-template-columns: 1fr; /* 1 cột trên di động */
    }
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}