/* =====================================================================
   wintoptec — FOOTER + CỘT NÚT NỔI (agent A, vòng 2) — PORT 1:1 CSS footer/kefu enwintoptec.com.
   Class gốc gắn tiền tố "wth-", scope dưới #wt-ftr (footer) và #wt-kef (nút nổi); rem → calc(N * var(--r)).
   ===================================================================== */
/* rem của site gốc: html{font-size:calc(100vw/19.2)} · ≥1901px 100px · ≤1580px 66px · ≤767px calc(100vw/7.5) → --r */
#wt-ftr, #wt-kef { --r: 66px; }
@media (min-width: 1581px) { #wt-ftr, #wt-kef { --r: calc(100vw / 19.2); } }
@media (min-width: 1901px) { #wt-ftr, #wt-kef { --r: 100px; } }
@media (max-width: 767px) { #wt-ftr, #wt-kef { --r: calc(100vw / 7.5); } }
/* Reset tương đương extend/style.css gốc, chỉ trong #wt-ftr (đè style phần tử của Flatsome/wt-base) */
#wt-ftr { font-family: var(--wt-font); font-size: 16px; line-height: 1.5; color: #333; text-align: left; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@media (max-width: 1580px) { #wt-ftr { font-size: 14px; } }
@media (max-width: 767px) { #wt-ftr { font-size: calc(0.28 * var(--r)); } }
#wt-ftr * { margin: 0; padding: 0; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box; font-family: var(--wt-font); }
#wt-ftr ul, #wt-ftr ol, #wt-ftr li { list-style: none; }
#wt-ftr a, #wt-ftr a:hover, #wt-ftr a:focus { color: #333; text-decoration: none; }
#wt-ftr img { border: 0; vertical-align: top; max-width: none; height: auto; display: inline; }
#wt-ftr h1, #wt-ftr h2, #wt-ftr h3, #wt-ftr h4, #wt-ftr h5, #wt-ftr h6 { font-family: inherit; font-style: inherit; font-size: inherit; font-weight: normal; color: inherit; letter-spacing: normal; line-height: inherit; width: auto; text-transform: none; }
#wt-ftr p, #wt-ftr dl, #wt-ftr dd, #wt-ftr dt { margin: 0; font-weight: normal; text-transform: none; letter-spacing: normal; }
#wt-ftr input, #wt-ftr button, #wt-ftr textarea, #wt-ftr select { -webkit-appearance: none; appearance: none; border: 0; border-radius: 0; font-family: inherit; font-style: inherit; font-size: inherit; font-weight: normal; color: inherit; background: transparent; box-shadow: none; height: auto; min-height: 0; max-width: none; width: auto; line-height: normal; letter-spacing: normal; text-transform: none; text-shadow: none; margin: 0; padding: 0; vertical-align: baseline; transition: none; }
#wt-ftr button { cursor: pointer; text-align: center; display: inline-block; }
#wt-ftr input:focus, #wt-ftr button:focus, #wt-ftr textarea:focus { outline: none; box-shadow: none; }
#wt-ftr svg { vertical-align: baseline; }
/* Reset tương đương extend/style.css gốc, chỉ trong #wt-kef (đè style phần tử của Flatsome/wt-base) */
#wt-kef { font-family: var(--wt-font); font-size: 16px; line-height: 1.5; color: #333; text-align: left; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@media (max-width: 1580px) { #wt-kef { font-size: 14px; } }
@media (max-width: 767px) { #wt-kef { font-size: calc(0.28 * var(--r)); } }
#wt-kef * { margin: 0; padding: 0; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box; font-family: var(--wt-font); }
#wt-kef ul, #wt-kef ol, #wt-kef li { list-style: none; }
#wt-kef a, #wt-kef a:hover, #wt-kef a:focus { color: #333; text-decoration: none; }
#wt-kef img { border: 0; vertical-align: top; max-width: none; height: auto; display: inline; }
#wt-kef h1, #wt-kef h2, #wt-kef h3, #wt-kef h4, #wt-kef h5, #wt-kef h6 { font-family: inherit; font-style: inherit; font-size: inherit; font-weight: normal; color: inherit; letter-spacing: normal; line-height: inherit; width: auto; text-transform: none; }
#wt-kef p, #wt-kef dl, #wt-kef dd, #wt-kef dt { margin: 0; font-weight: normal; text-transform: none; letter-spacing: normal; }
#wt-kef input, #wt-kef button, #wt-kef textarea, #wt-kef select { -webkit-appearance: none; appearance: none; border: 0; border-radius: 0; font-family: inherit; font-style: inherit; font-size: inherit; font-weight: normal; color: inherit; background: transparent; box-shadow: none; height: auto; min-height: 0; max-width: none; width: auto; line-height: normal; letter-spacing: normal; text-transform: none; text-shadow: none; margin: 0; padding: 0; vertical-align: baseline; transition: none; }
#wt-kef button { cursor: pointer; text-align: center; display: inline-block; }
#wt-kef input:focus, #wt-kef button:focus, #wt-kef textarea:focus { outline: none; box-shadow: none; }
#wt-kef svg { vertical-align: baseline; }

/* ---------- PORT footer ---------- */
#wt-ftr .wth-yt_footer { background-color: #111c31; color: #fff; padding: 10px 0 32px; width: 100%; }
#wt-ftr .wth-yt_container { max-width: 1400px; margin: 0 auto; padding: 0 16px; }
#wt-ftr .wth-yt_contact-bar { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 16px 0; border-bottom: 1px solid #1e2b45; margin-bottom: 32px; }
#wt-ftr .wth-yt_contact-item { display: flex; align-items: center; gap: 8px; margin: 8px 16px 8px 0; color: #ccc; }
#wt-ftr .wth-yt_main-footer { display: grid; grid-template-columns: 3fr 7fr 3fr; gap: 32px; margin-bottom: 32px; }
#wt-ftr .wth-yt_footer-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
#wt-ftr .wth-yt_footer-section { margin-bottom: 16px; }
#wt-ftr .wth-yt_footer-section h3 { margin-bottom: 16px; font-size: 16px; color: #f39800; }
#wt-ftr .wth-yt_subscribe { display: flex; gap: 8px; margin-bottom: 16px; }
#wt-ftr .wth-yt_subscribe input { padding: 8px; border: 1px solid #b3b3b3; background: transparent; color: white; flex-grow: 1; max-width: 300px; }
#wt-ftr .wth-yt_subscribe button { padding: 8px 24px; background-color: #004896; color: white; border: none; cursor: pointer; }
#wt-ftr .wth-yt_subscribe button:hover { background-color: #004896; }
#wt-ftr .wth-yt_qr-codes { display: flex; justify-content: flex-end; gap: 32px; }
#wt-ftr .wth-yt_qr-code { text-align: center; }
#wt-ftr .wth-yt_qr-code img { width: 120px; height: 120px; margin-bottom: 8px; background-color: #fff; border-radius: 6px; }
#wt-ftr .wth-yt_qr-code p { color: #ccc; font-size: 14.4px; }
#wt-ftr .wth-yt_footer-links { display: flex; flex-direction: column; gap: 12.8px; }
#wt-ftr .wth-yt_footer-links a { color: #939393; text-decoration: none; font-size: 13px; transition: color 0.3s; }
#wt-ftr .wth-yt_footer-links a:hover { color: #fff; }
#wt-ftr .wth-yt_footer-bottom { margin-top: 32px; padding-top: 16px; border-top: 1px solid #1e2b45; font-size: 12.8px; color: rgba(255, 255, 255, 0.4); }
#wt-ftr .wth-yt_footer-bottom p { color: #939393; }
#wt-ftr .wth-yt_footer-bottom a { color: #939393; text-decoration: none; margin-right: 16px; transition: color 0.3s; }
#wt-ftr .wth-yt_footer-bottom a:hover { color: #999; }
@media (max-width: 768px) { #wt-ftr .wth-yt_footer-bottom { margin: 32px 20px 0px; } }
@media (max-width: 768px) { #wt-ftr .wth-yt_contact-bar { flex-direction: column; align-items: flex-start; } }
@media (max-width: 768px) { #wt-ftr .wth-yt_main-footer { grid-template-columns: 1fr; } }
@media (max-width: 768px) { #wt-ftr .wth-yt_footer-list { display: none; grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { #wt-ftr .wth-yt_qr-codes { justify-content: center; margin-top: 0px; flex-wrap: wrap; } }
@media (max-width: 768px) { #wt-ftr .wth-yt_footer-section { text-align: center; } }
@media (max-width: 768px) { #wt-ftr .wth-yt_footer-links { align-items: center; } }
@media (max-width: 768px) { #wt-ftr .wth-yt_subscribe { flex-direction: column; align-items: stretch; } }
@media (max-width: 768px) { #wt-ftr .wth-yt_subscribe input { max-width: none; } }
@media (max-width: 576px) { #wt-ftr .wth-idx_center { margin: 10px; } }
@media (max-width: 576px) { #wt-ftr .wth-idx_nav .wth-menu .wth-item:hover .wth-title { margin-left: 0 !important; } }
@media (max-width: 576px) { #wt-ftr .wth-idx_nav { padding-top: 10px !important; padding-bottom: 10px !important; } }
@media (max-width: 576px) { #wt-ftr .wth-mail_ding,
#wt-ftr .wth-yt_contact2 { display: none; } }
@media (max-width: 576px) { #wt-ftr .wth-yt_contact1 { margin: 0 auto; } }
#wt-ftr .wth-idx_nav { width: 100%; height: auto; padding-top: 28px; padding-bottom: 28px; background: #004896; position: relative; z-index: 1; overflow: hidden; }
#wt-ftr .wth-idx_nav .wth-idx_center { position: relative; z-index: 2; max-width: 1400px; margin: 0 auto; }
#wt-ftr .wth-idx_nav .wth-menu { width: 100%; height: auto; position: relative; display: grid; grid-template-columns: repeat(4, 1fr); }
#wt-ftr .wth-idx_nav .wth-menu .wth-item { width: 100%; height: auto; border-right: 1px solid rgba(255, 255, 255, 0.1); }
#wt-ftr .wth-idx_nav .wth-menu .wth-item:first-child { border-left: 1px solid rgba(255, 255, 255, 0.1); }
#wt-ftr .wth-idx_nav .wth-menu .wth-item a { width: 100%; height: auto; padding-top: clamp(14.5px, 1.51041667vw, 29px); padding-bottom: clamp(14.5px, 1.51041667vw, 29px); padding-left: clamp(12.5px, 1.30208333vw, 25px); padding-right: clamp(12.5px, 1.30208333vw, 25px); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
#wt-ftr .wth-idx_nav .wth-menu .wth-item .wth-icon img { width: 100%; }
#wt-ftr .wth-idx_nav .wth-menu .wth-item .wth-icon { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }
#wt-ftr .wth-idx_nav .wth-menu .wth-item .wth-title { margin-left: 1em; font-size: 20px; color: #fff; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
#wt-ftr .wth-idx_nav .wth-menu .wth-item.wth-active a { opacity: .5; }
#wt-ftr .wth-idx_nav .wth-menu .wth-item:hover .wth-title { margin-left: 1.5em; }
@media (max-width:1366px) { #wt-ftr .wth-idx_nav .wth-menu .wth-item .wth-icon { width: 30px; height: 30px; } }
@media (max-width:1366px) { #wt-ftr .wth-idx_nav .wth-menu .wth-item .wth-title { font-size: 18px; } }
@media (max-width:1024px) { #wt-ftr .wth-idx_nav .wth-menu .wth-item .wth-title { font-size: 16px; } }
@media (max-width:990px) { #wt-ftr .wth-idx_nav .wth-menu .wth-item a { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } }
@media (max-width:990px) { #wt-ftr .wth-idx_nav .wth-menu .wth-item .wth-title { margin: 1em 0 0; } }
@media (max-width:768px) { #wt-ftr .wth-idx_nav .wth-menu .wth-item { border: 0; } }
@media (max-width:768px) { #wt-ftr .wth-idx_nav .wth-menu .wth-item:first-child { border-left: 0; } }
@media (max-width:768px) { #wt-ftr .wth-idx_nav .wth-menu .wth-item .wth-icon { width: 24px; height: 24px; } }
@media (max-width:768px) { #wt-ftr .wth-idx_nav .wth-menu .wth-item .wth-title { font-size: 14px; } }
@media (max-width:768px) { #wt-ftr .wth-idx_nav .wth-menu { grid-template-columns: repeat(2, 1fr); border: 0; grid-gap: 20px; } }
@media (max-width:768px) { #wt-ftr .wth-idx_nav .wth-menu::before,
#wt-ftr .wth-idx_nav .wth-menu::after { content:''; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); opacity: .1; } }
@media (max-width:768px) { #wt-ftr .wth-idx_nav .wth-menu::before { width: 1px; background: linear-gradient(#ffffff calc(50% - 10px), transparent calc(50% - 10px), transparent calc(50% + 10px), #ffffff calc(50% + 10px)); } }
@media (max-width:768px) { #wt-ftr .wth-idx_nav .wth-menu::after { height: 1px; background: linear-gradient(to right, #ffffff calc(50% - 10px), transparent calc(50% - 10px), transparent calc(50% + 10px), #ffffff calc(50% + 10px)); } }
#wt-ftr .wth-idx_nav .wth-icon_hot { width: 125px; height: 125px; position: absolute; right: 0; bottom: 0; z-index: 1; transform: translateY(10%); mix-blend-mode: screen; -webkit-mask: linear-gradient(rgba(0, 0, 0, 0.8), transparent); mask: linear-gradient(rgba(0, 0, 0, 0.8), transparent); }
@media (max-width:1560px) { #wt-ftr .wth-idx_nav .wth-icon_hot { width: 105px; height: 105px; } }
@media (max-width:1366px) { #wt-ftr .wth-idx_nav .wth-icon_hot { width: 90px; height: 90px; } }
@media (max-width:1024px) { #wt-ftr .wth-idx_nav .wth-icon_hot { width: 75px; height: 75px; } }
@media (max-width:768px) { #wt-ftr .wth-idx_nav .wth-icon_hot { width: 50px; height: 50px; } }
#wt-ftr .wth-icon_hot { width: 60px; height: 60px; position: relative; overflow: hidden; }
#wt-ftr .wth-icon_hot i { width: 200%; height: 12%; background: #003281; display: block; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) rotate(-45deg); transform-origin: top; }
#wt-ftr .wth-icon_hot .wth-middle { margin: 18% 0 0 18%; }
#wt-ftr .wth-icon_hot .wth-last { margin: 36% 0 0 36%; }
@media (max-width:1366px) { #wt-ftr .wth-icon_hot { width: 50px; height: 50px; } }
@media (max-width:1024px) { #wt-ftr .wth-icon_hot { width: 40px; height: 40px; } }
#wt-ftr .wth-yt_contact_section { width: 100%; padding: 20px 16px; box-sizing: border-box; }
#wt-ftr .wth-yt_contact_wrap { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }
#wt-ftr .wth-yt_contact_item { display: inline-flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; font-size: 16px; line-height: 1; transition: opacity 0.3s ease, transform 0.3s ease; }
#wt-ftr .wth-yt_contact_item:hover { opacity: 0.8; transform: translateY(-2px); }
#wt-ftr .wth-yt_contact_icon { width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
#wt-ftr .wth-yt_contact_icon svg { width: 100%; height: 100%; fill: #fff; display: block; }
#wt-ftr .wth-yt_contact_text { color: #fff; white-space: nowrap; }
@media (max-width: 768px) { #wt-ftr .wth-yt_contact_wrap { gap: 18px; } }
@media (max-width: 768px) { #wt-ftr .wth-yt_contact_item { font-size: 15px; } }
@media (max-width: 768px) { #wt-ftr .wth-yt_contact_icon { width: 20px; height: 20px; } }
@media (max-width: 480px) { #wt-ftr .wth-yt_contact_section { padding: 16px 12px; } }
@media (max-width: 480px) { #wt-ftr .wth-yt_contact_wrap { justify-content: flex-start; gap: 14px 20px; } }
@media (max-width: 480px) { #wt-ftr .wth-yt_contact_item { font-size: 14px; } }
@media (max-width: 480px) { #wt-ftr .wth-yt_contact_icon { width: 18px; height: 18px; } }

/* ---------- PORT kefu ---------- */
#wt-kef .wth-kefu_box { width: auto; height: auto; position: fixed; bottom: 35%; right: 0; z-index: 19; background: #ededed; }
#wt-kef .wth-kefu_box .wth-item { width: 54px; height: 54px; background: #ededed; position: relative; z-index: 5; }
#wt-kef .wth-kefu_box .wth-item .wth-images { width: 100%; height: 100%; position: relative; z-index: 2; }
#wt-kef .wth-kefu_box .wth-item .wth-images .wth-img { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
#wt-kef .wth-kefu_box .wth-item .wth-images .wth-img img { max-width: 40%; max-height: 40%; }
#wt-kef .wth-kefu_box .wth-item .wth-images .wth-icon_hot { width: 50%; height: 50%; position: absolute; right: 0; bottom: 0; z-index: 1; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
#wt-kef .wth-kefu_box .wth-item .wth-images .wth-icon_hot i { background: #ffbb48; }
#wt-kef .wth-kefu_box .wth-item .wth-info { width: auto; height: 100%; position: absolute; right: 0; top: 0; z-index: 1; transform: translateX(25%); background: #f39800; white-space: nowrap; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
#wt-kef .wth-kefu_box .wth-item .wth-info .wth-word { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 10px 54px 10px 15px; font-size: 14px; color: #fff; }
#wt-kef .wth-kefu_box .wth-item.wth-last { background: #003281; }
#wt-kef .wth-kefu_box .wth-item:hover .wth-images .wth-img { filter: brightness(0) invert(1); }
#wt-kef .wth-kefu_box .wth-item:hover .wth-images .wth-icon_hot { opacity: .6; }
#wt-kef .wth-kefu_box .wth-item:hover .wth-info { transform: translateX(0); opacity: 1; visibility: visible; }
#wt-kef .wth-zxkefu .wth-img { filter: brightness(0) invert(1)!important; }
#wt-kef .wth-zxkefu .wth-icon_hot { opacity: .6!important; }
#wt-kef .wth-zxkefu .wth-info { transform: translateX(0)!important; opacity: 1!important; visibility: visible!important; }
@media (max-width:1024px) { #wt-kef .wth-kefu_box .wth-item { width: 48px; height: 48px; } }
@media (max-width:1024px) { #wt-kef .wth-kefu_box .wth-item .wth-info .wth-word { padding: 8px 48px 8px 10px; } }
@media (max-width:1024px) { #wt-kef .wth-kefu_box { display: none; } }
#wt-kef .wth-icon_hot { width: 60px; height: 60px; position: relative; overflow: hidden; }
#wt-kef .wth-icon_hot i { width: 200%; height: 12%; background: #003281; display: block; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) rotate(-45deg); transform-origin: top; }
#wt-kef .wth-icon_hot .wth-middle { margin: 18% 0 0 18%; }
#wt-kef .wth-icon_hot .wth-last { margin: 36% 0 0 36%; }
@media (max-width:1366px) { #wt-kef .wth-icon_hot { width: 50px; height: 50px; } }
@media (max-width:1024px) { #wt-kef .wth-icon_hot { width: 40px; height: 40px; } }

/* =====================================================================
   ĐIỀU CHỈNH LOCAL (wintoptec.vn)
   ===================================================================== */
#wt-ftr .wth-yt_contact1 a { color: inherit; }
#wt-ftr .wth-yt_qr-code img { display: inline-block; object-fit: contain; padding: 6px; }
#wt-kef .wth-goTop { display: none; cursor: pointer; }