/*
Theme Name: Loodo Twenty Twenty-Four
Theme URI: https://example.com/loodo-twentytwentyfour
Description: Loodo — child theme of Twenty Twenty-Four.
Author: You
Author URI: https://example.com
Template: twentytwentyfour
Version: 1.0.0
Text Domain: loodo-twentytwentyfour
*/

/* ==========================================================================
   STYLE CHO CÁC THÀNH PHẦN INPUT, SELECT, TEXTAREA (BEVERSE STUDIO STYLE)
   ========================================================================== */

/* 1. Thiết lập chung cho tất cả các thẻ nhập liệu */
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="search"],
input[type="date"],
select,
textarea {
}

/* 2. Định dạng chữ mờ (Placeholder) */
input::placeholder,
textarea::placeholder {
}

/* 3. Hiệu ứng khi Click chuột vào ô nhập liệu (Focus) */
input:focus,
select:focus,
textarea:focus {
    outline: none !important;
    border-bottom-color: #adc7ff !important; /* Màu trùng với biến --primary gốc */
    
    /* Loại bỏ hoàn toàn vòng shadow xanh mặc định của Tailwind/Bootstrap */
    box-shadow: none !important; 
}

/* 4. Tối ưu riêng cho thẻ Select (Hỗ trợ Darkmode) */
select {
}

/* Fix màu nền của các option bên trong thẻ select trên một số trình duyệt */
select option {
}

/* 5. Tối ưu riêng cho Textarea */
textarea {
}

/* Đồng bộ nút Contact Form 7 theo chuẩn Block Editor */
.wpcf7 input.wpcf7-submit {
}

/* Hiệu ứng Hover đồng bộ */
.wpcf7 input.wpcf7-submit:hover {
}

/* Hiệu ứng khi click (Active) */
.wpcf7 input.wpcf7-submit:active {
}

:where(.wp-site-blocks *:focus){}

html,body { /* Ensure scrolling is enabled */ overflow-y: auto; /* Hide scrollbar for Chrome, Safari, and newer Edge (WebKit) */ &::-webkit-scrollbar { display: none; } /* Hide scrollbar for Firefox */ scrollbar-width: none; /* Hide scrollbar for IE and older Edge */ -ms-overflow-style: none; }

body.home{overflow:hidden;}
body.home.show-page{overflow-y:auto;}
body.home #preloader-1-section{position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:999999999;}
body.home #preloader-2-section{position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:99999999;}

.quote.wp-block-paragraph:before,.quote.wp-block-paragraph:after{vertical-align: middle;display:inline-block;height:22px;font-family:"SVN-Ryhmes Display";font-size: 2em; line-height: 1em;}
.quote.wp-block-paragraph:before{content:'“ ';margin-right:6px;}
.quote.wp-block-paragraph:after{content:' “';transform: rotate(180deg);margin-left:6px;}

.iconia-image-row > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container:before{content:"";display:block;position:absolute;top:20px;left:-10px;width:calc(50% - 60px);border-top:1px solid #535f51;}
.iconia-image-row > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container:after{content:"";display:block;position:absolute;top:20px;right:-10px;width:calc(50% - 60px);border-top:1px solid #535f51;}
.iconia-image-row > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container.first:before{display:none;}
.iconia-image-row > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container.last:after{display:none;}

.wp-block-navigation__responsive-container-open{color:#e6dcd3;}

.vitri-section > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container > .wp-block-paragraph{position:relative;margin-bottom:20px;}
.vitri-section > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container > .wp-block-paragraph:after{content:"";display:block;position:absolute;bottom:-20px;left:-50%;width:200%;border-top:1px solid #c7bab2;}
.vitri-section > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container > .wp-block-uagb-container > .wp-block-paragraph{display:flex;}
.vitri-section > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container > .wp-block-uagb-container > .wp-block-paragraph:before{content: ""; margin-right: 10px; margin-top: 11px; display: block; width: 8px; height: 8px; background-color: #c7bab2; border-radius: 50%;}
.vitri-section > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container > .wp-block-uagb-container{padding-top:20px;}
.vitri-section > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container > .wp-block-uagb-container:before{content:"";display:block;position:absolute;top:0px;left:3px;width:1px;height:100%;border-left:1px solid #c7bab2;}

.tienich-tabs.uagb-tabs__wrap .uagb-tabs__panel{width:100%;margin:0px;}
.tienich-tabs.uagb-tabs__wrap .uagb-tabs__panel > li.uagb-tab{width:100%;margin:0px;padding:0px;border-width:0px;}
.tienich-tabs.uagb-tabs__wrap .uagb-tabs__panel > li.uagb-tab > a{font-size:1.4em;padding:20px 30px;display:block;background-color:#978a80;color:#e7e4df;text-transform:uppercase;}
.tienich-tabs.uagb-tabs__wrap .uagb-tabs__panel > li.uagb-tab > a:hover,.tienich-tabs.uagb-tabs__wrap .uagb-tabs__panel > li.uagb-tab.uagb-tabs__active > a{color:white;}
.tienich-tabs.uagb-tabs__wrap .uagb-tabs__panel > li.uagb-tab > a[data-tab="0"]:hover,.tienich-tabs.uagb-tabs__wrap .uagb-tabs__panel > li.uagb-tab.uagb-tabs__active > a[data-tab="0"]{background-color:#604d43;}
.tienich-tabs.uagb-tabs__wrap .uagb-tabs__panel > li.uagb-tab > a[data-tab="1"]:hover,.tienich-tabs.uagb-tabs__wrap .uagb-tabs__panel > li.uagb-tab.uagb-tabs__active > a[data-tab="1"]{background-color:#535f51;}

.tienich-tabs.uagb-tabs__wrap .uagb-tabs__body-wrap .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap{position:relative;}
.tienich-tabs.uagb-tabs__wrap .uagb-tabs__body-wrap .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap .icon-number{content: counter(so-thu-tu);position: absolute; color: white; font-weight: bold; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}

.wp-block-cb-carousel-v2 .cb-button-next, .wp-block-cb-carousel-v2 .cb-button-prev{width: 40px; height: 40px; background-color: #5f4d43; color: white; border-radius: 50%;}
.wp-block-cb-carousel-v2 .cb-button-next:hover, .wp-block-cb-carousel-v2 .cb-button-prev:hover{background-color:#535f51;color:#E7DDD4;}


.trainghiem-slider .wp-block-uagb-info-box{background-color:#535f51;color:#E7DDD4;}
.trainghiem-slider .wp-block-uagb-info-box .uagb-ifb-image-content{position:relative;}
.trainghiem-slider .wp-block-uagb-info-box .uagb-ifb-image-content:after{content:"";display:block;position:absolute;bottom:0px;left:0px;width:100%;height:100px;background: #535F51; background: -webkit-linear-gradient(0deg, rgba(83, 95, 81, 1) 20%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(0deg, rgba(83, 95, 81, 1) 20%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(0deg, rgba(83, 95, 81, 1) 20%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#535F51", endColorstr="#FFFFFF", GradientType=0);}
.trainghiem-slider .wp-block-uagb-info-box .uagb-ifb-title-wrap{padding: 40px 90px 0px; box-sizing: border-box; font-size: 1.3em; text-transform: uppercase; line-height: 1.3em; font-weight: bold; height: 115px; overflow: hidden; margin-bottom: 15px;}
.trainghiem-slider .wp-block-uagb-info-box .uagb-ifb-desc{padding:0px 90px 60px;margin:0px;box-sizing: border-box;font-size:0.9em;min-height:152px;}

.trainghiem-slider .swiper{counter-reset: tn-so-thu-tu;}
.trainghiem-slider .swiper .swiper-slide{counter-increment: tn-so-thu-tu;}
.trainghiem-slider .swiper .swiper-slide .uagb-ifb-content{position:relative;}
.trainghiem-slider .swiper .swiper-slide .uagb-ifb-content .icon-number{content: counter(tn-so-thu-tu); position: absolute; bottom: 0px; left: 10px; font-size: 10em; font-style: italic; z-index: -1; font-weight: bold; color: #6e766a; font-family: "SVN-Ryhmes Display";}

.hotspots-container .hotspots-interaction{margin:0px;}
.hotspots-container .hotspots-interaction .hotspots-placeholder{display:none;}
.hotspots-container .hotspots-interaction .hotspots-image-container{width:100%;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%;}



figure.wp-block-embed{margin-bottom:0px;}

.kgkd-gallery{background-color:white;transition: all 0.3s ease;}
.kgkd-gallery > .wp-block-uagb-container > .wp-block-uagb-image{display:none!important;}
.kgkd-gallery > .wp-block-uagb-container > *{visibility: hidden;opacity:0;}
.kgkd-gallery > .wp-block-uagb-container{cursor:pointer;}
.kgkd-gallery > .wp-block-uagb-container > .wp-block-heading{visibility: visible;opacity:1;}
.kgkd-gallery > .wp-block-uagb-container.active > *,.kgkd-gallery > .wp-block-uagb-container:hover > *{visibility: visible;opacity:1;}
.kgkd-gallery > .wp-block-uagb-container.active,.kgkd-gallery > .wp-block-uagb-container:hover{background: #FFFFFF; background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 14%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 14%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 1) 14%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=0);}

@media only screen and (max-width:976px) {
    .iconia-image-row > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container:before,
    .iconia-image-row > .uagb-container-inner-blocks-wrap > .wp-block-uagb-container:after {
        display: none;
    }
}