/*
Theme Name: WebSeo Child
Theme URI:  https://webseo.comm.vn
Author: Huy Tập - nguyenhuytap@gmail.com
Author URI: https://webseo.comm.vn
Description: This theme is an engaging WordPress theme that is designed to help boost social shares and get you more viral traffic from the web's top social media websites.
Version: 2.1 (Updated: 24/11/2023 17:00)
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hkt
Template: hkt-simple
*/
a { color: #008080; }
.header-wrapper { position: absolute; top: 0; left: 0; right: 0; z-index: 9999; transition: all 1s ease-in-out; /* Smooth transition for all changes */ }
.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner { padding-top: 0; }

/* Ensure container inside header adjusts */
.header-wrapper .container { padding-top: 10px; padding-bottom: 10px; transition: padding 0.3s ease-in-out; /* Smooth padding transition */ }
.navigation a { font-size: 16px; line-height: 1.6; color: #fff; font-weight: 700; }
.chinh-sach-ban-hang { padding: 80px 0; background: #fff2df; }
#main-content table { width: 100%; margin: 20px 0; background: #ffedd3; }
#main-content table td { border: 1px solid #874344; padding: 9px; }
#main-content table thead { background: rgb(123, 40, 24); color: #fff; font-weight: 700; }
.gallery .gallery-item img { width: 100%; height: auto; aspect-ratio: 1679 / 2560; object-fit: cover; object-position: center; }
.img-1-1 img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; object-position: center; border: 1px dashed #ffafaf; padding: 10px; }
#phan-khu img { width: 100%; height: auto; aspect-ratio: 4 / 2; object-fit: cover; object-position: center; margin: 20px 0; }
.phan-khu-item { background: #ffedd3 url(/wp-content/uploads/2025/06/bg.jpg); padding: 20px; border-radius: 19px; box-shadow: rgb(0, 0, 0) 0px 0px 13px -10px; }
.phan-khu-item li:before { font-family: 'FontAwesome'; content: "\f101"; font-size: 15px; color: #ff6000; margin-right: 10px; }

/* Tổng thể */
.b-footer { background-color: #4c1010; padding: 40px 20px; border-top: 1px solid #e0e0e0; font-family: "Segoe UI", sans-serif; color: #fff; }
.b-footer h2 { color: #d9b287; }

/* Tiêu đề form */
.ws-form h2 { font-size: 22px; font-weight: bold; margin-bottom: 20px; color: #fff; }

/* Input và textarea */
.wpcf7-form input[type="text"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="email"], .wpcf7-form textarea { width: 100%; border: 1px solid #ccc; padding: 10px 14px; border-radius: 6px; transition: all 0.3s ease; font-size: 14px; max-height: 110px; background: #f5e3d5; }
.wpcf7-form input:focus, .wpcf7-form textarea:focus { border-color: #007bff; box-shadow: 0 0 5px rgba(0, 123, 255, 0.4); outline: none; }

/* Nút gửi */
.wpcf7-submit { background-color: #d9b287; color: #4c1010; padding: 12px 30px; border: none; border-radius: 6px; cursor: pointer; font-weight: bold; transition: background-color 0.3s ease, box-shadow 0.3s ease; }
.wpcf7-submit:hover { background-color: #0056b3; box-shadow: 0 4px 10px rgba(0, 91, 187, 0.4); }

/* Icon trong thông tin */
.b-footer i { margin-right: 8px; color: #fff; font-size: 16px; }

/* Logo */
.ux-logo img { max-width: 100%; height: auto; transition: transform 0.3s ease; }
.ux-logo:hover img { transform: scale(1.05); }

/* Mạng xã hội */
.social-icons { margin-top: 15px; }
.social-icons span { display: block; margin-bottom: 10px; font-weight: 600; color: #333; }
.social-icons a { display: inline-block; margin-right: 10px; font-size: 18px; color: #333; border: 1px solid #ccc; border-radius: 50%; width: 36px; height: 36px; line-height: 34px; text-align: center; transition: all 0.3s ease; }
.social-icons a:hover { background-color: #007bff; color: white; border-color: #007bff; transform: translateY(-2px); }

/* Điều chỉnh phần ul - địa chỉ */
.b-footer ul { padding-left: 20px; list-style: disc; color: #555; }

/* Link chính sách */
.b-footer a { color: #fff; text-decoration: none; }
.b-footer a:hover { text-decoration: underline; }
.button-cta { position: fixed; background: #f00; z-index: 9999; bottom: 10px; padding: 2px; left: 20px; border-radius: 10px; }
.button-cta-zalo { position: fixed; background: #5097ff; z-index: 9999; bottom: 80px; padding: 2px; left: 20px; border-radius: 10px; }
.button-cta .ladi-button { display: flex; align-items: center; font-size: 23px; color: #fff; margin: 0 10px; }
.button-cta svg { width: 40px; margin-right: 10px; }
.button-cta #BUTTON_TEXT22 { padding-top: 3px; font-weight: 700; }
.button-cta .ladi-headline { margin-bottom: 5px; }




.form-contact-main-ws {
    color: #fff;
    text-align: center;
}
.form-contact-main-ws form input, .form-contact-main-ws form select {
    width: 100%;
    padding: 10px;
    border-radius: 6px;
    background: #f5e3d5;
}
.form-contact-main-ws form .wpcf7-submit {
    background: #870606;
    color: #fff;
}
/* RESPONSIVE */
@media screen and (min-width:1601px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1400px; }
}
@media screen and (max-width:1600px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1250px; }
}
@media screen and (max-width:1200px) { }
@media screen and (min-width:992px) {

    /* Sticky header state */
    .header-wrapper.sticky { position: fixed; top: 0; left: 0; right: 0; background-color: rgb(67 4 5 / 100%); /* Semi-transparent white background */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */ opacity: 0.95; /* Slightly transparent for a modern look */ }
    .thiet-ke-item { border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; background: #fff; position: relative; }
    .thiet-ke-item:hover { transform: translateY(-5px); }

    /* Hiệu ứng border phát sáng hiện đại */
    .thiet-ke-item::before { content: ""; position: absolute; inset: 0; border-radius: 16px; border: 2px solid transparent; background: linear-gradient(45deg, #ffd40054, #0072ff57); background-clip: border-box; mask-composite: exclude; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; z-index: 2; }
    .thiet-ke-item:hover::before { opacity: 1; }
    .thiet-ke-item figure { margin: 0; position: relative; overflow: hidden; border-radius: 16px; z-index: 1; }
    .thiet-ke-item img { width: 100%; height: auto; display: block; transition: transform 0.4s ease, filter 0.3s ease; border-radius: 16px; }
    .thiet-ke-item a:hover img { transform: scale(1.05); filter: brightness(1.05) contrast(1.1); }

    /* Overlay mờ dần hiện đại */
    .thiet-ke-item figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(45deg, #ffd40054, #0072ff57); opacity: 0; transition: opacity 0.4s ease; z-index: 1; }
    .thiet-ke-item:hover figure::after { opacity: 1; }
}
@media screen and (max-width:991px) {
    .vc_column-inner { padding: 10px !important; }
    .chinh-sach-ban-hang { padding: 40px 0; }
    .header-wrapper { position: fixed; top: 0; left: 0; width: 100%; right: 0; z-index: 1; transition: all 1s ease-in-out; background: #7b2818; }
    #mobile-nav-toggle { color: #ffffff !important; position: fixed; top: 15px; }
    .header-wrapper .container { padding-top: 0; padding-bottom: 0px; }
    #logo img { height: 35px; }
}
@media screen and (min-width:768px) { }
@media screen and (max-width:768px) { }
@media screen and (max-width:575px) {
    .button-cta-zalo { position: fixed; background: #5097ff; z-index: 9999; bottom: 10px; padding: 2px; left: 250px; border-radius: 10px; }
}
@media screen and (max-width:480px) { }