.elementor-395 .elementor-element.elementor-element-feadde9{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-395 .elementor-element.elementor-element-feadde9::before, .elementor-395 .elementor-element.elementor-element-feadde9 > .elementor-background-video-container::before, .elementor-395 .elementor-element.elementor-element-feadde9 > .e-con-inner > .elementor-background-video-container::before, .elementor-395 .elementor-element.elementor-element-feadde9 > .elementor-background-slideshow::before, .elementor-395 .elementor-element.elementor-element-feadde9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-395 .elementor-element.elementor-element-feadde9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-position:0px -626px;background-repeat:no-repeat;background-size:cover;}.elementor-395 .elementor-element.elementor-element-feadde9::before{filter:brightness( 50% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-395 .elementor-element.elementor-element-830576e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;color:var( --e-global-color-c96f061 );}.elementor-395 .elementor-element.elementor-element-215e37f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-395 .elementor-element.elementor-element-2c8c11d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-395 .elementor-element.elementor-element-6ca75ce{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-395 .elementor-element.elementor-element-63adb3e img{border-radius:5px 5px 5px 5px;}.elementor-395 .elementor-element.elementor-element-4fb534b{--e-image-carousel-slides-to-show:4;padding:0px 0px 0px 0px;}.elementor-395 .elementor-element.elementor-element-4fb534b .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:5px 5px 5px 5px;}.elementor-395 .elementor-element.elementor-element-a178a47{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:7px 7px 7px 7px;box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.08);--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-395 .elementor-element.elementor-element-a178a47:not(.elementor-motion-effects-element-type-background), .elementor-395 .elementor-element.elementor-element-a178a47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c96f061 );}.elementor-395 .elementor-element.elementor-element-96329a9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-395 .elementor-element.elementor-element-aaa049d{--display:flex;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
.elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-395 .elementor-element.elementor-element-db9b8ff .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-395 .elementor-element.elementor-element-db9b8ff .elementor-icon-box-title{margin-block-end:0px;}.elementor-395 .elementor-element.elementor-element-db9b8ff.elementor-view-stacked .elementor-icon{background-color:#48B6742E;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-395 .elementor-element.elementor-element-db9b8ff.elementor-view-framed .elementor-icon, .elementor-395 .elementor-element.elementor-element-db9b8ff.elementor-view-default .elementor-icon{fill:#48B6742E;color:#48B6742E;border-color:#48B6742E;}.elementor-395 .elementor-element.elementor-element-db9b8ff.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-395 .elementor-element.elementor-element-db9b8ff .elementor-icon{font-size:20px;}.elementor-395 .elementor-element.elementor-element-db9b8ff .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-395 .elementor-element.elementor-element-6cb0abd{--display:flex;}.elementor-395 .elementor-element.elementor-element-6ab54df .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-395 .elementor-element.elementor-element-6ab54df .elementor-icon-box-title{margin-block-end:0px;}.elementor-395 .elementor-element.elementor-element-6ab54df.elementor-view-stacked .elementor-icon{background-color:#48B6742E;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-395 .elementor-element.elementor-element-6ab54df.elementor-view-framed .elementor-icon, .elementor-395 .elementor-element.elementor-element-6ab54df.elementor-view-default .elementor-icon{fill:#48B6742E;color:#48B6742E;border-color:#48B6742E;}.elementor-395 .elementor-element.elementor-element-6ab54df.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-395 .elementor-element.elementor-element-6ab54df .elementor-icon{font-size:20px;}.elementor-395 .elementor-element.elementor-element-6ab54df .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-395 .elementor-element.elementor-element-f8f470e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-395 .elementor-element.elementor-element-266e8a4{--display:flex;}.elementor-395 .elementor-element.elementor-element-c1156c7 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-395 .elementor-element.elementor-element-c1156c7 .elementor-icon-box-title{margin-block-end:0px;}.elementor-395 .elementor-element.elementor-element-c1156c7.elementor-view-stacked .elementor-icon{background-color:#48B6742E;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-395 .elementor-element.elementor-element-c1156c7.elementor-view-framed .elementor-icon, .elementor-395 .elementor-element.elementor-element-c1156c7.elementor-view-default .elementor-icon{fill:#48B6742E;color:#48B6742E;border-color:#48B6742E;}.elementor-395 .elementor-element.elementor-element-c1156c7.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-395 .elementor-element.elementor-element-c1156c7 .elementor-icon{font-size:20px;}.elementor-395 .elementor-element.elementor-element-c1156c7 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-395 .elementor-element.elementor-element-1dce67f{--display:flex;}.elementor-395 .elementor-element.elementor-element-339b8fc .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-395 .elementor-element.elementor-element-339b8fc .elementor-icon-box-title{margin-block-end:0px;}.elementor-395 .elementor-element.elementor-element-339b8fc.elementor-view-stacked .elementor-icon{background-color:#48B6742E;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-395 .elementor-element.elementor-element-339b8fc.elementor-view-framed .elementor-icon, .elementor-395 .elementor-element.elementor-element-339b8fc.elementor-view-default .elementor-icon{fill:#48B6742E;color:#48B6742E;border-color:#48B6742E;}.elementor-395 .elementor-element.elementor-element-339b8fc.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-395 .elementor-element.elementor-element-339b8fc .elementor-icon{font-size:20px;}.elementor-395 .elementor-element.elementor-element-339b8fc .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-395 .elementor-element.elementor-element-f5bfcdf .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Montserrat", Sans-serif;font-weight:700;font-style:italic;fill:var( --e-global-color-c96f061 );color:var( --e-global-color-c96f061 );}.elementor-395 .elementor-element.elementor-element-f5bfcdf .elementor-button-content-wrapper{flex-direction:row;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-395 .elementor-element.elementor-element-39f1215{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-395 .elementor-element.elementor-element-a2d7cc1{--display:flex;}.elementor-395 .elementor-element.elementor-element-afa90d9{--display:flex;}.elementor-395 .elementor-element.elementor-element-f8ae893{--display:flex;}.elementor-395 .elementor-element.elementor-element-8fdd61d{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-395 .elementor-element.elementor-element-74bff7b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-395 .elementor-element.elementor-element-1a0f5b4{--display:flex;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.08);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-395 .elementor-element.elementor-element-1a0f5b4:not(.elementor-motion-effects-element-type-background), .elementor-395 .elementor-element.elementor-element-1a0f5b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c96f061 );}.elementor-395 .elementor-element.elementor-element-e3b6b24{--display:flex;}@media(min-width:768px){.elementor-395 .elementor-element.elementor-element-2c8c11d{--width:65%;}.elementor-395 .elementor-element.elementor-element-6ca75ce{--width:100%;}.elementor-395 .elementor-element.elementor-element-74bff7b{--width:35%;}}@media(max-width:1024px){.elementor-395 .elementor-element.elementor-element-feadde9::before, .elementor-395 .elementor-element.elementor-element-feadde9 > .elementor-background-video-container::before, .elementor-395 .elementor-element.elementor-element-feadde9 > .e-con-inner > .elementor-background-video-container::before, .elementor-395 .elementor-element.elementor-element-feadde9 > .elementor-background-slideshow::before, .elementor-395 .elementor-element.elementor-element-feadde9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-395 .elementor-element.elementor-element-feadde9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon-box .elementor-icon-box-description{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-395 .elementor-element.elementor-element-feadde9::before, .elementor-395 .elementor-element.elementor-element-feadde9 > .elementor-background-video-container::before, .elementor-395 .elementor-element.elementor-element-feadde9 > .e-con-inner > .elementor-background-video-container::before, .elementor-395 .elementor-element.elementor-element-feadde9 > .elementor-background-slideshow::before, .elementor-395 .elementor-element.elementor-element-feadde9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-395 .elementor-element.elementor-element-feadde9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-395 .elementor-element.elementor-element-feadde9{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-395 .elementor-element.elementor-element-830576e{text-align:center;}.elementor-395 .elementor-element.elementor-element-215e37f{--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );}.elementor-395 .elementor-element.elementor-element-4fb534b{--e-image-carousel-slides-to-show:2;}.elementor-395 .elementor-element.elementor-element-a178a47{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-395 .elementor-element.elementor-element-aaa049d{--width:47%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-box .elementor-icon-box-description{line-height:var( --e-global-typography-text-line-height );}.elementor-395 .elementor-element.elementor-element-6cb0abd{--width:47%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-395 .elementor-element.elementor-element-266e8a4{--width:47%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-395 .elementor-element.elementor-element-1dce67f{--width:47%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-395 .elementor-element.elementor-element-f5bfcdf .elementor-button{padding:15px 60px 15px 60px;}.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}.elementor-395 .elementor-element.elementor-element-8fdd61d{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}}/* Start custom CSS for html, class: .elementor-element-b906217 *//* ---------------------------------------------------
TÙY CHỈNH BREADCRUMB RANK MATH - HIỆN ĐẠI & CAO CẤP
--------------------------------------------------- */
/* 1. Style cho khung bọc ngoài (Hiệu ứng kính cao cấp) */
.rank-math-breadcrumb {
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(20, 20, 20, 0.5); /* Nền đen mờ, trong trẻo hơn */
backdrop-filter: blur(12px); /* Tăng độ nhòe nền phía sau lên */
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.15); /* Viền trắng siêu mỏng - Bí quyết tạo cảm giác cao cấp */
padding: 10px 28px; /* Tăng không gian thở cho viền */
border-radius: 50px;
font-size: 14px; /* Chữ nhỏ lại một chút để trông tinh tế hơn */
letter-spacing: 0.5px; /* Giãn cách chữ nhẹ */
line-height: 1.5;
margin-top: 20px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25); /* Bóng đổ lơ lửng, sâu và mềm */
}
/* 2. Căn chỉnh thẻ bên trong */
.rank-math-breadcrumb p {
margin: 0 !important;
padding: 0 !important;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px; /* Tăng khoảng cách giữa các chữ */
}
/* 3. Style cho Link (Trang chủ) - Hiệu ứng phân cấp */
.rank-math-breadcrumb a {
color: rgba(255, 255, 255, 0.75) !important; /* Hơi chìm xuống để nhường sự nổi bật cho trang hiện tại */
text-decoration: none !important;
font-weight: 400;
transition: all 0.3s ease;
}
/* Rà chuột vào Link sẽ sáng bừng lên */
.rank-math-breadcrumb a:hover {
color: #ffffff !important;
text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
/* 4. Style cho dấu ngăn cách (dấu ») */
.rank-math-breadcrumb .separator {
color: rgba(255, 255, 255, 0.25); /* Mờ đi đáng kể để trông "Tây" và không làm rối mắt */
font-size: 15px;
font-weight: 300;
line-height: 1;
}
/* 5. Style cho Trang hiện tại (Hoi An Basket Boat Tour) */
.rank-math-breadcrumb .last {
color: #f59e0b; /* Màu cam thương hiệu */
font-weight: 600;
text-shadow: 0 2px 15px rgba(245, 158, 11, 0.35); /* Chữ phát sáng nhẹ rất xịn */
}
/* 6. Tối ưu cho màn hình Mobile */
@media (max-width: 767px) {
.rank-math-breadcrumb {
padding: 8px 20px;
font-size: 13px;
margin-top: 15px;
}
.rank-math-breadcrumb p {
justify-content: center;
text-align: center;
gap: 8px;
}
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-8fdd61d *//* ====================================================
CSS TÙY CHỈNH CHO ELEMENTOR NESTED TABS (TOUR BOOKING)
==================================================== */
/* 1. Tùy chỉnh đường viền dưới của toàn bộ thanh Menu Tab */
.custom-tour-tabs .e-n-tabs-heading {
border-bottom: 1px solid #e5e7eb !important;
gap: 0 !important; /* Xóa khoảng trống mặc định để viền liền mạch */
}
/* 2. Tùy chỉnh các Nút Tab (Overview, Itinerary,...) lúc bình thường */
.custom-tour-tabs .e-n-tab-title {
background-color: transparent !important;
border: none !important;
border-bottom: 2px solid transparent !important;
border-radius: 0 !important;
padding: 16px 28px !important;
color: #6b7280 !important; /* Tab chưa chọn giữ màu xám để phân biệt */
font-weight: 600 !important;
font-size: 16px !important;
transition: all 0.3s ease !important;
box-shadow: none !important;
justify-content: center;
}
/* 3. Hiệu ứng khi rà chuột vào Nút Tab */
.custom-tour-tabs .e-n-tab-title:hover {
color: #166534 !important; /* Đổi sang màu xanh lá đậm */
}
/* 4. Tùy chỉnh Nút Tab đang được chọn (Active) */
.custom-tour-tabs .e-n-tab-title[aria-selected="true"] {
color: #166534 !important; /* Chữ màu xanh đậm */
border-bottom: 2px solid #166534 !important; /* Hiện gạch chân màu xanh đậm */
}
/* ====================================================
CÀI ĐẶT MÀU CHỮ ĐEN CHO TOÀN BỘ NỘI DUNG (#000000)
==================================================== */
.custom-tour-tabs .e-n-tabs-content,
.custom-tour-tabs .e-n-tabs-content p,
.custom-tour-tabs .e-n-tabs-content div,
.custom-tour-tabs .e-n-tabs-content span {
color: #000000 !important;
}
/* ====================================================
BIẾN DẤU CHẤM ĐẦU DÒNG (BULLET) THÀNH DẤU TICK CAM
==================================================== */
/* Nhắm vào TẤT CẢ các thẻ
(bao gồm Gutenberg và Elementor Text Editor) */
.custom-tour-tabs .e-n-tabs-content ul {
list-style: none !important;
padding-left: 0 !important;
margin-top: 15px;
}
/* Căn lề cho các dòng chữ */
.custom-tour-tabs .e-n-tabs-content ul li {
position: relative;
padding-left: 32px !important; /* Thụt lề để chừa chỗ cho dấu tick */
margin-bottom: 16px !important;
color: #000000 !important; /* Chữ màu đen */
font-size: 15px;
line-height: 1.6;
}
/* Tạo dấu Tick màu cam bằng CSS */
.custom-tour-tabs .e-n-tabs-content ul li::before {
content: "✓"; /* Dấu tick unicode */
position: absolute;
left: 0;
top: 0px;
color: #f59e0b !important; /* Màu cam thương hiệu */
font-weight: 900 !important;
font-size: 18px !important;
}
/* Ẩn viền bao quanh nội dung tab nếu Elementor tự thêm vào */
.custom-tour-tabs .e-n-tabs-content {
border: none !important;
padding: 24px 0 0 0 !important; /* Chỉ giữ lại khoảng cách phía trên */
}
/* ====================================================
GIAO DIỆN FAQ ACCORDION
==================================================== */
.custom-tour-tabs .tour-faq-wrapper {
display: flex;
flex-direction: column;
gap: 12px;
}
/* Từng khung câu hỏi */
.custom-tour-tabs .tour-faq-item {
background: #f8fafc;
border: 1px solid #e5e7eb;
border-radius: 8px;
overflow: hidden;
}
/* Ẩn mũi tên mặc định của trình duyệt */
.custom-tour-tabs .tour-faq-item summary {
list-style: none !important;
outline: none !important;
}
.custom-tour-tabs .tour-faq-item summary::-webkit-details-marker {
display: none !important;
}
/* Giao diện thanh câu hỏi */
.custom-tour-tabs .tour-faq-question {
padding: 16px 20px;
font-weight: 600;
color: #000000 !important; /* Câu hỏi màu đen */
cursor: pointer;
position: relative;
display: block;
transition: background 0.3s;
font-size: 16px;
margin-bottom: 0 !important;
}
.custom-tour-tabs .tour-faq-question:hover {
background: #f1f5f9;
}
/* Tạo icon Dấu + và - */
.custom-tour-tabs .tour-faq-question::after {
content: "+";
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
color: #166534; /* Màu xanh thương hiệu */
font-weight: 400;
transition: transform 0.3s;
line-height: 1;
}
/* Đổi thành dấu - khi mở câu hỏi ra */
.custom-tour-tabs .tour-faq-item[open] .tour-faq-question::after {
content: "−";
transform: translateY(-50%) rotate(180deg);
}
/* Thay đổi nền câu hỏi khi đang mở */
.custom-tour-tabs .tour-faq-item[open] .tour-faq-question {
background: #f0fdf4; /* Xanh lá cực nhạt */
border-bottom: 1px solid #e5e7eb;
}
/* Nội dung đáp án */
.custom-tour-tabs .tour-faq-answer {
padding: 16px 20px;
color: #000000 !important; /* Đáp án màu đen */
font-size: 15px;
line-height: 1.6;
background: #ffffff;
}
/* ====================================================
CSS TÙY CHỈNH CHO ELEMENTOR NESTED TABS (TOUR BOOKING)
==================================================== */
/* 1. Tùy chỉnh thanh Menu Tab - BỐ CỤC LƯỚI 2 CỘT (2x2 cho 4 tab) */
.custom-tour-tabs .e-n-tabs-heading {
display: grid !important;
grid-template-columns: 1fr 1fr !important; /* Chia đều 2 cột trên mọi thiết bị */
grid-auto-rows: 1fr !important; /* ÉP TẤT CẢ CÁC HÀNG BẰNG CHIỀU CAO NHAU */
align-items: stretch !important; /* ÉP CÁC Ô TRONG CÙNG HÀNG CAO BẰNG NHAU TỐI ĐA */
gap: 12px !important; /* Khoảng cách giữa các nút Tab */
border-bottom: none !important; /* Bỏ viền dưới chung của toàn khối */
padding-bottom: 16px !important;
margin: 0 !important; /* Xóa margin thừa */
}
/* 2. Tùy chỉnh các Nút Tab (Overview, Itinerary,...) dạng Button */
.custom-tour-tabs .e-n-tab-title {
margin: 0 !important; /* FIX LỖI LỆCH: Khóa mọi lề thừa của Elementor */
box-sizing: border-box !important; /* FIX LỖI LỆCH: Khóa kích thước viền */
transform: none !important; /* Ngăn hiệu ứng nảy mặc định */
background-color: #f8fafc !important; /* Nền xám nhạt cho nút chưa chọn */
border: 1px solid #e5e7eb !important; /* Viền mỏng bao quanh nút */
border-radius: 8px !important; /* Bo góc nút 8px */
padding: 10px 8px !important; /* Giảm nhẹ padding 2 bên để chữ có thêm không gian trên mobile */
color: #4b5563 !important; /* Chữ màu xám */
font-weight: 600 !important;
font-size: 14px !important; /* Chữ 14px để hiển thị gọn gàng hơn trên màn hình hẹp */
transition: all 0.3s ease !important;
box-shadow: none !important;
justify-content: center !important;
text-align: center !important;
display: flex !important;
align-items: center !important;
width: 100% !important; /* Ép phủ kín chiều ngang ô lưới */
height: 100% !important; /* Ép phủ kín chiều cao ô lưới */
min-height: 48px !important; /* Đảm bảo luôn đủ to để dễ bấm bằng ngón tay */
line-height: 1.3 !important;
}
/* 3. Hiệu ứng khi rà chuột (Hover) vào Nút Tab */
.custom-tour-tabs .e-n-tab-title:hover {
color: #166534 !important; /* Đổi chữ sang màu xanh lá */
border-color: #166534 !important; /* Viền sáng lên màu xanh */
background-color: #f0fdf4 !important; /* Nền xanh cực nhạt */
}
/* 4. Tùy chỉnh Nút Tab ĐANG ĐƯỢC CHỌN (Active) - Nền Xanh, Chữ Trắng */
.custom-tour-tabs .e-n-tab-title[aria-selected="true"] {
background-color: #166534 !important; /* Tô nền xanh đậm thương hiệu */
color: #ffffff !important; /* Chữ màu trắng */
border-color: #166534 !important; /* Viền xanh đồng bộ nền */
margin: 0 !important; /* KHÓA LỆCH: Đảm bảo nút active cũng ko bị thêm lề */
}
/* ====================================================
CÀI ĐẶT MÀU CHỮ ĐEN CHO TOÀN BỘ NỘI DUNG (#000000)
==================================================== */
.custom-tour-tabs .e-n-tabs-content,
.custom-tour-tabs .e-n-tabs-content p,
.custom-tour-tabs .e-n-tabs-content div,
.custom-tour-tabs .e-n-tabs-content span {
color: #000000 !important;
}
/* ====================================================
BIẾN DẤU CHẤM ĐẦU DÒNG (BULLET) THÀNH DẤU TICK CAM
==================================================== */
/* Nhắm vào TẤT CẢ các thẻ (bao gồm Gutenberg và Elementor Text Editor) */
.custom-tour-tabs .e-n-tabs-content ul {
list-style: none !important;
padding-left: 0 !important;
margin-top: 15px;
}
/* Căn lề cho các dòng chữ */
.custom-tour-tabs .e-n-tabs-content ul li {
position: relative;
padding-left: 32px !important; /* Thụt lề để chừa chỗ cho dấu tick */
margin-bottom: 16px !important;
color: #000000 !important; /* Chữ màu đen */
font-size: 15px;
line-height: 1.6;
}
/* Tạo dấu Tick màu cam bằng CSS */
.custom-tour-tabs .e-n-tabs-content ul li::before {
content: "✓"; /* Dấu tick unicode */
position: absolute;
left: 0;
top: 0px;
color: #f59e0b !important; /* Màu cam thương hiệu */
font-weight: 900 !important;
font-size: 18px !important;
}
/* Ẩn viền bao quanh nội dung tab nếu Elementor tự thêm vào */
.custom-tour-tabs .e-n-tabs-content {
border: none !important;
padding: 24px 0 0 0 !important; /* Chỉ giữ lại khoảng cách phía trên */
}
/* ====================================================
GIAO DIỆN FAQ ACCORDION
==================================================== */
.custom-tour-tabs .tour-faq-wrapper {
display: flex;
flex-direction: column;
gap: 12px;
}
/* Từng khung câu hỏi */
.custom-tour-tabs .tour-faq-item {
background: #f8fafc;
border: 1px solid #e5e7eb;
border-radius: 8px;
overflow: hidden;
}
/* Ẩn mũi tên mặc định của trình duyệt */
.custom-tour-tabs .tour-faq-item summary {
list-style: none !important;
outline: none !important;
}
.custom-tour-tabs .tour-faq-item summary::-webkit-details-marker {
display: none !important;
}
/* Giao diện thanh câu hỏi */
.custom-tour-tabs .tour-faq-question {
padding: 16px 20px;
font-weight: 600;
color: #000000 !important; /* Câu hỏi màu đen */
cursor: pointer;
position: relative;
display: block;
transition: background 0.3s;
font-size: 16px;
margin-bottom: 0 !important;
}
.custom-tour-tabs .tour-faq-question:hover {
background: #f1f5f9;
}
/* Tạo icon Dấu + và - */
.custom-tour-tabs .tour-faq-question::after {
content: "+";
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
color: #166534; /* Màu xanh thương hiệu */
font-weight: 400;
transition: transform 0.3s;
line-height: 1;
}
/* Đổi thành dấu - khi mở câu hỏi ra */
.custom-tour-tabs .tour-faq-item[open] .tour-faq-question::after {
content: "−";
transform: translateY(-50%) rotate(180deg);
}
/* Thay đổi nền câu hỏi khi đang mở */
.custom-tour-tabs .tour-faq-item[open] .tour-faq-question {
background: #f0fdf4; /* Xanh lá cực nhạt */
border-bottom: 1px solid #e5e7eb;
}
/* Nội dung đáp án */
.custom-tour-tabs .tour-faq-answer {
padding: 16px 20px;
color: #000000 !important; /* Đáp án màu đen */
font-size: 15px;
line-height: 1.6;
background: #ffffff;
}/* End custom CSS */