/* * Công Đoàn Tour — stylesheet widget (tách từ export/styles.css). * KHÔNG chứa CSS topbar / footer / hero — xem cdt-theme-parts.css (dành cho theme). * Reset gốc của bản tĩnh được scope vào .cdt để không phá theme. */ :root{ --navy:#0066B3; --navy-dark:#005694; --ink:#0D4D78; --orange:#F58220; --orange-dark:#DC6F13; --orange-soft:#FBA85F; --orange-pale:#FFD9B0; --tint:#FFF3E8; --grey:#6b7683; --grey-2:#98a2ac; --line:#e6ecf2; --bg:#f6f8fb; --red:#e2231a; --wrap:1360px; } .cdt{font-family:'Be Vietnam Pro',Helvetica,Arial,sans-serif;color:#2b2b2b;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5} .cdt,.cdt *,.cdt *::before,.cdt *::after{box-sizing:border-box} .cdt a{color:inherit;text-decoration:none} .cdt a:hover{color:var(--orange)} .cdt img{display:block;max-width:100%;border:0} .cdt h1,.cdt h2,.cdt h3,.cdt h4,.cdt p{margin:0} .cdt ul{margin:0;padding:0;list-style:none} .cdt button{font-family:inherit} .cdt ::selection{background:#fde0c6} @keyframes cdtFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}} .cdt .wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px} .cdt .sec{padding:30px 0 0} .cdt .sec--bg{background:var(--bg);margin-top:64px;padding:62px 0} .cdt .sec-head{text-align:center;margin-bottom:10px} /* Giá trị lấy từ biến --h2-* (Tour du lịch → Cài đặt → Tiêu đề section, in inline ở wp_head); * fallback trong var() = đúng thiết kế gốc khi chưa cấu hình. */ .cdt .sec-head h2{display:inline-block;margin:0 auto;padding:var(--h2-pad,14px 42px);border-radius:var(--h2-radius,10px);background:var(--h2-bg,linear-gradient(135deg,var(--navy) 0%,#2B93D8 45%,var(--orange) 100%));box-shadow:var(--h2-shadow,0 12px 26px rgba(0,102,179,.22));font-family:Montserrat,sans-serif;font-size:var(--h2-size,30px);line-height:1.25;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--h2-color,#fff)} .cdt .sec-head{animation:aosUp .7s cubic-bezier(.2,.7,.3,1) both} @keyframes aosUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}} @media (prefers-reduced-motion:reduce){.cdt .sec-head{animation:none}} .cdt .sec-head--noanim{animation:none} .cdt .sec-head--plain h2{background:none;box-shadow:none;color:var(--navy);padding:0;border-radius:0} .cdt .sec-head p{margin-top:10px;color:var(--grey);font-size:15.5px} .cdt .sec-head .rule{display:none} .cdt .btn{display:inline-block;padding:13px 34px;border-radius:40px;font-weight:700;font-size:14.5px} .cdt .btn--fill{background:var(--navy);color:#fff} .cdt .btn--fill:hover{background:var(--orange);color:#fff} .cdt .btn--orange{background:var(--orange);color:#fff} .cdt .btn--orange:hover{background:var(--navy);color:#fff} .cdt .btn--ghost{border:1.5px solid var(--navy);color:var(--navy)} .cdt .btn--ghost:hover{background:var(--navy);color:#fff} /* nút "Xem tất cả" (trait Has_View_All_Button) */ .cdt .btn--solid{background:var(--navy);color:#fff} .cdt .btn--solid:hover{background:var(--orange);color:#fff} .cdt .btn--text{padding:0;border-radius:0;background:none;color:var(--orange);font-weight:700;text-transform:uppercase;letter-spacing:.4px} .cdt .btn--text i{font-style:normal;margin-left:7px;display:inline-block;transition:transform .2s ease} .cdt .btn--text:hover{color:var(--navy)} .cdt .btn--text:hover i{transform:translateX(4px)} .cdt .center{text-align:center;margin-top:34px} /* header (widget B1 — topbar KHÔNG thuộc plugin) * Bố cục điều khiển bằng CSS variable (widget Elementor set qua selectors): * --cdt-header-gap khoảng cách các cụm (mặc định 28px) * --cdt-logo-ml/mr logo sát trái (mr:auto đẩy phần còn lại sang phải) / logo giữa * --cdt-nav-flex-base flex của .nav theo bố cục; --cdt-nav-flex là override của toggle "chiếm hết khoảng trống" * --cdt-nav-justify căn item trong menu; --cdt-wrap-wrap/justify cho bố cục xếp chồng */ .cdt .header{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 2px 14px rgba(0,102,179,.12)} .cdt .header--static{position:relative;top:auto} .cdt .header .wrap{position:relative;display:flex;align-items:center;flex-wrap:var(--cdt-wrap-wrap,nowrap);justify-content:var(--cdt-wrap-justify,flex-start);gap:var(--cdt-header-gap,28px);padding:10px 16px} .cdt .logo{flex:0 0 auto;display:block;width:var(--cdt-logo-w,190px);height:var(--cdt-logo-h,64px);margin-left:var(--cdt-logo-ml,0);margin-right:var(--cdt-logo-mr,auto)} .cdt .logo img{width:100%;height:100%;object-fit:contain} /* Logo kép: desktop/mobile đổi bằng breakpoint — ảnh display:none có loading=lazy nên không bị tải */ .cdt .logo .cdt-logo--mobile{display:none} @media (max-width:640px){ .cdt .logo .cdt-logo--desktop{display:none} .cdt .logo .cdt-logo--mobile{display:block} } /* ---- Cách dàn thanh menu (control nav_layout — class trên khung header widget). * Chỉ áp khi menu CHƯA thu gọn ☰ (guard :not(.header--collapsed)) — dưới breakpoint * thu gọn giữ nguyên layout logo trái · search + ☰ phải. Mega panel neo vào .wrap * (left/right 0) nên không lệch khi đổi cách dàn. ---- */ .cdt-head--split .cdt .cdt-header:not(.header--collapsed) .logo{margin-right:auto} .cdt-head--split .cdt .cdt-header:not(.header--collapsed) .nav{flex:0 1 auto} /* Căn đều 2 lề: .wrap giữ max-width 1360 + padding 0 16px rồi mới chia — menu không chạm mép cửa sổ. * space-evenly tự chia, gap là SÀN tối thiểu; tràn chỗ → giữ gap sàn + cuộn ngang, không đè hotline/search. */ .cdt-head--justify .cdt .cdt-header:not(.header--collapsed) .wrap{justify-content:space-between} .cdt-head--justify .cdt .cdt-header:not(.header--collapsed) .logo{margin-right:0} .cdt-head--justify .cdt .cdt-header:not(.header--collapsed) .nav{flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:thin} .cdt-head--justify .cdt .cdt-header:not(.header--collapsed) .nav>ul{justify-content:space-evenly;gap:var(--cdt-nav-min-gap,14px)} .cdt-head--center-nav .cdt .cdt-header:not(.header--collapsed) .logo{margin-right:0} .cdt-head--center-nav .cdt .cdt-header:not(.header--collapsed) .nav{flex:1 1 auto;min-width:0} .cdt-head--center-nav .cdt .cdt-header:not(.header--collapsed) .nav>ul{justify-content:center} .cdt-head--center-all .cdt .cdt-header:not(.header--collapsed) .wrap{justify-content:center} .cdt-head--center-all .cdt .cdt-header:not(.header--collapsed) .logo{margin-right:0} .cdt-head--center-all .cdt .cdt-header:not(.header--collapsed) .nav{flex:0 1 auto;min-width:0} .cdt-head--center-all .cdt .cdt-header:not(.header--collapsed) .nav>ul{justify-content:center} .cdt .iconbtn{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #e2e9f0;border-radius:50%;background:#fff;color:var(--navy);font-size:17px;cursor:pointer} .cdt .iconbtn svg{width:20px;height:20px;display:block}/* icon SVG stroke currentColor — nét đều, canh giữa chính xác */ .cdt .iconbtn:hover{border-color:var(--orange);color:var(--orange)} .cdt .searchbar{position:absolute;top:100%;left:0;right:0;z-index:70;border-top:1px solid #eef2f6;background:#fff;box-shadow:0 18px 34px rgba(0,102,179,.14);animation:cdtFadeUp .18s ease both} .cdt .searchbar[hidden]{display:none} .cdt .searchbar .wrap{display:flex;gap:10px;padding:16px} .cdt .searchbar input{flex:1 1 auto;min-width:0;border:1px solid #dde5ec;border-radius:40px;padding:13px 20px;font-family:inherit;font-size:15px;outline:none;background:#fafbfc} .cdt .searchbar__go{flex:0 0 auto;border:0;cursor:pointer;background:var(--orange);color:#fff;font-size:14.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:13px 30px;border-radius:40px} .cdt .searchbar__go:hover{background:var(--navy)} .cdt .nav__mega{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:24px 26px 22px;border-top:3px solid var(--orange);box-shadow:0 22px 46px rgba(0,0,0,.18);border-radius:0 0 8px 8px;animation:cdtFadeUp .18s ease both;grid-template-columns:repeat(var(--cols,4),1fr);gap:10px 22px;z-index:5} .cdt .nav li.open .nav__mega{display:grid} .cdt .nav__mega h4{font-size:13.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--orange);padding-bottom:9px;border-bottom:1px solid #eef2f6;margin-bottom:10px} .cdt .nav__mega a{display:block;padding:7px 0;font-size:13.8px;font-weight:500;color:#3b3b3b} .cdt .nav__mega a:hover{color:var(--orange)} .cdt .nav{flex:var(--cdt-nav-flex,var(--cdt-nav-flex-base,0 1 auto));min-width:0} .cdt .nav>ul{display:flex;align-items:center;justify-content:var(--cdt-nav-justify,flex-start);gap:22px;font-size:14.5px;font-weight:600;text-transform:uppercase;letter-spacing:.2px} .cdt .nav li{position:relative;padding:18px 0;cursor:pointer;white-space:nowrap;list-style:none} .cdt .nav li>span{display:flex;align-items:center;gap:6px;color:var(--ink)} .cdt .nav li:hover>span{color:var(--orange)} .cdt .nav li>span i{font-style:normal;font-size:9px;opacity:.6} .cdt .nav__sub{display:none;position:absolute;top:100%;left:-18px;background:#fff;min-width:250px;padding:10px 0;border-top:3px solid var(--orange);box-shadow:0 18px 40px rgba(0,0,0,.16);border-radius:0 0 6px 6px;animation:cdtFadeUp .18s ease both;z-index:5} .cdt .nav li.open .nav__sub{display:block} .cdt .nav__sub a{display:block;padding:9px 20px;font-size:13.5px;font-weight:500;text-transform:none;color:#3b3b3b;border-left:3px solid transparent} .cdt .nav__sub a:hover{background:var(--tint);color:var(--orange);border-left-color:var(--orange)} /* mega menu v2.1: tiêu đề nhóm có link, badge, cột banner ảnh, ẩn mobile */ .cdt .nav__mega h4 a{display:inline;padding:0;font-size:inherit;font-weight:inherit;color:inherit} .cdt .nav__mega h4 a:hover{color:var(--orange-dark)} .cdt .nav__badge{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:20px;background:var(--orange);color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;vertical-align:middle;line-height:1.4} .cdt .nav__mega-col--image a{padding:0} .cdt .nav__mega-col--image a:hover{opacity:.92} .cdt .nav__mega-col--image img{width:100%;height:100%;min-height:170px;object-fit:cover;border-radius:8px;display:block} /* --------------------------------------------------------------------- * v2.1.3 — panel mega bị theme/Elementor reset nền (background:transparent) * và nằm dưới hero: selector specificity cao + z-index + stacking riêng. * Chỉ áp cho desktop (>1180) — mobile panel là khối static trong dropdown. * Các biến --cdt-mm-* do Style controls "Mega Menu" của widget set. * ------------------------------------------------------------------ */ .elementor-widget-cdt-header-menu{position:relative;z-index:100} .elementor-widget-cdt-header-menu > .elementor-widget-container{overflow:visible} .cdt .cdt-header{z-index:60;overflow:visible} /* Trạng thái header do JS quản bằng class theo breakpoint cấu hình được * (control "Breakpoint thu gọn menu"): mặc định KHÔNG collapsed = desktop. * Không dùng media query cứng để breakpoint đổi được per-widget. */ .cdt .cdt-header:not(.header--collapsed) .nav{position:static} .cdt .cdt-header:not(.header--collapsed) .nav li.has-mega{position:static} /* Bịt khoảng trống giữa đáy li và đỉnh panel (panel neo vào .wrap nên * có gap bằng phần chênh chiều cao logo/wrap so với li). */ .cdt .cdt-header:not(.header--collapsed) .nav li.has-mega > span{padding-bottom:18px;margin-bottom:-18px} .cdt .cdt-header:not(.header--collapsed) .nav li.has-mega::after{ content:'';position:absolute;left:0;right:0;top:100%; height:calc(var(--cdt-mm-offset,0px) + 12px); display:none;/* chỉ hiện ở item đang mở — tránh cầu nối các item đè nhau */ } .cdt .cdt-header:not(.header--collapsed) .nav li.has-mega:hover::after, .cdt .cdt-header:not(.header--collapsed) .nav li.has-mega.open::after{display:block} .cdt .cdt-header:not(.header--collapsed) .nav li.has-mega > .nav__mega{ position:absolute; top:calc(100% + var(--cdt-mm-offset,0px));left:0;right:0; margin-top:0; display:none; grid-template-columns:repeat(var(--cols,4),1fr); gap:10px var(--cdt-mm-colgap,22px); padding:var(--cdt-mm-padding,24px 26px 22px); background:var(--cdt-mm-bg,#fff);/* KHÔNG transparent/inherit */ background-clip:padding-box; border-top:var(--cdt-mm-bw,3px) solid var(--cdt-mm-bc,var(--orange,#F58220)); border-radius:var(--cdt-mm-radius,0 0 8px 8px); box-shadow:0 22px 46px rgba(0,0,0,.18); z-index:var(--cdt-mm-z,999); isolation:isolate; } /* Panel mở/đóng do JS quản qua .open (hover-intent). */ .cdt .cdt-header:not(.header--collapsed) .nav li.has-mega.open > .nav__mega{display:grid} .cdt .cdt-header:not(.header--collapsed) .nav .nav__sub{background:#fff;z-index:var(--cdt-mm-z,999)} /* ---- Trạng thái thu gọn (burger) — JS thêm .header--collapsed khi ≤ breakpoint ---- */ .cdt .header--collapsed .wrap{gap:var(--cdt-header-gap,12px)} .cdt .header--collapsed .burger{display:flex} .cdt .header--collapsed .nav{flex:none;display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:4px 0;box-shadow:0 18px 34px rgba(0,0,0,.16);max-height:72vh;overflow-y:auto;z-index:65} .cdt .header--collapsed .nav.open{display:block} .cdt .header--collapsed .nav>ul{flex-direction:column;align-items:stretch;gap:0} .cdt .header--collapsed .nav li{padding:0;border-bottom:1px solid #f1f4f7;white-space:normal;position:relative} .cdt .header--collapsed .nav li>span{padding:14px 18px;justify-content:center;gap:8px;text-align:center;margin-bottom:0} .cdt .header--collapsed .nav a{text-align:center} .cdt .header--collapsed .nav li.has-mega::after{display:none} .cdt .header--collapsed .nav__sub, .cdt .header--collapsed .nav__mega{position:static;min-width:0;border-top:0;box-shadow:none;background:#f7f9fb;border-radius:0;padding:4px 0;animation:none;z-index:auto;isolation:auto} .cdt .header--collapsed .nav li.open .nav__mega{display:grid;grid-template-columns:1fr;gap:0;text-align:center;padding:6px 0 10px} .cdt .header--collapsed .nav__mega h4{border-bottom:0;padding:10px 18px 4px;margin-bottom:0} .cdt .header--collapsed .nav__mega a{padding:6px 18px} .cdt .header--collapsed .nav__mega-col--image img{min-height:120px} .cdt .hotline{flex:0 0 auto;white-space:nowrap;display:flex;align-items:center;gap:10px;background:var(--orange);color:#fff;padding:10px 18px;border-radius:40px;font-weight:700;box-shadow:0 8px 18px rgba(245,130,32,.35)} .cdt .hotline:hover{background:var(--orange-dark);color:#fff} .cdt .hotline i{font-style:normal;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.24);display:flex;align-items:center;justify-content:center;font-size:12px} .cdt .hotline b{font-size:16px;font-weight:700} .cdt .burger{display:none;flex:0 0 auto;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #e2e9f0;border-radius:8px;background:#fff;color:var(--navy);font-size:20px;cursor:pointer} /* grids + cards */ .cdt .grid{display:grid;gap:22px} .cdt .grid--2{grid-template-columns:repeat(2,1fr)} .cdt .grid--3{grid-template-columns:repeat(3,1fr)} .cdt .grid--4{grid-template-columns:repeat(4,1fr)} .cdt .promo{position:relative;display:block;border-radius:10px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.1)} .cdt .promo:hover{box-shadow:0 16px 34px rgba(245,130,32,.28)} .cdt .promo img{width:100%;height:210px;object-fit:cover} .cdt .promo__veil{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,0) 60%)} .cdt .promo__txt{position:absolute;left:18px;right:18px;bottom:16px;color:#fff} .cdt .promo__txt small{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--orange-pale)} .cdt .promo__txt strong{display:block;font-family:Montserrat,sans-serif;font-size:19px;margin-top:4px} .cdt .sub-title{font-size:17px;font-weight:700;text-transform:uppercase;color:var(--orange);letter-spacing:.6px;margin:0 0 16px} .cdt .card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 16px rgba(0,102,179,.1);display:flex;flex-direction:column} .cdt .card:hover{box-shadow:0 16px 34px rgba(0,102,179,.2)} .cdt .card--line{border:1px solid #ededed;box-shadow:none} .cdt .card--line:hover{border-color:#fff;box-shadow:0 16px 34px rgba(0,102,179,.16)} .cdt .card__media{position:relative;display:block} .cdt .card__media img{width:100%;height:186px;object-fit:cover} .cdt .badge{position:absolute;top:12px;left:12px;background:var(--red);color:#fff;font-size:12px;font-weight:700;padding:5px 10px;border-radius:4px} .cdt .chip{position:absolute;bottom:12px;left:12px;background:var(--orange);color:#fff;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:5px 10px;border-radius:3px} .cdt .chip--navy{background:var(--navy)} .cdt .card__body{padding:15px 16px 18px;display:flex;flex-direction:column;flex:1 1 auto} .cdt .card__body h3{font-size:15px;line-height:1.45;font-weight:700;color:var(--ink)} .cdt .card--tour .card__body h3{min-height:66px} .cdt .meta{margin-top:10px;font-size:13.5px;color:var(--grey)} .cdt .date{font-size:12.5px;color:var(--grey-2)} .cdt .excerpt{margin-top:9px;font-size:13.5px;line-height:1.6;color:var(--grey);text-wrap:pretty} .cdt .more{margin-top:auto;padding-top:13px;font-size:13px;font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:.4px} .cdt .price{margin-top:12px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 9px} .cdt .price b{font-family:Montserrat,sans-serif;font-size:20px;font-weight:800;color:var(--red)} .cdt .price s{font-size:13.5px;color:var(--grey-2)} .cdt .card__cta{margin-top:14px;display:block;text-align:center;background:var(--orange);color:#fff;padding:11px;border-radius:40px;font-size:13.5px;font-weight:700;text-transform:uppercase} .cdt .card__cta:hover{background:var(--navy);color:#fff} .cdt .blog__meta{display:flex;align-items:center;gap:10px;font-size:12.5px} .cdt .blog__cat{color:var(--orange);font-weight:700;text-transform:uppercase;letter-spacing:.5px} .cdt .tile{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:4/3;display:block} .cdt .tile img{width:100%;height:100%;object-fit:cover;object-position:center} .cdt .tile__veil{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,74,128,.78),rgba(0,74,128,0) 58%)} .cdt .tile span{position:absolute;left:14px;right:14px;bottom:13px;color:#fff;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;line-height:1.3;overflow-wrap:break-word} .cdt .tile:hover{box-shadow:0 14px 30px rgba(0,102,179,.28)} /* Khách hàng tiêu biểu: tỉ lệ ngang 4:3 thay chiều cao cố định 230px */ .cdt .tile--tall{aspect-ratio:4/3;height:auto} .cdt .tile--tall span{font-family:'Be Vietnam Pro',sans-serif;font-size:15.5px} .cdt .quote{background:#fff;border:1px solid #ececec;border-radius:10px;padding:26px 28px;display:flex;flex-direction:column;gap:14px} .cdt .quote h3{font-family:Montserrat,sans-serif;font-size:17px;font-weight:800;text-transform:uppercase;color:var(--orange)} .cdt .quote p{font-size:14.8px;line-height:1.75;color:#4a5560;font-style:italic;text-wrap:pretty} .cdt .quote__who{display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:6px} .cdt .quote__who img{width:52px;height:52px;border-radius:50%;object-fit:cover} .cdt .quote__who b{color:var(--ink);font-size:15px} .cdt .quote__who small{display:block;font-size:12.8px;color:#8b96a1} .cdt .partner{border:1px solid #ececec;border-radius:8px;height:84px;padding:12px;text-align:center;display:flex;align-items:center;justify-content:center;font-family:Montserrat,sans-serif;font-weight:800;font-size:13.5px;line-height:1.3;color:#9aa5b0;letter-spacing:.5px;background:#fafbfc} .cdt .partner span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}/* tên dài xuống tối đa 2 dòng */ .cdt .partner img{max-height:100%;object-fit:contain} .cdt .pledge{text-align:center;padding:30px 24px;border:1px solid #ececec;border-radius:10px} .cdt .pledge:hover{border-color:var(--orange);box-shadow:0 14px 30px rgba(245,130,32,.14)} .cdt .pledge i{font-style:normal;width:66px;height:66px;margin:0 auto 16px;border-radius:50%;background:#fff1ea;display:flex;align-items:center;justify-content:center;font-size:26px} .cdt .pledge h3{font-family:Montserrat,sans-serif;font-size:16.5px;font-weight:800;text-transform:uppercase;color:var(--navy)} .cdt .pledge p{margin-top:11px;font-size:14.2px;line-height:1.7;color:var(--grey);text-wrap:pretty} /* ===== Trang danh mục tour (archive) — copy từ export/styles.css, scope .cdt ===== */ .cdt .cover{position:relative;height:340px;overflow:hidden;background:#004A80} .cdt .cover img{width:100%;height:100%;object-fit:cover} .cdt .cover__veil{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,32,54,.72) 0%,rgba(4,32,54,.15) 65%)} .cdt .cover__body{position:absolute;inset:0;display:flex;align-items:flex-end} .cdt .cover__body .wrap{padding-bottom:30px;width:100%} .cdt .crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:13.5px;color:rgba(255,255,255,.85);margin-bottom:12px} .cdt .crumbs span{opacity:.6} .cdt .crumbs b{color:#fff;font-weight:600} .cdt .crumbs a:hover{color:var(--orange-pale)} .cdt .cover h1{font-family:Montserrat,sans-serif;font-size:38px;font-weight:800;text-transform:uppercase;color:#fff;text-shadow:0 4px 26px rgba(0,0,0,.4)} /* Trang tour hot (v2.17): dòng đếm + mô tả ngắn dưới H1. */ .cdt .cover__count{margin-top:7px;font-weight:700;font-size:14px;color:var(--orange-pale,#ffd9c4)} .cdt .cover__desc{margin-top:8px;max-width:760px;font-size:14.5px;line-height:1.65;color:rgba(255,255,255,.92)} .cdt .archive{display:grid;grid-template-columns:300px minmax(0,1fr);gap:30px;align-items:start;padding-top:30px} .cdt .archive__main{min-width:0} .cdt .filter{position:sticky;top:100px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff} .cdt .filter__head{background:var(--navy);color:#fff;padding:15px 20px;font-family:Montserrat,sans-serif;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.5px} .cdt .filter__box{padding:18px 20px;border-bottom:1px solid #eef2f6} .cdt .filter__box:last-child{border-bottom:0} .cdt .filter__label{font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--grey-2);margin-bottom:12px} .cdt .filter__list{display:flex;flex-direction:column;gap:11px} .cdt .filter select{width:100%;border:1px solid #dde5ec;border-radius:8px;padding:11px 12px;font-family:inherit;font-size:14.2px;color:#3b3b3b;background:#fafbfc;outline:none} .cdt .filter__reset{margin-top:16px;width:100%;text-align:center;cursor:pointer;background:none} .cdt .check{display:flex;align-items:center;gap:10px;font-size:14.2px;color:#3b3b3b;cursor:pointer} .cdt .check:hover{color:var(--orange)} .cdt .check__box{flex:0 0 auto;width:18px;height:18px;border-radius:4px;border:1.5px solid #cfd8e0;background:#fff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800} .cdt .check.is-on .check__box{background:var(--orange);border-color:var(--orange)} .cdt .check__dot{flex:0 0 auto;width:17px;height:17px;border-radius:50%;border:1.5px solid #cfd8e0;position:relative} .cdt .check__dot::after{content:'';position:absolute;inset:3px;border-radius:50%;background:transparent} .cdt .check.is-on .check__dot{border-color:var(--orange)} .cdt .check.is-on .check__dot::after{background:var(--orange)} .cdt .dest__head{width:100%;border:0;background:none;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:8px;padding:9px 0;text-align:left;font-size:14.2px;font-weight:700;color:var(--ink)} .cdt .dest__head i{font-style:normal;font-size:10px;color:var(--orange)} .cdt .dest__items{display:flex;flex-direction:column;gap:8px;padding:4px 0 8px 18px} .cdt .dest__items[hidden]{display:none} .cdt .dest__items a{font-size:13.8px;color:#3b3b3b;font-weight:500} .cdt .dest__items a:hover,.cdt .dest__items a.is-active{color:var(--orange);font-weight:700} .cdt .rule--left{width:58px;height:4px;background:var(--orange);border-radius:3px;margin:12px 0 20px;display:block} .cdt .why{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .cdt .why__item{border:1px solid var(--line);border-radius:10px;padding:20px 18px;text-align:center} .cdt .why__item:hover{border-color:var(--orange);box-shadow:0 14px 30px rgba(245,130,32,.12)} .cdt .why__icon{width:54px;height:54px;margin:0 auto 12px;border-radius:50%;background:var(--tint);color:var(--orange);display:flex;align-items:center;justify-content:center;font-size:22px} .cdt .why__icon svg{width:22px;height:22px;fill:currentColor} .cdt .why__title{font-family:Montserrat,sans-serif;font-size:14.5px;font-weight:800;color:var(--navy);line-height:1.35} .cdt .why__item p{margin-top:8px;font-size:13.2px;line-height:1.65;color:var(--grey)} .cdt .resultbar{margin:30px 0 18px;display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;padding:16px 20px;background:var(--bg);border-radius:10px} .cdt .resultbar>div:first-child{flex:1 1 auto;min-width:0;font-size:15px;color:#4a5560} .cdt .resultbar strong{color:var(--red);font-size:17px} .cdt .resultbar__sort{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--grey)} .cdt .resultbar__sort select{border:1px solid #dde5ec;border-radius:40px;padding:9px 16px;font-family:inherit;font-size:13.8px;color:var(--ink);background:#fff;outline:none;cursor:pointer} .cdt .grp{margin-bottom:34px} .cdt .grp__head{display:flex;align-items:baseline;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #eef2f6} .cdt .grp__head h3{font-family:Montserrat,sans-serif;font-size:17px;font-weight:800;text-transform:uppercase;color:var(--orange)} .cdt .grp__head span{font-size:13.5px;color:var(--grey-2)} .cdt .card__days{position:absolute;bottom:12px;left:12px;background:rgba(4,32,54,.72);color:#fff;font-size:12px;font-weight:700;padding:5px 10px;border-radius:4px} .cdt .pager{display:flex;justify-content:center;align-items:center;gap:8px;margin:10px 0 6px} .cdt .pager a{min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:14.2px;font-weight:700} .cdt .pager a:hover{border-color:var(--orange);color:var(--orange)} .cdt .pager a.is-active{background:var(--orange);border-color:var(--orange);color:#fff} .cdt .termnote{margin-top:30px;background:var(--bg);border-radius:12px;padding:26px 28px} .cdt .termnote h2{font-family:Montserrat,sans-serif;font-size:20px;font-weight:800;text-transform:uppercase;color:var(--navy)} .cdt .termnote p{font-size:15px;line-height:1.85;color:#4a5560;text-wrap:pretty} .cdt .empty{padding:38px 24px;text-align:center;font-size:15px;color:var(--grey);background:var(--bg);border-radius:10px} /* trang kết quả tìm kiếm */ .cdt .search-head{background:var(--bg);padding:34px 0} .cdt .search-head .crumbs{color:var(--grey);margin-bottom:12px} .cdt .search-head .crumbs b{color:var(--ink)} .cdt .search-head .crumbs a:hover{color:var(--orange)} .cdt .search-head h1{font-family:Montserrat,sans-serif;font-size:30px;font-weight:800;color:var(--navy);text-wrap:pretty} .cdt .search-head__form{display:flex;gap:10px;margin-top:18px;max-width:640px} .cdt .search-head__form input[type="search"]{flex:1 1 auto;min-width:0;border:1px solid #dde5ec;border-radius:40px;padding:13px 20px;font-family:inherit;font-size:15px;outline:none;background:#fff} .cdt .search-head__form button{flex:0 0 auto;border:0;cursor:pointer;background:var(--orange);color:#fff;font-size:14.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:13px 30px;border-radius:40px} .cdt .search-head__form button:hover{background:var(--navy)} .cdt .search-head__count{margin-top:14px;font-size:15px;color:#4a5560} .cdt .search-head__count strong{color:var(--red)} .cdt .search-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px} .cdt .search-chips a{display:inline-block;padding:8px 16px;border:1.5px solid var(--orange);border-radius:30px;color:var(--orange);font-size:13.5px;font-weight:700} .cdt .search-chips a:hover{background:var(--orange);color:#fff} /* dropdown gợi ý tức thời dưới ô tìm kiếm header */ .cdt .searchbar__suggest{position:absolute;top:100%;left:0;right:0;background:#fff;border-top:3px solid var(--orange);border-radius:0 0 8px 8px;box-shadow:0 22px 46px rgba(0,0,0,.18);z-index:80;max-height:70vh;overflow-y:auto} .cdt .searchbar__suggest[hidden]{display:none} .cdt .searchbar__suggest .sg__group{padding:10px 20px 4px;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--grey-2)} .cdt .searchbar__suggest a{display:flex;align-items:center;gap:12px;padding:9px 20px;font-size:14px;color:#3b3b3b} .cdt .searchbar__suggest a:hover,.cdt .searchbar__suggest a.is-active{background:var(--tint);color:var(--orange)} .cdt .searchbar__suggest img{flex:0 0 auto;width:60px;height:44px;border-radius:6px;object-fit:cover} .cdt .searchbar__suggest .sg__price{margin-left:auto;font-family:Montserrat,sans-serif;font-weight:800;font-size:13.5px;color:var(--red);white-space:nowrap} .cdt .searchbar__suggest .sg__all{border-top:1px solid #eef2f6;font-weight:700;color:var(--navy);justify-content:center} @media (max-width:1180px){ .cdt .archive{grid-template-columns:1fr} .cdt .filter{position:static} .cdt .why{grid-template-columns:repeat(2,1fr)} } @media (max-width:640px){ .cdt .why{grid-template-columns:1fr} .cdt .cover{height:220px} .cdt .cover h1{font-size:26px} } /* footer (widget B — theo .footer trong export/index.html; biến --cdt-footer-* do Style controls set) */ .cdt .footer{background:var(--cdt-footer-bg,var(--navy-dark));color:var(--cdt-footer-color,rgba(255,255,255,.86));padding:var(--cdt-footer-pt,54px) 0 0;font-size:14px} .cdt .footer .footer__cols{max-width:var(--wrap);margin:0 auto;padding:0 16px;display:grid;grid-template-columns:var(--cdt-footer-grid,1.5fr 1fr 1fr 1.2fr);gap:34px} .cdt .footer h4{color:var(--cdt-footer-title,#fff);font-family:Montserrat,sans-serif;font-size:15px;font-weight:800;text-transform:uppercase;margin:0 0 16px} .cdt .footer ul{display:flex;flex-direction:column;gap:11px;opacity:.88} .cdt .footer__brand{display:flex;flex-direction:column;gap:11px} /* Logo footer (v2.19): KHÔNG khoá cứng kích thước — control Elementor / Cài đặt ghi * biến, chiều cao tự theo tỉ lệ ảnh nên logo ngang dài hay vuông đều không méo. */ .cdt .footer__logo{margin-bottom:var(--cdt-footer-logo-mb,10px);text-align:var(--cdt-footer-logo-align,left)} .cdt .footer__logo img{width:var(--cdt-footer-logo-w,210px);height:auto;max-width:100%;max-height:var(--cdt-footer-logo-maxh,80px);object-fit:contain} .cdt .footer__brand strong{color:#fff;text-transform:uppercase;line-height:1.5} .cdt .footer__brand p{line-height:1.75;opacity:.85} .cdt .footer__hot{margin-top:4px;font-family:Montserrat,sans-serif;font-size:20px;font-weight:800;color:var(--cdt-footer-hot,var(--orange-soft))} .cdt .footer__hot a{color:inherit} .cdt .footer .news{display:flex;margin-top:14px;background:rgba(255,255,255,.12);border-radius:40px;padding:4px} .cdt .footer .news input{flex:1 1 auto;border:0;background:transparent;color:#fff;padding:10px 16px;font-family:inherit;font-size:14px;outline:none;min-width:0} .cdt .footer .news button{border:0;cursor:pointer;background:var(--orange);color:#fff;font-weight:700;font-size:13.5px;padding:10px 20px;border-radius:40px} .cdt .footer .news button:hover{background:var(--orange-dark)} .cdt .footer .social{display:flex;gap:10px} .cdt .footer .social a{width:38px;height:38px;border-radius:50%;background:var(--cdt-footer-social,rgba(255,255,255,.14));display:flex;align-items:center;justify-content:center;font-weight:700} .cdt .footer .social a:hover{background:var(--cdt-footer-social-h,var(--orange));color:#fff} .cdt .footer .social a svg{width:16px;height:16px;fill:currentColor} .cdt .footer .copyright{margin-top:44px;border-top:1px solid var(--cdt-footer-line,rgba(255,255,255,.14));padding:18px 16px var(--cdt-footer-pb,18px);text-align:center;font-size:13px;opacity:.75} @media (max-width:900px){ .cdt .footer .footer__cols{grid-template-columns:1fr} } /* sticky sidebar trang chi tiết tour — gắn class qua Advanced → CSS Classes: * "tour-layout" cho section 2 cột, "tour-sidebar" cho CỘT sidebar (không gắn từng widget). * align-self:flex-start bỏ stretch của cột để sticky có chỗ chạy trong hàng cao hơn. */ .tour-layout > .elementor-container, .tour-layout.e-con{align-items:flex-start} .tour-layout, .tour-layout > .elementor-container{overflow:visible} .elementor-column.tour-sidebar, .tour-sidebar{position:sticky;top:100px;align-self:flex-start} .tour-sidebar .elementor-widget-wrap{overflow:visible} @media (max-width:1024px){ .elementor-column.tour-sidebar, .tour-sidebar{position:static} } /* carousel */ .cdt .car{position:relative} /* touch-action:pan-y — cuộn dọc trang vẫn mượt, gesture ngang giao cho JS kéo trang */ .cdt .car__view{overflow:hidden;padding:4px;touch-action:pan-y;cursor:grab} .cdt .car.is-dragging .car__view{cursor:grabbing} .cdt .car.is-dragging a{pointer-events:none} .cdt .car__track{display:flex;transition:transform var(--cdt-carousel-speed,.5s) cubic-bezier(.4,0,.2,1)} /* Guard trước khi JS gán bề rộng tile: không cho tile nở theo bề rộng tự nhiên * của ảnh (600px+) làm box 4:3 cao vọt + bị overflow cắt trông như ảnh kéo dãn. */ .cdt .car__track>*{flex:0 0 auto;max-width:100%;min-width:0} .cdt .car__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid #e2e9f0;background:#fff;color:var(--navy);font-size:17px;cursor:pointer;box-shadow:0 6px 18px rgba(0,102,179,.18);z-index:2} .cdt .car__nav:hover{background:var(--orange);color:#fff;border-color:var(--orange)} .cdt .car__nav--prev{left:-18px} .cdt .car__nav--next{right:-18px} .cdt .car__dots{display:flex;justify-content:center;gap:7px;margin-top:16px} .cdt .car__dots button{width:10px;height:5px;border:0;padding:0;border-radius:3px;cursor:pointer;background:#d7dfe7} .cdt .car__dots button.on{width:26px;background:var(--orange)} /* ===== Carousel/Lưới hợp nhất qua biến --cdt-cols / --cdt-gap ===== * Elementor responsive control ghi biến theo breakpoint Elementor * (desktop >1024 · tablet 768–1024 · mobile ≤767). Widget Grid tour chọn * Lưới/Carousel độc lập từng breakpoint qua prefix class trên wrapper widget: * cdt-mode-grid · cdt-mode-tablet-grid · cdt-mode-mobile-grid (…-carousel). * MỘT markup duy nhất — không nhân đôi DOM/ảnh; Lưới = đổi track sang grid. */ .cdt .cdt-carwrap .car__track{gap:var(--cdt-gap,22px)} .cdt .cdt-carwrap .car__track>*{flex:0 0 calc((100% - (var(--cdt-cols,4) - 1)*var(--cdt-gap,22px))/var(--cdt-cols,4))} @media (min-width:1025px){ .cdt-mode-grid .cdt-carwrap .car__view{overflow:visible;padding:0;cursor:default;touch-action:auto} .cdt-mode-grid .cdt-carwrap .car__track{display:grid;grid-template-columns:repeat(var(--cdt-cols,4),minmax(0,1fr));transform:none!important;transition:none} .cdt-mode-grid .cdt-carwrap .car__nav, .cdt-mode-grid .cdt-carwrap .car__dots{display:none} } @media (min-width:768px) and (max-width:1024px){ .cdt-mode-tablet-grid .cdt-carwrap .car__view{overflow:visible;padding:0;cursor:default;touch-action:auto} .cdt-mode-tablet-grid .cdt-carwrap .car__track{display:grid;grid-template-columns:repeat(var(--cdt-cols,4),minmax(0,1fr));transform:none!important;transition:none} .cdt-mode-tablet-grid .cdt-carwrap .car__nav, .cdt-mode-tablet-grid .cdt-carwrap .car__dots{display:none} } @media (max-width:767px){ .cdt-mode-mobile-grid .cdt-carwrap .car__view{overflow:visible;padding:0;cursor:default;touch-action:auto} .cdt-mode-mobile-grid .cdt-carwrap .car__track{display:grid;grid-template-columns:repeat(var(--cdt-cols,4),minmax(0,1fr));transform:none!important;transition:none} .cdt-mode-mobile-grid .cdt-carwrap .car__nav, .cdt-mode-mobile-grid .cdt-carwrap .car__dots{display:none} } /* car--overlay: arrow "chồng mép" (mặc định) — tâm nút trùng mép track, 50% trong / * 50% ngoài; phần lòi ra nằm trong padding 16px của .wrap nên không bị cắt ở mép * màn hình và không tràn khỏi khung 1360px. Cấu trúc 2 lớp đã tách sẵn: * .car (position:relative, chứa arrow) / .car__view (overflow:hidden, chứa item); * .wrap không overflow nên arrow lòi mép không bị cắt. * Vị trí + kích thước điều khiển bằng biến --cdt-arrow-* (control của widget). */ .cdt .car.car--overlay{padding:0} .cdt .car--overlay .car__nav{width:var(--cdt-arrow-size,34px);height:var(--cdt-arrow-size,34px);top:var(--cdt-arrow-top,50%);border:1px solid rgba(0,102,179,.12);background:#fff;color:var(--navy);font-size:15px;box-shadow:0 3px 12px rgba(0,102,179,.22);z-index:3} .cdt .car--overlay .car__nav--prev{left:var(--cdt-arrow-prev-l,0);right:var(--cdt-arrow-prev-r,auto);transform:var(--cdt-arrow-tf-prev,translate(-50%,-50%))} .cdt .car--overlay .car__nav--next{left:auto;right:var(--cdt-arrow-next-r,0);transform:var(--cdt-arrow-tf-next,translate(50%,-50%))} .cdt .car--overlay .car__nav:hover{background:var(--orange);color:#fff;border-color:var(--orange)} /* Trang đầu/cuối (không loop): mờ + không bấm được */ .cdt .car__nav.is-disabled{opacity:.35;pointer-events:none;cursor:default} @media (max-width:900px){.cdt .car--overlay .car__nav{width:var(--cdt-arrow-size,32px);height:var(--cdt-arrow-size,32px)}} @media (max-width:640px){.cdt .car--overlay .car__nav{width:var(--cdt-arrow-size,30px);height:var(--cdt-arrow-size,30px);font-size:14px}} /* trang chi tiết tour */ .cdt .crumb{background:var(--bg);border-bottom:1px solid #ebeff4} .cdt .crumb .wrap{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--grey);padding:13px 16px;flex-wrap:wrap} .cdt .crumb b{color:var(--ink);font-weight:600} .cdt .detail-head{padding:30px 16px 0} .cdt .detail-head h1{font-family:Montserrat,sans-serif;font-size:34px;line-height:1.28;font-weight:800;color:var(--ink);text-wrap:pretty} .cdt .facts{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14.5px;color:var(--grey)} .cdt .facts span{display:flex;align-items:center;gap:8px} .cdt .facts i{font-style:normal;color:var(--orange)} .cdt .facts .flag{background:#eaf3e9;color:#2f7d32;padding:5px 12px;border-radius:30px;font-weight:700;font-size:13px} .cdt .detail{display:grid;grid-template-columns:minmax(0,1fr) 388px;gap:32px;align-items:start;padding:24px 16px 0;max-width:var(--wrap);margin:0 auto} .cdt .shot{border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,102,179,.14)} .cdt .shot img{width:100%;height:520px;object-fit:cover} .cdt .strip-wrap{position:relative;margin-top:12px} .cdt .strip{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:2px 0 4px} .cdt .strip::-webkit-scrollbar{height:0} .cdt .strip button{flex:0 0 150px;height:100px;border:2px solid transparent;padding:0;border-radius:8px;overflow:hidden;cursor:pointer;background:none} .cdt .strip button.on{border-color:var(--orange)} .cdt .strip img{width:100%;height:100%;object-fit:cover;opacity:.72} .cdt .strip button.on img{opacity:1} .cdt .strip-nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid #e2e9f0;background:#fff;color:var(--navy);font-size:16px;cursor:pointer;box-shadow:0 6px 16px rgba(0,102,179,.2);z-index:2} .cdt .strip-nav:hover{background:var(--orange);color:#fff;border-color:var(--orange)} .cdt .strip-nav--prev{left:-14px} .cdt .strip-nav--next{right:-14px} .cdt .lede{margin-top:30px;background:var(--bg);border-left:4px solid var(--orange);border-radius:8px;padding:22px 26px} .cdt .lede p{font-size:15.5px;line-height:1.85;color:#4a5560;text-wrap:pretty} .cdt .lede p+p{margin-top:14px;color:var(--ink);font-weight:600} .cdt .lede a{color:var(--orange)} .cdt .block{margin-top:44px} .cdt .block h2{font-family:Montserrat,sans-serif;font-size:24px;font-weight:800;text-transform:uppercase;color:var(--navy)} .cdt .block .rule{width:58px;height:4px;background:var(--orange);border-radius:3px;margin:12px 0 20px} .cdt .ticks{display:flex;flex-direction:column;gap:13px} .cdt .ticks li{display:flex;gap:12px;font-size:15.2px;line-height:1.75;color:#4a5560} .cdt .ticks i{font-style:normal;flex:0 0 auto;width:22px;height:22px;margin-top:3px;border-radius:50%;background:#fff1ea;color:var(--orange);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700} .cdt .food{margin-top:18px;background:var(--tint);border-radius:8px;padding:18px 22px} .cdt .food b{display:block;color:var(--ink);margin-bottom:8px} .cdt .food li{font-size:14.8px;color:#4a5560;line-height:1.7} .cdt .acc{display:flex;flex-direction:column;gap:12px} .cdt .acc__item{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff} .cdt .acc__head{width:100%;border:0;cursor:pointer;text-align:left;display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--bg);color:var(--ink)} .cdt .acc__item.on .acc__head{background:var(--navy);color:#fff} .cdt .acc__num{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:#e2e9f0;color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px} .cdt .acc__item.on .acc__num{background:var(--orange);color:#fff} .cdt .acc__title{flex:1 1 auto;font-size:15.5px;font-weight:700} .cdt .acc--days .acc__title{text-transform:uppercase;letter-spacing:.3px} .cdt .acc__caret{flex:0 0 auto;font-size:12px;opacity:.85} .cdt .acc__body{display:none;padding:20px 24px 24px;border-top:1px solid var(--line);animation:cdtFadeUp .2s ease both} .cdt .acc__item.on .acc__body{display:block} .cdt .acc .acc__item .acc__body[hidden]{display:none}/* hidden attr luôn thắng khi lệch trạng thái class */ .cdt .acc__body p{font-size:15px;line-height:1.85;color:#4a5560;margin-bottom:13px;text-wrap:pretty} .cdt .acc__body img{width:100%;height:300px;object-fit:cover;border-radius:8px;margin-top:6px} .cdt .acc__stay{margin-top:14px;font-size:14.5px;font-weight:700;color:var(--navy)} /* Lộ trình mở sẵn toàn bộ (acc--static): header là

tĩnh mang style trạng thái * "đang mở" (nền navy, số cam) — không cursor, không hover, không caret, không transition. */ .cdt .acc--static .acc__head{margin:0;font-size:inherit;cursor:default;background:var(--navy);color:#fff} .cdt .acc--static .acc__num{background:var(--orange);color:#fff} .cdt .acc--static .acc__body{display:block;animation:none} .cdt .acc__list{display:flex;flex-direction:column;gap:12px} .cdt .acc__list li{display:flex;gap:12px;font-size:15px;line-height:1.8;color:#4a5560} .cdt .acc__list i{font-style:normal;flex:0 0 auto;color:var(--orange);margin-top:1px} .cdt .tbl{border:1px solid var(--line);border-radius:10px;overflow:hidden} .cdt .tbl__row{display:grid;grid-template-columns:1fr 1.2fr 1.2fr 1.3fr 1.4fr 1fr;font-size:14.5px;border-top:1px solid #eef2f6} .cdt .tbl__row>div{padding:15px 16px;color:#4a5560} .cdt .tbl__row:nth-child(even){background:#fafbfc} .cdt .tbl__row--head{background:var(--navy);color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;border-top:0} .cdt .tbl__row--head>div{padding:14px 16px;color:#fff} .cdt .tbl__row b{font-family:Montserrat,sans-serif;font-weight:800;color:var(--red)} .cdt .tbl__row .m{font-weight:700;color:var(--ink)} .cdt .book{margin-top:44px;background:var(--bg);border-radius:12px;padding:30px 32px;scroll-margin-top:90px} .cdt .book h2{font-family:Montserrat,sans-serif;font-size:22px;font-weight:800;text-transform:uppercase;color:var(--navy)} .cdt .book p{margin-top:9px;font-size:14.8px;color:var(--grey)} .cdt .book__grid{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px} .cdt .book input,.cdt .book textarea{border:1px solid #dde5ec;border-radius:8px;padding:13px 16px;font-family:inherit;font-size:14.5px;background:#fff;outline:none;width:100%} .cdt .book textarea{margin-top:14px;resize:vertical} .cdt .book button{margin-top:16px;border:0;cursor:pointer;background:var(--orange);color:#fff;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:14px 42px;border-radius:40px} .cdt .book button:hover{background:var(--navy)} .cdt .book__ok{margin-top:16px;background:#eaf3e9;color:#2f7d32;border-radius:8px;padding:13px 18px;font-weight:600;font-size:14.5px} /* Sticky đặt trên CẢ aside (2 box dính thành một khối) — sticky trên .side riêng lẻ * sẽ trượt đè lên .side2 đứng sau trong cùng aside khi cuộn. */ .cdt .detail>aside{position:sticky;top:100px;align-self:start} .cdt .side{border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,102,179,.12)} .cdt .side__top{background:var(--navy);color:#fff;padding:20px 24px} .cdt .side__top s{font-size:14px;opacity:.8} .cdt .side__now{display:flex;align-items:baseline;gap:10px;margin-top:6px} .cdt .side__now b{font-family:Montserrat,sans-serif;font-size:32px;font-weight:800;color:var(--orange-pale)} .cdt .side__save{margin-top:10px;display:inline-block;background:var(--red);padding:5px 12px;border-radius:30px;font-size:12.5px;font-weight:700} .cdt .side__body{padding:20px 24px} .cdt .side__body li{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;color:#4a5560} .cdt .side__body li+li{border-top:1px dashed var(--line);padding-top:13px;margin-top:13px} .cdt .side__body b{color:var(--ink)} .cdt .side__cta{margin-top:20px;display:block;text-align:center;background:var(--orange);color:#fff;padding:15px;border-radius:40px;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 10px 22px rgba(245,130,32,.35)} .cdt .side__cta:hover{background:var(--navy);color:#fff} .cdt .side__note{text-align:center;font-size:13px;color:var(--grey-2);margin-top:9px} .cdt .side__call{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:10px;border:1.5px solid var(--navy);color:var(--navy);padding:13px;border-radius:40px;font-weight:700;font-size:15px} .cdt .side__call:hover{background:var(--navy);color:#fff} .cdt .side2{margin-top:20px;border:1px solid var(--line);border-radius:12px;padding:22px 24px} .cdt .side2 h4{font-family:Montserrat,sans-serif;font-size:16px;font-weight:800;text-transform:uppercase;color:var(--navy);margin-bottom:16px} .cdt .mini{display:flex;flex-direction:column;gap:16px} .cdt .mini a{display:flex;gap:13px} .cdt .mini img{flex:0 0 auto;width:92px;height:68px;border-radius:8px;object-fit:cover} .cdt .mini b{display:block;font-size:13.8px;font-weight:700;line-height:1.45;color:var(--ink)} /* span bọc ngoài là cột nội dung; CHỈ span trong cùng (hàng giá) mới flex baseline * — rule gốc `.mini span` trúng cả hai làm tên tour + giá xếp ngang, vỡ layout. */ .cdt .mini a>span{display:block;flex:1 1 auto;min-width:0} .cdt .mini a>span>span{display:flex;align-items:baseline;gap:7px;margin-top:6px} .cdt .mini em{font-style:normal;font-family:Montserrat,sans-serif;font-size:15px;font-weight:800;color:var(--red)} .cdt .mini s{font-size:12px;color:var(--grey-2)} .cdt .mbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:90;align-items:center;gap:12px;padding:10px 14px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 22px rgba(0,102,179,.16)} .cdt .mbar__price{flex:1 1 auto;min-width:0;line-height:1.25} .cdt .mbar__price s{font-size:11.5px;color:var(--grey-2)} .cdt .mbar__price b{display:block;font-family:Montserrat,sans-serif;font-size:18px;font-weight:800;color:var(--red)} .cdt .mbar a{flex:0 0 auto;background:var(--orange);color:#fff;padding:14px 22px;border-radius:40px;font-size:14.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px} /* ---------- responsive (breakpoint gốc: 1180 / 1024 / 900 / 640) ---------- */ @media (max-width:1180px){ /* Rule thu gọn header chuyển sang class .header--collapsed (JS gắn theo breakpoint * cấu hình được) — block này chỉ còn phần không thuộc header. */ .cdt .cdt-hide-mobile{display:none!important} .cdt .grid--4{grid-template-columns:repeat(3,1fr)} /* Arrow đã chuyển vào TRONG khung (car--overlay) cho mọi carousel — * bỏ kiểu cũ thụt lề 52px chừa chỗ arrow, nội dung dùng hết chiều rộng. */ .cdt .detail{grid-template-columns:minmax(0,1fr) 330px;gap:24px} } @media (max-width:1024px){ .cdt .detail{grid-template-columns:minmax(0,1fr)} .cdt .detail>*{min-width:0} .cdt .detail>aside{position:static} } @media (max-width:900px){ .cdt .grid--4,.cdt .grid--3{grid-template-columns:repeat(2,1fr)} .cdt .grid--2{grid-template-columns:1fr} .cdt .shot img{height:360px} .cdt .strip button{flex:0 0 132px;height:88px} .cdt .strip-nav--prev{left:4px} .cdt .strip-nav--next{right:4px} .cdt .tbl{overflow-x:auto} .cdt .tbl__row{min-width:680px} .cdt .mbar{display:flex} body:has(.cdt .mbar){padding-bottom:74px} .cdt .book__grid{grid-template-columns:1fr} } @media (max-width:640px){ .cdt .iconbtn{width:40px;height:40px} .cdt .iconbtn svg{width:18px;height:18px} .cdt .tile{aspect-ratio:4/3}/* giữ tỉ lệ ngang trên mobile, không để vuông/cao */ .cdt .tile span{font-size:15px} .cdt .quote{padding:20px} .cdt .quote p{font-size:14.5px} .cdt .partner{height:72px} .cdt .grid--4,.cdt .grid--3{grid-template-columns:1fr} .cdt .sec-head h2{font-size:min(var(--h2-size,30px),20px);padding:var(--h2-pad,12px 22px)} .cdt .sec-head--plain h2{padding:0} .cdt .detail-head h1{font-size:23px} .cdt .block h2{font-size:20px} .cdt .hotline{padding:10px 12px} .cdt .hotline{display:none} .cdt .cdt-search-btn{margin-left:auto}/* hotline ẩn — cụm nút vẫn dính lề phải */ .cdt .logo{width:var(--cdt-logo-w,148px);height:var(--cdt-logo-h,52px)} .cdt .strip button{flex:0 0 112px;height:76px} .cdt .acc__head{padding:13px 14px;gap:10px} .cdt .acc__title{font-size:13.8px} .cdt .acc--days .acc__title{text-transform:none;letter-spacing:0;line-height:1.4} .cdt .acc__body{padding:16px 14px 18px} .cdt .acc__body p,.cdt .acc__list li{font-size:14.3px;line-height:1.75} .cdt .acc__body img{height:190px} } /* ============ Nút lên đầu trang (render ở wp_footer, ngoài wrapper .cdt) ============ * Màu/bo góc lấy từ biến --totop-* in inline ở wp_head — đổi Cài đặt là cập nhật ngay. */ .cdt-totop{position:fixed;right:22px;bottom:28px;z-index:80;width:48px;height:48px;display:flex;align-items:center;justify-content:center;padding:0;border:0;cursor:pointer;background:var(--totop-bg,#F58220);color:var(--totop-color,#fff);border-radius:var(--totop-radius,50%);box-shadow:0 10px 24px rgba(0,0,0,.22);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .25s,visibility .25s,background .2s} .cdt-totop svg{width:20px;height:20px;display:block} .cdt-totop.is-show{opacity:1;visibility:visible;transform:none} .cdt-totop:hover{background:var(--totop-bg-hover,#0066B3)} .cdt-totop:focus-visible{outline:3px solid var(--totop-bg-hover,#0066B3);outline-offset:2px} .cdt-totop--left{right:auto;left:22px} @media (prefers-reduced-motion:reduce){.cdt-totop{transition:background .2s}} @media (max-width:900px){ /* Trang chi tiết tour có thanh CTA cố định dưới đáy → nâng nút lên tránh đè. */ .cdt-totop--raised{bottom:88px} } @media (max-width:640px){.cdt-totop{width:44px;height:44px}} /* ===== Blog & Page (v2.9 — fallback archive blog / single post / page) ===== */ /* Header danh mục / trang */ .cdt .bhead{background:var(--bg);padding:34px 0;border-bottom:1px solid var(--line)} .cdt .bhead .crumbs,.cdt .bpost>.crumbs{color:var(--grey)} .cdt .bhead .crumbs b,.cdt .bpost>.crumbs b{color:var(--ink)} .cdt .bhead .crumbs a:hover,.cdt .bpost>.crumbs a:hover{color:var(--orange)} .cdt .bhead h1{font-family:Montserrat,sans-serif;font-size:32px;font-weight:800;color:var(--navy);line-height:1.25;text-wrap:pretty} .cdt .bhead__desc{margin-top:10px;max-width:820px;font-size:15px;line-height:1.7;color:var(--grey)} .cdt .bhead__count{margin-top:10px;font-size:13.5px;font-weight:600;color:var(--grey-2)} /* Layout 2 cột 1fr | 320px */ .cdt .blayout{display:grid;grid-template-columns:1fr 320px;gap:30px;align-items:start;padding:34px 0 46px} .cdt .blayout--one{grid-template-columns:1fr} .cdt .bmain{min-width:0} .cdt .bside{position:sticky;top:100px;display:flex;flex-direction:column;gap:20px} .cdt .bside .filter{position:static}/* aside dính cả cụm — box con static để không trượt đè nhau */ .cdt .bside .side2{margin-top:0} .cdt .bside .search-chips{justify-content:flex-start;margin-top:0} /* Thẻ bài viết trong grid blog */ .cdt .bgrid .card__media img{height:auto;aspect-ratio:16/9} .cdt .bgrid .card__body h3{margin-top:9px;font-size:15.5px;color:var(--navy)} .cdt .bgrid .card__body h3 a:hover{color:var(--orange)} .cdt .bgrid .excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} /* Sidebar: tìm kiếm + danh mục */ .cdt .bsearch{display:flex;gap:8px} .cdt .bsearch input{flex:1 1 auto;min-width:0;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit} .cdt .bsearch input:focus{outline:none;border-color:var(--orange)} .cdt .bsearch button{flex:0 0 auto;width:42px;border:0;border-radius:8px;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer} .cdt .bsearch button:hover{background:var(--navy)} .cdt .bcats{list-style:none;margin:0;display:flex;flex-direction:column} .cdt .bcats a{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:14px;font-weight:600;color:var(--ink)} .cdt .bcats li:last-child a{border-bottom:0} .cdt .bcats a:hover{color:var(--orange)} .cdt .bcats span{font-size:12.5px;font-weight:600;color:var(--grey-2)} /* Single post */ .cdt .bpost{padding:26px 0 46px} .cdt .bpost__title{font-family:Montserrat,sans-serif;font-size:34px;font-weight:800;color:var(--ink);line-height:1.3;text-wrap:pretty;margin:8px 0 12px} .cdt .bmeta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:var(--grey-2)} .cdt .bpost .blayout{padding-top:24px;padding-bottom:0} .cdt .bcover{margin:0 0 22px} .cdt .bcover img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 10px 30px rgba(0,102,179,.14)} /* Mục lục */ .cdt .toc{background:var(--bg);border-left:4px solid var(--orange);border-radius:0 10px 10px 0;padding:18px 22px;margin-bottom:24px} .cdt .toc>b{display:block;font-family:Montserrat,sans-serif;font-size:15px;font-weight:800;text-transform:uppercase;color:var(--navy);margin-bottom:10px} .cdt .toc ol{list-style:none;margin:0;display:flex;flex-direction:column;gap:7px} .cdt .toc a{font-size:14.2px;font-weight:600;color:var(--ink)} .cdt .toc a:hover{color:var(--orange)} .cdt .toc li.toc--h3{padding-left:18px} .cdt .toc li.toc--h3 a{font-weight:500} /* Typography nội dung */ .cdt .entry{font-size:16px;line-height:1.85;color:#4a5560} .cdt .entry p{margin:0 0 16px} .cdt .entry h2{position:relative;font-family:Montserrat,sans-serif;font-size:22px;font-weight:800;color:var(--navy);margin:30px 0 18px;padding-bottom:12px} .cdt .entry h2::after{content:"";position:absolute;left:0;bottom:0;width:58px;height:4px;border-radius:2px;background:var(--orange)} .cdt .entry h3{font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;color:var(--navy);margin:24px 0 12px} .cdt .entry h2,.cdt .entry h3{scroll-margin-top:110px}/* nhảy từ mục lục không bị header che */ .cdt .entry a{color:var(--orange);font-weight:600} .cdt .entry a:hover{text-decoration:underline} .cdt .entry blockquote{border-left:4px solid var(--orange);background:var(--bg);border-radius:0 10px 10px 0;padding:16px 20px;margin:0 0 16px;font-style:italic} .cdt .entry ul,.cdt .entry ol{margin:0 0 16px;padding-left:22px} .cdt .entry li{margin-bottom:8px} .cdt .entry li::marker{color:var(--orange)} .cdt .entry img{max-width:100%;height:auto;border-radius:8px} .cdt .entry figure{margin:0 0 16px;max-width:100%} .cdt .entry .wp-block-table,.cdt .entry .table-wrap{overflow-x:auto} .cdt .entry table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:14.5px} .cdt .entry table th{background:var(--navy);color:#fff;padding:10px 12px;text-align:left} .cdt .entry table td{border:1px solid var(--line);padding:10px 12px} /* Chia sẻ */ .cdt .share{display:flex;align-items:center;gap:10px;margin:26px 0;padding-top:18px;border-top:1px solid var(--line)} .cdt .share>span{font-size:13.5px;font-weight:700;color:var(--grey)} .cdt .share a,.cdt .share button{width:38px;height:38px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--navy);cursor:pointer} .cdt .share a:hover,.cdt .share button:hover{border-color:var(--orange);color:var(--orange)} .cdt .share svg{width:17px;height:17px;display:block} .cdt .share .is-copied{border-color:#1a9f57;color:#1a9f57} /* Box tác giả */ .cdt .authorbox{display:flex;gap:16px;background:var(--bg);border-radius:12px;padding:20px 22px;margin-bottom:26px} .cdt .authorbox img{flex:0 0 auto;width:64px;height:64px;border-radius:50%} .cdt .authorbox b{display:block;font-size:15.5px;color:var(--ink);margin-bottom:5px} .cdt .authorbox p{font-size:14px;line-height:1.7;color:var(--grey)} /* Bài trước / bài sau */ .cdt .pn{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:10px} .cdt .pn a{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:10px;padding:14px 16px} .cdt .pn a:hover{border-color:var(--orange)} .cdt .pn i{font-style:normal;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--grey-2)} .cdt .pn b{font-size:14.2px;line-height:1.45;color:var(--ink)} .cdt .pn a.pn__next{text-align:right;align-items:flex-end} .cdt .brelated{margin-top:34px;margin-bottom:30px} /* CTA sang tour */ .cdt .bcta{background:linear-gradient(120deg,var(--navy) 0%,#2B93D8 55%,var(--orange) 100%);border-radius:14px;color:#fff;padding:26px 28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin:30px 0} .cdt .bcta b{display:block;font-family:Montserrat,sans-serif;font-size:20px;font-weight:800;line-height:1.35} .cdt .bcta p{margin-top:6px;font-size:14px;line-height:1.6;color:rgba(255,255,255,.85);max-width:520px} .cdt .bcta__act{display:flex;flex-direction:column;align-items:flex-start;gap:10px} .cdt .bcta__btn{display:inline-block;background:#fff;color:var(--navy);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:12px 24px;border-radius:40px} .cdt .bcta__btn:hover{background:var(--orange);color:#fff} .cdt .bcta__tel{font-size:14.5px;font-weight:700;color:#fff} /* Bình luận (markup mặc định WP) */ .cdt .comments-area{border-top:1px solid var(--line);padding-top:26px;margin-top:4px} .cdt .comments-area .comments-title,.cdt .comments-area .comment-reply-title{font-family:Montserrat,sans-serif;font-size:20px;font-weight:800;color:var(--navy);margin-bottom:16px} .cdt .comment-list{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:14px} .cdt .comment-list .children{list-style:none;margin:14px 0 0 26px;padding:0;display:flex;flex-direction:column;gap:14px} .cdt .comment-list .comment-body{background:var(--bg);border-radius:10px;padding:14px 16px;font-size:14.5px;line-height:1.7} .cdt .comment-list .comment-meta{font-size:13px;color:var(--grey-2);margin-bottom:6px} .cdt .comment-list .reply a{font-size:12.5px;font-weight:700;text-transform:uppercase;color:var(--orange)} .cdt .comment-form p{margin-bottom:14px} .cdt .comment-form label{display:block;font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:6px} .cdt .comment-form input[type="text"],.cdt .comment-form input[type="email"],.cdt .comment-form input[type="url"],.cdt .comment-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 13px;font-size:14.5px;font-family:inherit} .cdt .comment-form input:focus,.cdt .comment-form textarea:focus{outline:none;border-color:var(--orange)} .cdt .comment-form .submit{background:var(--orange);color:#fff;border:0;border-radius:40px;padding:12px 30px;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;cursor:pointer} .cdt .comment-form .submit:hover{background:var(--navy)} /* Page */ .cdt .bpage{padding:34px 0 46px} .cdt .bpage--narrow{max-width:900px} .cdt .bkids{margin-top:34px} /* Breakpoint 1180 / 1024 / 900 / 640 */ @media (max-width:1180px){ .cdt .bside{position:static} } @media (max-width:1024px){ .cdt .blayout{grid-template-columns:1fr 300px;gap:24px} } @media (max-width:900px){ .cdt .blayout{grid-template-columns:1fr} .cdt .pn{grid-template-columns:1fr} .cdt .pn a.pn__next{text-align:left;align-items:flex-start} } @media (max-width:640px){ .cdt .bhead{padding:24px 0} .cdt .bhead h1{font-size:24px} .cdt .bpost__title{font-size:24px} .cdt .entry{font-size:15.3px} .cdt .entry h2{font-size:19px} .cdt .bcta{padding:20px} .cdt .authorbox{flex-direction:column} /* Khách báo blog dính sát lề trên mobile: ép tối thiểu 16px hai bên cho mọi * wrap của blog/page (breadcrumb, H1, meta, ảnh bìa, .entry, chia sẻ, bài trước/sau * đều nằm trong các wrap này) — !important để thắng theme ghi đè padding .wrap. */ .cdt .bhead .wrap, .cdt .wrap.bpost, .cdt .wrap.blayout, .cdt .wrap.bpage{padding-left:16px!important;padding-right:16px!important} } /* Ảnh bìa + ảnh trong bài không được rộng hơn khung nội dung */ .cdt .bmain{min-width:0} .cdt .bcover img{max-width:100%} .cdt .entry{overflow-wrap:break-word} .cdt .entry img,.cdt .entry figure img{max-width:100%;height:auto;border-radius:8px} /* ===== Header mobile: bar 3 vùng + menu off-canvas (v2.16) ===== * Prefix class trên wrapper widget: cdt-mhead--3zone|classic · cdt-mnav--left|right|drop. * JS gắn .cdt-collapsed lên root .cdt song song với .header--collapsed (≤ breakpoint thu gọn) * và .cdt-mnav-open khi panel mở. Trên desktop panel/overlay/close/khối phụ display:none hẳn. */ /* ---- Icon header trong trạng thái thu gọn: bỏ viền tròn, SVG to theo --cdt-hicon ---- */ .cdt .header--collapsed .iconbtn{width:44px;height:44px;border:0;border-radius:0;background:transparent} .cdt .header--collapsed .iconbtn svg{width:var(--cdt-hicon,24px);height:var(--cdt-hicon,24px)} .cdt .header--collapsed .iconbtn:hover, .cdt .header--collapsed .iconbtn:active{color:var(--orange);background:transparent} /* ---- Bar 3 vùng: ☰ trái (order — DOM giữ nguyên cho screen reader) · logo giữa thật · search phải ---- */ /* Thanh 3 vùng (v2.18.3): GRID tỉ lệ cố định — control "Tỉ lệ cột header mobile" ghi * --cdt-mhead-cols (mặc định 15/70/15; hai cột biên minmax(44px, …) nên vùng bấm ☰ / * tìm kiếm không bao giờ nhỏ hơn 44px, màn 320px cột chỉ co giãn nhẹ). Padding toàn * thanh 5px, gap 0 — logo chiếm trọn cột giữa; desktop không đổi. */ .cdt-mhead--3zone .header--collapsed>.wrap{display:grid;grid-template-columns:var(--cdt-mhead-cols,minmax(44px,15%) 1fr minmax(44px,15%));align-items:center;justify-content:stretch;gap:0;padding:5px} /* KHÔNG BAO GIỜ rớt hàng hai (v2.18.5): .nav / .hotline không có grid-column, nếu vì * bất kỳ lý do gì chúng còn nằm trong luồng (CSS off-canvas chưa áp, theme ghi đè…) * thì auto-placement chiếm ô hàng 1 cột 1 và đẩy ☰ (grid-column:1) xuống hàng 2 — * đúng triệu chứng logo + search hàng trên, ☰ hàng dưới. Ghim mọi con vào hàng 1. */ .cdt-mhead--3zone .header--collapsed>.wrap>*{grid-row:1} /* Chế độ classic (không grid) và mọi trường hợp lưới không áp: cấm xuống dòng. */ .cdt .header--collapsed>.wrap{flex-wrap:nowrap} .cdt-mhead--3zone .header--collapsed .burger{grid-column:1;justify-self:start;min-width:44px;min-height:44px} /* Logo full cột giữa: control "Chiều rộng logo mobile" ghi --cdt-logo-mw (mặc định 100%), * nhỏ hơn 100% vẫn căn giữa trong cột; object-fit contain giữ đúng tỉ lệ logo dài/vuông. */ .cdt-mhead--3zone .header--collapsed .logo{grid-column:2;width:100%;height:auto;margin:0;display:flex;align-items:center;justify-content:center;min-width:0} .cdt-mhead--3zone .header--collapsed .logo img{width:var(--cdt-logo-mw,100%);height:auto;max-height:var(--cdt-logo-h,52px);object-fit:contain} .cdt-mhead--3zone .header--collapsed .cdt-search-btn{grid-column:3;justify-self:end;min-width:44px;min-height:44px;margin-left:0} .cdt-mhead--3zone .header--collapsed .hotline{display:none} /* ---- Off-canvas: overlay + nút ✕ (ẩn hoàn toàn trên desktop và ở kiểu drop) ---- */ .cdt .mnav-overlay,.cdt .mnav-close,.cdt .mnav__search,.cdt .mnav__foot{display:none} :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .mnav-overlay{display:block;position:fixed;inset:0;background:var(--cdt-mnav-overlay,rgba(0,0,0,.5));opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s;pointer-events:auto;z-index:var(--cdt-z-overlay,999990)} :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed.cdt-mnav-open .mnav-overlay{opacity:1;visibility:visible} :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .mnav-close{display:flex;position:fixed;top:12px;right:12px;width:44px;height:44px;align-items:center;justify-content:center;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:var(--navy);cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.25);z-index:var(--cdt-z-close,calc(var(--cdt-z-overlay,999990) + 2));opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s} :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed.cdt-mnav-open .mnav-close{opacity:1;visibility:visible} :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .mnav-close:hover{color:var(--orange)} /* ---- Panel: chính là .nav (một markup duy nhất), fixed trượt ngang ---- */ :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .nav{display:block;position:fixed;top:0;bottom:0;left:auto;right:auto;height:100dvh;max-height:none;width:var(--cdt-mnav-w,86%);max-width:340px;background:#fff;padding:0;box-shadow:0 0 40px rgba(0,0,0,.28);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:var(--cdt-z-panel,calc(var(--cdt-z-overlay,999990) + 1));visibility:hidden;transition:transform .28s cubic-bezier(.4,0,.2,1),visibility .28s} .cdt-mnav--left .cdt-collapsed .nav{left:0;transform:translateX(-100%)} .cdt-mnav--right .cdt-collapsed .nav{right:0;transform:translateX(100%)} :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed.cdt-mnav-open .nav{transform:none;visibility:visible} /* ---- Ô tìm kiếm đầu panel: nút kính lúp cam vuông trái + input viền cam ---- */ :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .mnav__search{display:block;padding:14px 14px 10px} .cdt .mnav__search form{display:flex;align-items:stretch} .cdt .mnav__search button{flex:0 0 44px;min-height:44px;border:0;border-radius:6px 0 0 6px;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer} .cdt .mnav__search input{flex:1 1 auto;min-width:0;border:1.5px solid var(--orange);border-left:0;border-radius:0 6px 6px 0;padding:10px 12px;font-size:14px;font-family:inherit} .cdt .mnav__search input:focus{outline:none} /* ---- Menu accordion: căn lề trái, bỏ căn giữa của kiểu drop ---- */ :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .nav>ul{flex-direction:column;align-items:stretch;gap:0} :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .nav li{padding:0;border-bottom:0;white-space:normal} :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .nav li>span, :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .nav a{text-align:left;justify-content:flex-start} /* Cấp 1 CÓ con: hàng nền cam đặc, chữ trắng in hoa, caret trong ô vuông trắng mờ xoay khi mở */ :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .nav li.has-mega>span, :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .nav li.menu-item-has-children>span{background:var(--cdt-mnav-gbg,#F58220);color:var(--cdt-mnav-gc,#fff);text-transform:uppercase;font-weight:800;font-size:14px;letter-spacing:.5px;padding:14px 16px;min-height:44px;margin-bottom:0;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.16)} :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .nav li>span i{width:28px;height:28px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);border-radius:4px;font-size:10px;opacity:1;transition:transform .25s} :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .nav li.open>span i{transform:rotate(180deg)} /* Cấp 1 KHÔNG con: nền trắng, chữ navy in hoa đậm */ :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .nav li:not(.has-mega):not(.menu-item-has-children)>span{background:#fff;color:#0D4D78;text-transform:uppercase;font-weight:800;font-size:14px;letter-spacing:.5px;padding:14px 16px;min-height:44px;border-bottom:1px solid #f1f4f7} /* Panel con: mở/đóng bằng max-height + opacity (không display:none) */ :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .nav .nav__mega, :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .nav .nav__sub{display:block!important;position:static;max-height:0;opacity:0;overflow:hidden;padding:0;background:#fff;box-shadow:none;border:0;animation:none;transition:max-height .3s ease,opacity .25s ease} :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .nav li.open>.nav__mega, :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .nav li.open>.nav__sub{max-height:1600px;opacity:1} :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .nav .nav__mega-col{display:block;padding:0} :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .nav .nav__mega-col--image{display:none} /* Cấp 2: nền trắng, chữ #3b3b3b */ :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .nav .nav__mega h4, :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .nav .nav__sub a{display:block;background:#fff;color:#3b3b3b;font-size:14.5px;font-weight:600;text-transform:none;letter-spacing:0;padding:12px 16px 12px 22px;margin:0;border-bottom:1px solid #f1f4f7;min-height:44px;border-left:3px solid transparent} :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .nav .nav__mega h4 a{display:block;padding:0;color:inherit;border:0;min-height:0} /* Cấp 3: thụt thêm, nhỏ hơn */ :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .nav .nav__mega a{display:block;color:#6b7683;font-size:13.5px;padding:11px 16px 11px 34px;border-bottom:1px solid #f6f8fa;min-height:44px;border-left:3px solid transparent} /* Mục đang xem: nền cam nhạt + chữ cam + viền trái 3px cam */ :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .nav :is(.nav__mega,.nav__sub) a.is-current{background:#FFF3E8;color:var(--orange);border-left-color:var(--orange);font-weight:700} /* ---- Khối tiện ích cuối panel ---- */ :is(.cdt-mnav--left,.cdt-mnav--right) .cdt-collapsed .mnav__foot{display:block;padding:16px 14px 22px;border-top:1px solid #f1f4f7;margin-top:8px} .cdt .mnav__call{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--orange);color:#fff;font-weight:800;font-size:14.5px;padding:13px;border-radius:40px} .cdt .mnav__social{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px} .cdt .mnav__social a{border:1px solid #e2e9f0;border-radius:20px;padding:6px 13px;font-size:12.5px;font-weight:600;color:var(--navy)} .cdt .mnav__social a:hover{border-color:var(--orange);color:var(--orange)} .cdt .mnav__meta{margin-top:12px;font-size:12.5px;line-height:1.7;color:#6b7683} /* Khoá cuộn trang khi panel mở (JS bù padding-right = bề rộng scrollbar) */ body.cdt-mnav-lock{overflow:hidden} /* ===== Off-canvas vs nút liên hệ nổi của plugin khác (v2.16.2) ===== * Thang z-index duy nhất qua 3 biến — không rải số tuỳ ý; control "Z-index của menu" * ghi --cdt-z-overlay lên body, panel/nút ✕ tự +1/+2 bằng calc. */ :root{ --cdt-z-overlay: 999990; --cdt-z-panel: calc(var(--cdt-z-overlay) + 1); --cdt-z-close: calc(var(--cdt-z-overlay) + 2); } /* Panel mở: ẩn các cụm nút gọi/Zalo/Messenger nổi phổ biến — không thể đoán z-index * của plugin ngoài, ẩn hẳn là chắc nhất; đóng panel là gỡ class, nút hiện lại. */ html.cdt-offcanvas-open .cdt-hide-when-menu-open, html.cdt-offcanvas-open [class*="floating-button"], html.cdt-offcanvas-open [class*="contact-button"], html.cdt-offcanvas-open [class*="hotline"], html.cdt-offcanvas-open [id*="hotline"], html.cdt-offcanvas-open [class*="callnow"], html.cdt-offcanvas-open [class*="zalo"], html.cdt-offcanvas-open [class*="messenger"]{display:none!important} /* Overlay phải nhận click: cô lập stacking của body khi panel mở. */ html.cdt-offcanvas-open body{isolation:isolate} /* Wrapper portal (JS append vào cuối body khi header thu gọn) — trong suốt với layout, * chỉ chứa 3 phần tử fixed; class trên 2 lớp wrapper tái tạo đúng chuỗi selector cũ * (.cdt-mnav--left > .cdt.cdt-collapsed) nên toàn bộ CSS panel/accordion áp nguyên. */ .cdt-mnav-portal{position:static} /* ===== v2.18 ===== */ /* --- Hover zoom ảnh: chỉ thiết bị có chuột thật + không reduced-motion. * Mức zoom qua --cdt-zoom (control "Mức zoom" ghi trên wrapper widget; tắt control * "Hiệu ứng zoom" → ghi 1). Overlay chữ (tên điểm đến) không zoom — chỉ img transform. */ @media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){ .cdt .card__media{overflow:hidden}/* clip tại khung ảnh, không để ảnh phóng đè phần chữ dưới */ .cdt .card__media img,.cdt .tile img,.cdt .strip img{transition:transform .45s cubic-bezier(.2,.7,.3,1)} .cdt .card:hover .card__media img, .cdt .tile:hover img, .cdt .strip button:hover img{transform:scale(var(--cdt-zoom,1.06))} } /* --- Menu neo trang chi tiết tour --- */ .cdt .anchornav{background:var(--cdt-anchor-bg,#fff);border-bottom:1px solid #e6ecf2} .cdt .anchornav ul{display:flex;gap:var(--cdt-anchor-gap,28px);list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} .cdt .anchornav ul::-webkit-scrollbar{display:none} .cdt .anchornav li{flex:0 0 auto} .cdt .anchornav a{display:block;white-space:nowrap;padding:13px 2px 10px;border-bottom:3px solid transparent;font-family:Montserrat,sans-serif;font-size:13.5px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--cdt-anchor-color,#0D4D78)} .cdt .anchornav a:hover{color:var(--cdt-anchor-active,var(--orange,#F58220))} .cdt .anchornav a.is-active{color:var(--cdt-anchor-active,var(--orange,#F58220));border-bottom-color:var(--cdt-anchor-active,var(--orange,#F58220))} .cdt .anchornav--sticky{position:sticky;top:var(--cdt-anchor-top,0px);z-index:90} /* Fallback tĩnh khi vào thẳng bằng link # trước lúc JS đo được offset thật. */ #cdt-highlights,#cdt-itinerary,#cdt-price,#cdt-notes,#cdt-related{scroll-margin-top:110px} /* --- Lộ trình chế độ Bấm mở (acc--toggle): transition max-height, không dùng [hidden]. * visibility ẩn nội dung đóng khỏi tab-order / screen reader trong lúc vẫn animate được. */ .cdt .acc__hgroup{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit} .cdt .acc--toggle .acc__head{transition:background .2s,color .2s} .cdt .acc--toggle .acc__item:not(.on) .acc__head:hover{background:#e6edf4} .cdt .acc--toggle .acc__item:not(.on) .acc__head:hover .acc__title{color:var(--navy)} .cdt .acc--toggle .acc__body{display:block;max-height:0;overflow:hidden;visibility:hidden;border-top:0;padding-top:0;padding-bottom:0;animation:none;transition:max-height .4s ease,visibility .4s,padding .3s} .cdt .acc--toggle .acc__item.on .acc__body{max-height:4000px;visibility:visible;border-top:1px solid var(--line);padding:20px 24px 24px} /* Hàng tiêu đề section có nút "Mở tất cả" góc phải. */ .cdt .acc-head-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap} .cdt .acc-head-row h2{margin-bottom:0} .cdt .acc-all{flex:0 0 auto;border:1px solid rgba(0,102,179,.25);background:#fff;color:var(--navy);border-radius:20px;padding:7px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s,color .2s} .cdt .acc-all:hover{background:var(--navy);color:#fff} /* --- In trang: lộ trình / FAQ luôn mở hết, ẩn nút điều khiển. --- */ @media print{ .cdt .acc__body,.cdt .acc__body[hidden]{display:block!important;max-height:none!important;visibility:visible!important;overflow:visible!important;padding:20px 24px 24px!important;border-top:1px solid #ddd!important} .cdt .acc__caret,.cdt .acc-all,.cdt .anchornav{display:none!important} } /* ===== Icon mạng xã hội — màu thương hiệu gốc (v2.19) ===== * Dùng chung widget Footer / shortcode [cdt_social] / template fallback. * Màu từng nền tảng đặt bằng biến --cdt-sc (+ --cdt-sc-grad cho Instagram) nên * 3 kiểu hiển thị chỉ khác nhau ở chỗ đọc biến, không nhân bản rule cho mỗi nền tảng. */ .cdt-social{display:flex;flex-wrap:wrap;gap:var(--cdt-social-gap,10px);justify-content:var(--cdt-social-align,flex-start)} .cdt-social a{width:var(--cdt-social-size,38px);height:var(--cdt-social-size,38px);min-width:38px;min-height:38px;border-radius:var(--cdt-social-radius,50%);display:flex;align-items:center;justify-content:center;flex:0 0 auto;transition:transform .2s ease,filter .2s ease,background-color .2s ease,color .2s ease} .cdt-social a svg{width:56%;height:56%;display:block} /* Hover: sáng lên + nhấc nhẹ, KHÔNG đổi màu (giữ nhận diện thương hiệu). */ .cdt-social a:hover{filter:brightness(1.12);transform:translateY(-2px)} /* Màu gốc từng nền tảng. */ .cdt-social a[data-p="facebook"]{--cdt-sc:#1877F2} .cdt-social a[data-p="zalo"]{--cdt-sc:#0068FF} .cdt-social a[data-p="youtube"]{--cdt-sc:#FF0000} .cdt-social a[data-p="instagram"]{--cdt-sc:#DD2A7B;--cdt-sc-grad:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF,#515BD4)} .cdt-social a[data-p="tiktok"]{--cdt-sc:#000} .cdt-social a[data-p="telegram"]{--cdt-sc:#26A5E4} .cdt-social a[data-p="linkedin"]{--cdt-sc:#0A66C2} .cdt-social a[data-p="twitter"]{--cdt-sc:#000} .cdt-social a[data-p="other"]{--cdt-sc:#6b7a89} /* 1. Nền màu thương hiệu, icon trắng (mặc định). */ .cdt-social--brand a{background:var(--cdt-sc-grad,var(--cdt-sc,rgba(255,255,255,.14)));color:#fff} /* Nền đen chìm vào footer navy → viền sáng mảnh cho dễ nhìn. */ .cdt-social--brand a[data-p="tiktok"],.cdt-social--brand a[data-p="twitter"]{box-shadow:inset 0 0 0 1px rgba(255,255,255,.38)} /* 2. Nền trong suốt, icon tô màu gốc (Instagram dùng gradient dựng trong SVG). */ .cdt-social--icon a{background:transparent;color:var(--cdt-sc,currentColor)} /* 3. Đơn sắc — như cũ, màu do control. */ .cdt-social--mono a{background:var(--cdt-social-bg,rgba(255,255,255,.14));color:var(--cdt-social-mono,#fff)} .cdt-social--mono a:hover{background:var(--cdt-social-bg-h,var(--orange))} @media (prefers-reduced-motion:reduce){ .cdt-social a:hover{transform:none} } /* ===== Dòng thông tin footer (v2.20) — repeater thay cho field cố định ===== */ .cdt .footer__info{display:flex;flex-direction:column;gap:var(--cdt-footer-info-gap,11px)} .cdt .footer__info-row{display:flex;align-items:flex-start;gap:9px;line-height:1.75} .cdt .footer__info-icon{flex:0 0 auto;width:17px;height:17px;margin-top:3px;opacity:.85;color:var(--cdt-footer-icon,inherit)} .cdt .footer__info-icon svg,.cdt .footer__info-icon i{width:17px;height:17px;display:block;font-size:15px;line-height:1} .cdt .footer__info-body{min-width:0;flex:1 1 auto;word-break:break-word} .cdt .footer__info-label{color:var(--cdt-footer-title,#fff);margin-right:5px} /* Dòng chỉ có nhãn = tiêu đề khối (tên công ty) — giữ đúng kiểu chữ cũ. */ .cdt .footer__info-row--title .footer__info-label{text-transform:uppercase;line-height:1.5;margin-right:0} .cdt .footer__info-row[data-t="phone"] .footer__info-text{font-family:Montserrat,sans-serif;font-weight:800;color:var(--cdt-footer-hot,var(--orange-soft))} /* (không link) và (có link) phải trông giống hệt nhau khi không hover: * cùng màu, cùng cỡ chữ, cùng khoảng cách — chỉ khác con trỏ và màu lúc hover. */ .cdt .footer__info-text{color:inherit;text-decoration:none} .cdt span.footer__info-text{cursor:default} .cdt a.footer__info-text{cursor:pointer} .cdt a.footer__info-text:hover{color:var(--orange-soft);text-decoration:none} /* Dòng điện thoại vốn đã màu cam (specificity cao hơn) → hover cần rule riêng. */ .cdt .footer__info-row[data-t="phone"] a.footer__info-text:hover{color:var(--orange-pale)} /* Cột rỗng đã bị PHP bỏ hẳn nên không cần rule ẩn; grid tự giãn theo số cột thật. */ .cdt .footer__html>*:first-child{margin-top:0} @media (max-width:640px){ .cdt .footer__info-row{gap:8px} } /* ---- Dòng ảnh / banner trong "Dòng thông tin" (v2.20.1) ---- * Logo chứng nhận (Bộ Công Thương, DMCA…): giữ đúng tỉ lệ và ĐÚNG MÀU GỐC — * không filter, không mix-blend-mode; hover chỉ mờ nhẹ, KHÔNG zoom. */ .cdt .footer__info-row--image{display:block} .cdt .footer__imgs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cdt-footer-info-gap,11px);justify-content:var(--cdt-fimg-align,flex-start)} .cdt .footer__img{display:inline-block;line-height:0;max-width:100%} .cdt .footer__img img{width:var(--cdt-fimg-w,150px);max-width:100%;height:auto;object-fit:contain;display:block;transition:opacity .2s ease} a.footer__img:hover img{opacity:.85} /* ============ Tương phản chữ trên nền cam mới #F58220 (v2.21) ============ * Trắng trên #F58220 chỉ ~2.4:1 — không đạt AA. Xử lý theo 2 hướng: * 1) NHÃN nhỏ (<16px, không phải nút bấm): đổi chữ sang navy đậm --ink #0D4D78 * (~4.8:1 trên nền cam) — chip HOT, chip chuyên mục, số ngày lộ trình, số trang. * 2) NÚT CTA: giữ chữ trắng cho đúng nhận diện thương hiệu, thêm text-shadow * mảnh để tách chữ khỏi nền (không đổi màu nút, không đổi bố cục). */ .cdt .nav__badge, .cdt .chip, .cdt .acc__item.on .acc__num, .cdt .acc--static .acc__num, .cdt .pager a.is-active{color:var(--ink)} .cdt .btn--orange, .cdt .btn--fill:hover, .cdt .btn--solid:hover, .cdt .card__cta, .cdt .searchbar__go, .cdt .search-head__form button, .cdt .footer .news button, .cdt .book button, .cdt .side__cta, .cdt .mbar a, .cdt .comment-form .submit, .cdt .mnav__call, .cdt .hotline{text-shadow:0 1px 2px rgba(20,60,95,.5)}