.tkts-wrap { --tkt-font: 'SVN-Avant Garde Gothic', 'Century Gothic', sans-serif; --ts-ok: var(--semantic-success, #1F8A5B); } /* ============================================================================ TKX DOCK (2026-06) — sliding Hotline/Zalo rail. Collapsed 64px icon → expands on hover to reveal the label. New CTA-cluster look mapped onto the live .tkts-* markup (theme/Elementor global widget). The .tkts-wrap rule above MUST stay first — functions.php keys the inline-strip off it. ============================================================================ */ .tkts-container { position: fixed; top: 40%; right: 0; z-index: 9999; display: flex; flex-direction: column; align-items: flex-end; gap: 0; font-family: var(--tkt-font); transform: scale(.95); transform-origin: 100% 50%; filter: drop-shadow(0 22px 48px rgba(13,43,78,.34)) drop-shadow(0 6px 14px rgba(13,43,78,.2)); } /* ── Base tab ── */ .tkts-btn { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; height: 64px; width: 64px; overflow: hidden; text-decoration: none; cursor: pointer; isolation: isolate; -webkit-tap-highlight-color: transparent; -webkit-backdrop-filter: blur(12px) saturate(1.5); backdrop-filter: blur(12px) saturate(1.5); transition: width .55s cubic-bezier(.34,1.56,.64,1), box-shadow .45s cubic-bezier(.22,1,.36,1), filter .35s cubic-bezier(.22,1,.36,1); will-change: width; } .tkts-btn::after { content: none; } /* ── Hotline (orange) ── */ .tkts-hotline { background: linear-gradient(165deg, #EE8E2E, #E0731A); border: 1px solid rgba(255,255,255,.16); border-right: none; border-radius: 18px 0 0 0; animation: tkts-pulse 3.8s cubic-bezier(.2,0,.8,1) infinite; } .tkts-hotline:hover { width: 238px; filter: brightness(1.03); box-shadow: 0 14px 30px rgba(224,112,0,.32); animation-play-state: paused; } @keyframes tkts-pulse { 0% { box-shadow: 0 0 0 0 rgba(224,112,0,.28); } 60% { box-shadow: 0 0 0 12px rgba(224,112,0,0); } 100% { box-shadow: 0 0 0 0 rgba(224,112,0,0); } } /* ── Zalo (navy/blue) ── */ .tkts-zalo { background: radial-gradient(120% 100% at 28% 0%, rgba(124,178,222,.28), transparent 60%), linear-gradient(165deg, #2E76B0 0%, #1B5685 52%, #123E62 100%); border: 1px solid rgba(255,255,255,.14); border-right: none; border-radius: 0 0 0 18px; } .tkts-zalo:hover { width: 236px; filter: brightness(1.05); box-shadow: 0 14px 30px rgba(13,43,78,.4); } /* ── Divider ── */ .tkts-divider { width: 64px; height: 1px; align-self: flex-end; background: linear-gradient(270deg, rgba(255,255,255,.34), rgba(255,255,255,.05)); } /* ── Icon zone (right, fixed 64) ── */ .tkts-icon-zone { order: 2; flex: 0 0 auto; width: 64px; height: 100%; position: relative; z-index: 3; display: flex; align-items: center; justify-content: center; } .tkts-icon-zone::before { content: ""; position: absolute; width: 52px; height: 52px; border-radius: 50%; background: rgba(255,255,255,.16); transform: scale(0); transition: transform .4s cubic-bezier(.34,1.56,.64,1); } .tkts-btn:hover .tkts-icon-zone::before { transform: scale(1); } .tkts-icon { width: 40px; height: 40px; object-fit: contain; filter: brightness(0) invert(1); position: relative; z-index: 1; transform-origin: center; animation: tkts-shake 4s ease-in-out infinite; } @keyframes tkts-shake { 0%,55%,100% { transform: rotate(0) scale(1); } 57% { transform: rotate(-15deg) scale(1.06); } 60% { transform: rotate(12deg) scale(1.07); } 63% { transform: rotate(-8deg) scale(1.04); } 66% { transform: rotate(5deg) scale(1.02); } 69% { transform: rotate(-3deg); } 72% { transform: rotate(0); } } .tkts-icon-zalo { animation: none; } .tkts-btn:hover .tkts-icon { animation: tkts-bounce .5s cubic-bezier(.34,1.56,.64,1) forwards; } @keyframes tkts-bounce { 0% { transform: scale(1) rotate(0); } 55% { transform: scale(1.2) rotate(-8deg); } 100% { transform: scale(1.08) rotate(-4deg); } } /* ── Live dot ── */ .tkts-dot { position: absolute; top: 12px; right: 12px; width: 9px; height: 9px; border-radius: 50%; z-index: 4; background: #2BE07A; box-shadow: 0 0 0 2px rgba(0,0,0,.22), 0 0 9px rgba(43,224,122,.85); } .tkts-dot::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: #2BE07A; animation: tkts-ping 2.2s ease-out infinite; } @keyframes tkts-ping { 0% { transform: scale(1); opacity: .7; } 80%,100% { transform: scale(3); opacity: 0; } } /* ── Text zone (left, slides in on hover) ── */ .tkts-text-zone { order: 1; display: flex; flex-direction: column; align-items: flex-end; white-space: nowrap; padding: 4px 4px 4px 18px; position: relative; z-index: 3; opacity: 0; transform: translateX(12px); transition: opacity .4s .06s cubic-bezier(.22,1,.36,1), transform .42s .06s cubic-bezier(.22,1,.36,1); } .tkts-btn:hover .tkts-text-zone { opacity: 1; transform: translateX(0); } .tkt-label { font-family: var(--tkt-font); font-size: 11px; font-weight: 500; letter-spacing: .01em; text-transform: none; font-feature-settings: normal; -webkit-font-feature-settings: normal; color: rgba(255,255,255,.78); line-height: 1.35; margin-bottom: 4px; display: block; } .tkt-number { font-family: var(--tkt-font); font-weight: 700; color: #fff; font-size: 22px; line-height: 1.2; letter-spacing: .02em; text-shadow: 0 1px 6px rgba(0,0,0,.3); } .tkt-name { font-family: var(--tkt-font); font-weight: 700; color: #fff; font-size: 18px; line-height: 1.2; letter-spacing: .01em; text-transform: none; font-feature-settings: normal; -webkit-font-feature-settings: normal; text-shadow: 0 1px 6px rgba(0,0,0,.3); } .tkt-sub { font-family: var(--tkt-font); font-size: 12px; color: rgba(255,255,255,.9); margin-top: 6px; display: block; line-height: 1.35; letter-spacing: .01em; } @media (max-width: 768px) { .tkts-container { top: auto; bottom: 96px; transform: scale(.9); transform-origin: 100% 100%; } .tkts-hotline:hover { width: 210px; } .tkts-zalo:hover { width: 208px; } } @media (prefers-reduced-motion: reduce) { .tkts-hotline, .tkts-icon, .tkts-dot::after { animation: none !important; } } .tkth-util{display:block;padding:0;height:auto;justify-content:normal;background:linear-gradient(90deg,#001A3D 0%,#002B5C 60%,#003E80 100%);color:rgba(255,255,255,0.86);font-family:var(--font-display);font-size:12.5px;letter-spacing:0.01em}.tkth-util-inner{max-width:1140px;margin:0 auto;padding:10px 40px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;min-height:40px}.tkth-util .tkth-left{justify-self:start}.tkth-util .tkth-right{justify-self:end}.tkth-util .tkth-left,.tkth-util .tkth-right{display:flex;align-items:center;gap:18px;flex-wrap:nowrap}.tkth-util a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:color var(--dur-1) var(--ease-out)}.tkth-util a:hover{color:#fff}.tkth-util a b{color:#fff;font-weight:var(--w-demi)}.tkth-util .tkth-dot{width:6px;height:6px;border-radius:50%;background:#4ADE80;box-shadow:0 0 8px #4ADE80;display:inline-block}.tkth-util .tkth-sep{width:1px;height:12px;background:rgba(255,255,255,0.18);display:inline-block}.tkth-lang{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:transparent;border:none;font-family:var(--font-mono);font-size:11px;font-weight:var(--w-bold);letter-spacing:0.06em;color:rgba(255,255,255,0.86);cursor:pointer;white-space:nowrap;transition:background var(--dur-2) var(--ease-out)}.tkth-lang:hover{background:rgba(255,255,255,0.14)}.tkth-lang svg{opacity:0.7}.tkth-lang .tkth-active{color:#fff}.tkth-lang .tkth-lang-sep{opacity:0.4;padding:0 2px}.tkth-lang .tkth-inactive{color:rgba(255,255,255,0.5)}.tkth-bar-wrap{position:sticky;top:16px;z-index:var(--z-sticky);padding:14px 24px 0}.tkth-bar{max-width:1140px;margin:0 auto;padding:8px 12px 8px 16px;border-radius:999px;background:rgba(255,255,255,0.88);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);border:1px solid rgba(255,255,255,0.95);box-shadow:0 12px 32px rgba(0,40,80,0.10),inset 0 1px 0 rgba(255,255,255,0.95),inset 0 -1px 0 rgba(91,174,245,0.15)}.tkth-bar::before{content:"";position:absolute;top:0;left:22%;right:22%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.95),transparent);pointer-events:none}.tkth-bar .tkth-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}.tkth-brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.tkth-brand img{height:46px;width:auto;object-fit:contain;display:block;flex-shrink:0}.tkth-brand .tkth-lockup{display:flex;flex-direction:column;line-height:1;padding-left:12px;border-left:1px solid rgba(0,40,80,0.12)}.tkth-brand .tkth-lockup .tkth-since{font-family:var(--font-mono);font-size:10px;font-weight:var(--w-bold);letter-spacing:0.14em;color:var(--tkt-blue-700);text-transform:uppercase}.tkth-brand .tkth-lockup .tkth-sub{font-family:var(--font-mono);font-size:9.5px;font-weight:var(--w-demi);letter-spacing:0.18em;color:var(--fg-3);margin-top:4px;text-transform:uppercase}@media (max-width:1200px){.tkth-brand .tkth-lockup{display:none}}.tkth-menu{display:flex;align-items:center;gap:2px;font-family:var(--font-display);font-size:15px;font-weight:var(--w-demi);color:var(--fg-1);flex:1;justify-content:center}.tkth-menu .tkth-item{position:relative;padding:9px 14px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:background var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out);text-decoration:none;color:inherit;text-transform:capitalize}.tkth-menu .tkth-item:hover{background:rgba(0,80,144,0.06);color:var(--tkt-blue-700)}.tkth-menu .tkth-item.tkth-active{background:rgba(0,80,144,0.10);color:var(--tkt-blue-700)}.tkth-menu .tkth-item .tkth-caret{font-size:10px;opacity:0.55;transform:translateY(1px);text-transform:none}.tkth-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.tkth-iconbtn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,0.6);border:1px solid rgba(0,40,80,0.10);color:var(--fg-1);cursor:pointer;transition:background var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out);text-decoration:none}.tkth-iconbtn:hover{background:#fff;color:var(--tkt-blue-700)}.tkth-cta{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;background:linear-gradient(180deg,#FFA040,#E07000);color:#fff!important;text-decoration:none;font-family:var(--font-display);font-size:14px;font-weight:var(--w-bold);letter-spacing:0.005em;white-space:nowrap;box-shadow:0 8px 20px rgba(224,112,0,0.38),inset 0 1px 0 rgba(255,255,255,0.45);border:none;cursor:pointer;transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.tkth-cta:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(224,112,0,0.50),inset 0 1px 0 rgba(255,255,255,0.55);color:#fff!important}.tkth-mega-trigger{position:relative!important}.tkth-mega-trigger::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:820px;max-width:92vw;height:26px;background:transparent;pointer-events:none}.tkth-mega-trigger:hover::after,.tkth-mega-trigger:focus-within::after{pointer-events:auto}.tkth-mega-trigger:hover>.tkth-mega,.tkth-mega-trigger:focus-within>.tkth-mega{visibility:visible;opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);transition:opacity 0.22s cubic-bezier(0.16,1,0.3,1),transform 0.22s cubic-bezier(0.16,1,0.3,1),visibility 0s linear 0s}.tkth-mega{display:grid;visibility:hidden;opacity:0;pointer-events:none;position:absolute;top:calc(100% + 24px)!important;left:50%;transform:translateX(-50%) translateY(-6px);transition:opacity 0.22s cubic-bezier(0.16,1,0.3,1),transform 0.22s cubic-bezier(0.16,1,0.3,1),visibility 0s linear 0.22s;width:820px;padding:24px!important;border-radius:22px;background:#FFFFFF;-webkit-backdrop-filter:none;backdrop-filter:none;animation:none;border:1px solid rgba(0,40,80,0.10);box-shadow:0 24px 60px -8px rgba(0,40,80,0.22),0 8px 16px -4px rgba(0,40,80,0.10);grid-template-columns:1fr 1.1fr 1.1fr;gap:22px;z-index:var(--z-overlay)}.tkth-mega::before{content:""!important;position:absolute!important;top:-24px!important;left:0!important;right:0!important;height:24px!important;width:auto!important;background:transparent!important;border:none!important;transform:none!important}.tkth-mega-col h4{font-family:var(--font-mono);font-size:10.5px;font-weight:var(--w-bold);letter-spacing:0.18em;color:var(--tkt-blue-600);margin:0 0 12px 0;text-transform:uppercase}.tkth-mega-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.tkth-mega-col li>a{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;border-radius:10px;font-size:14px;color:var(--fg-1);font-weight:var(--w-demi);text-decoration:none;transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out);text-transform:capitalize}.tkth-mega-col li>a:hover{background:rgba(0,80,144,0.06);color:var(--tkt-blue-700)}.tkth-mega-col li .tkth-item-desc{display:block;font-size:11.5px;font-weight:var(--w-medium);color:var(--fg-3);margin-top:2px;line-height:1.35;text-transform:none}.tkth-mega-brands{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:10px}.tkth-mega-brand-tile{display:flex;align-items:center;justify-content:center;padding:10px 8px;border-radius:10px;background:transparent;border:none;transition:transform var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease-out)}.tkth-mega-brand-tile:hover{transform:translateY(-2px);opacity:0.85}.tkth-mega-brand-tile img{height:34px;width:auto;max-width:100%;object-fit:contain;filter:none;transition:none}.tkth-mega-seeall{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:13px;font-weight:var(--w-bold);color:#fff;text-decoration:none;margin-top:10px;padding:9px 18px;border-radius:999px;background:linear-gradient(180deg,#FFA040,#E07000);box-shadow:0 6px 16px rgba(224,112,0,0.32),inset 0 1px 0 rgba(255,255,255,0.40);text-transform:capitalize;transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.tkth-mega-seeall:hover{color:#fff;transform:translateY(-1px);box-shadow:0 10px 24px rgba(224,112,0,0.45),inset 0 1px 0 rgba(255,255,255,0.50)}.tkth-mega-promo{display:flex;align-items:stretch;justify-content:center;border-radius:14px;overflow:hidden;height:100%;min-height:220px;position:relative;border:none;background:#001A3D;transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.tkth-mega-promo:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,40,80,0.15)}.tkth-mega-promo img{width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center center;display:block}.tkth-drawer{position:fixed;inset:0;z-index:var(--z-modal);background:rgba(8,16,34,0.58);visibility:hidden;opacity:0;transition:opacity 0.3s var(--ease-out),visibility 0s linear 0.3s}.tkth-drawer.open{visibility:visible;opacity:1;transition:opacity 0.3s var(--ease-out),visibility 0s linear 0s}.tkth-drawer .tkth-drawer-panel{position:absolute;top:0;right:0;bottom:0;width:66vw;min-width:282px;max-width:420px;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;padding:12px 12px calc(12px + env(safe-area-inset-bottom));border-radius:24px 0 0 24px;background:rgba(255,255,255,0.92);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,0.9);border-right:none;box-shadow:-24px 0 60px -10px rgba(0,40,80,0.30),inset 1px 0 0 rgba(255,255,255,0.9);color:var(--fg-1);transform:translateX(100%);transition:transform 0.34s var(--ease-out)}.tkth-drawer.open .tkth-drawer-panel{transform:translateX(0)}.tkth-drawer .tkth-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 8px;margin-bottom:6px;border-bottom:1px solid rgba(0,40,80,0.08)}.tkth-drawer .tkth-drawer-brand img{height:30px;width:auto;display:block}.tkth-drawer .tkth-drawer-close{width:34px;height:34px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;border:none;color:var(--fg-3);cursor:pointer;transition:color var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out)}.tkth-drawer .tkth-drawer-close:hover,.tkth-drawer .tkth-drawer-close:active{color:var(--tkt-blue-700);background:rgba(0,80,144,0.08)}.tkth-drawer .tkth-drawer-nav{display:flex;flex-direction:column;flex:0 0 auto}.tkth-drawer a.tkth-drawer-item{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;min-height:48px;padding:6px 8px;border-radius:9px;font-family:var(--font-display);font-size:15px;font-weight:var(--w-demi);color:var(--fg-1);text-decoration:none;background:none;border:none;border-bottom:1px solid rgba(0,40,80,0.07);text-transform:capitalize;transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.tkth-drawer .tkth-drawer-nav a.tkth-drawer-item:last-child{border-bottom:none}.tkth-drawer a.tkth-drawer-item:hover,.tkth-drawer a.tkth-drawer-item:active{background:rgba(0,80,144,0.06);color:var(--tkt-blue-700)}.tkth-drawer a.tkth-drawer-item::after{content:"";width:7px;height:7px;flex-shrink:0;margin-left:8px;border-right:1.8px solid currentColor;border-top:1.8px solid currentColor;transform:rotate(45deg);opacity:0.30}.tkth-drawer .tkth-drawer-brands{margin-top:8px;padding-top:12px;border-top:1px solid rgba(0,40,80,0.08)}.tkth-drawer .tkth-drawer-brands-label{font-family:var(--font-mono);font-size:9.5px;font-weight:var(--w-bold);letter-spacing:0.16em;text-transform:uppercase;color:var(--tkt-blue-600);margin:0 2px 7px}.tkth-drawer .tkth-drawer-brand-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.tkth-drawer .tkth-drawer-brand-grid a{display:flex;align-items:center;justify-content:center;padding:7px 6px;border-radius:9px;background:rgba(255,255,255,0.5);border:1px solid rgba(0,40,80,0.06);transition:background var(--dur-2) var(--ease-out)}.tkth-drawer .tkth-drawer-brand-grid a:active{background:rgba(255,255,255,0.9)}.tkth-drawer .tkth-drawer-brand-grid img{height:22px;width:auto;max-width:100%;object-fit:contain}.tkth-drawer .tkth-drawer-seeall{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:7px;padding:8px 16px;border-radius:999px;font-family:var(--font-display);font-size:12px;font-weight:var(--w-demi);color:var(--tkt-blue-700)!important;text-decoration:none;background:rgba(0,80,144,0.06);border:1px solid rgba(0,80,144,0.16);box-shadow:none;transition:background var(--dur-2) var(--ease-out)}.tkth-drawer .tkth-drawer-seeall:active{background:rgba(0,80,144,0.12)}.tkth-drawer .tkth-drawer-seeall svg{opacity:.8}.tkth-drawer .tkth-drawer-actions{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:12px}.tkth-drawer .tkth-cta,.tkth-drawer .tkth-cta-row{display:flex;align-items:center;gap:11px;width:100%;min-height:50px;padding:8px 13px;border-radius:15px;text-decoration:none;font-family:var(--font-display)}.tkth-drawer .tkth-cta-ic{width:36px;height:36px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:11px}.tkth-drawer .tkth-cta-tx{display:flex;flex-direction:column;gap:0;flex:1;min-width:0;line-height:1.2}.tkth-drawer .tkth-cta-title{font-size:14.5px;font-weight:var(--w-bold);white-space:nowrap}.tkth-drawer .tkth-cta-sub{font-size:11px;font-weight:var(--w-medium);opacity:.72}.tkth-drawer .tkth-cta-arrow{flex-shrink:0;display:inline-flex;opacity:.85;transition:transform var(--dur-2) var(--ease-out)}.tkth-drawer .tkth-cta:active .tkth-cta-arrow,.tkth-drawer .tkth-cta-row:active .tkth-cta-arrow{transform:translateX(3px)}.tkth-drawer .tkth-cta{background:linear-gradient(135deg,#FFB259 0%,#FF8A1E 45%,#E66A00 100%);color:#fff!important;border:none;box-shadow:0 8px 20px rgba(224,112,0,0.36),inset 0 1px 0 rgba(255,255,255,0.5),inset 0 -2px 6px rgba(150,60,0,0.22)}.tkth-drawer .tkth-cta .tkth-cta-ic{background:rgba(255,255,255,0.22);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}.tkth-drawer .tkth-cta .tkth-cta-sub{opacity:1;color:rgba(255,255,255,.88)}.tkth-drawer .tkth-cta:active{transform:translateY(1px);box-shadow:0 5px 14px rgba(224,112,0,0.32),inset 0 1px 0 rgba(255,255,255,0.5)}.tkth-drawer .tkth-cta-row{background:rgba(255,255,255,0.55);border:1px solid rgba(0,40,80,0.10);color:var(--fg-1);box-shadow:0 4px 12px rgba(0,40,80,0.06);transition:background var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}.tkth-drawer .tkth-cta-row .tkth-cta-arrow{color:var(--fg-3)}.tkth-drawer .tkth-cta-row:active{background:rgba(255,255,255,0.85);transform:translateY(1px)}.tkth-drawer .tkth-cta-row--blue{border-color:rgba(0,80,144,0.18)}.tkth-drawer .tkth-cta-row--blue .tkth-cta-ic{background:rgba(0,80,144,0.12);color:var(--tkt-blue-700)}.tkth-drawer .tkth-cta-row--green{border-color:rgba(16,160,110,0.22)}.tkth-drawer .tkth-cta-row--green .tkth-cta-ic{background:rgba(16,160,110,0.14);color:#0E9F6E}.tkth-drawer .tkth-drawer-nav{flex:0 0 auto!important}.tkth-drawer .tkth-drawer-nav a.tkth-drawer-item{color:var(--fg-1)!important;background:none!important;border:0!important;border-bottom:1px solid rgba(0,40,80,0.07)!important;padding:11px 8px!important;border-radius:9px!important;flex:0 0 auto!important;min-height:48px!important}.tkth-drawer .tkth-drawer-nav a.tkth-drawer-item:last-child{border-bottom:0!important}.tkth-drawer .tkth-drawer-nav a.tkth-drawer-item:hover,.tkth-drawer .tkth-drawer-nav a.tkth-drawer-item:active{background:rgba(0,80,144,0.06)!important;color:var(--tkt-blue-700)!important}.tkth-drawer .tkth-drawer-head .tkth-drawer-close{color:var(--fg-3)!important;background:transparent!important;border:0!important}.tkth-drawer .tkth-drawer-head .tkth-drawer-brand img{height:30px!important;mix-blend-mode:normal!important}.tkth-drawer .tkth-drawer-actions{border-top:0!important}@media (max-width:1024px){.tkth-bar-wrap{padding:12px 12px 0}.tkth-bar{padding:6px 6px 6px 14px}.tkth-bar .tkth-nav-inner{gap:8px}.tkth-brand img{height:40px}.tkth-menu,.tkth-actions .tkth-cta{display:none}.tkth-actions .tkth-iconbtn{width:40px;height:40px;background:var(--tkt-blue-900);border:1px solid var(--tkt-blue-900);color:#fff}.tkth-actions .tkth-iconbtn:hover{background:var(--tkt-blue-800);color:#fff}.tkth-actions .tkth-iconbtn.tkth-search{background:rgba(0,80,144,0.10);border-color:rgba(0,80,144,0.18);color:var(--tkt-blue-700)}.tkth-actions .tkth-iconbtn.tkth-search:hover{background:rgba(0,80,144,0.18)}.tkth-util{font-size:11px}.tkth-util-inner{padding:8px 14px;height:auto}.tkth-util .tkth-left{gap:10px;flex-wrap:wrap}.tkth-util .tkth-right .tkth-mob-hide{display:none}.tkth-util .tkth-lang{padding:4px 10px;font-size:10.5px}}@media (max-width:640px){.tkth-bar-wrap{padding:10px 10px 0}.tkth-bar{padding:5px 5px 5px 12px}.tkth-brand img{height:36px}.tkth-util-inner{padding:8px 12px}.tkth-util .tkth-left a:not(:first-child) span{display:none}.tkth-util .tkth-right .tkth-lang{padding:4px 8px}.tkth-util .tkth-right .tkth-lang svg{display:none}.tkth-actions .tkth-iconbtn{width:38px;height:38px}}@media (min-width:1025px){.tkth-iconbtn.tkth-ham{display:none}.tkth-drawer{display:none!important}} /* HEADER v3 — design polish 2026-06-30 */ .tkth-util{background:linear-gradient(180deg,rgba(255,255,255,0.07),transparent 42%),linear-gradient(90deg,#001A3D 0%,#002B5C 56%,#003E80 100%);box-shadow:inset 0 -1px 0 rgba(255,255,255,0.07);} .tkth-util .tkth-left a:first-child{font-weight:var(--w-demi);} .tkth-live{width:7px;height:7px;border-radius:50%;background:#4ADE80;flex-shrink:0;box-shadow:0 0 0 0 rgba(74,222,128,.5);animation:tkthLive 2.4s var(--ease-out) infinite;} @keyframes tkthLive{0%{box-shadow:0 0 0 0 rgba(74,222,128,.5)}70%,100%{box-shadow:0 0 0 7px rgba(74,222,128,0)}} .tkth-bar{transition:background var(--dur-3,.35s) var(--ease-out),box-shadow var(--dur-3,.35s) var(--ease-out);} .tkth-bar-wrap{transition:padding var(--dur-3,.35s) var(--ease-out);} .tkth-scrolled .tkth-bar{background:rgba(255,255,255,0.95);box-shadow:0 16px 38px -12px rgba(0,40,80,0.22),inset 0 1px 0 rgba(255,255,255,0.95),inset 0 -1px 0 rgba(91,174,245,0.18);} .tkth-scrolled .tkth-bar-wrap{padding-top:8px;} .tkth-bar .tkth-cta{position:relative;overflow:hidden;} .tkth-bar .tkth-cta::after{content:"";position:absolute;top:0;left:-65%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);transition:left .7s var(--ease-out);pointer-events:none;} .tkth-bar .tkth-cta:hover::after{left:130%;} .tkth-mega-col li>a{transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out);} .tkth-mega-col li>a:hover{transform:translateX(2px);} .tkth-mega-seeall{position:relative;overflow:hidden;} .tkth-mega-seeall::after{content:"";position:absolute;top:0;left:-65%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-18deg);transition:left .7s var(--ease-out);pointer-events:none;} .tkth-mega-seeall:hover::after{left:130%;} .tkth-drawer-head-actions{display:flex;align-items:center;gap:10px;} .tkth-drawer.open .tkth-drawer-nav a.tkth-drawer-item{animation:tkthDrawerIn .4s var(--ease-out) both;} .tkth-drawer.open .tkth-drawer-nav a.tkth-drawer-item:nth-child(1){animation-delay:.04s}.tkth-drawer.open .tkth-drawer-nav a.tkth-drawer-item:nth-child(2){animation-delay:.08s}.tkth-drawer.open .tkth-drawer-nav a.tkth-drawer-item:nth-child(3){animation-delay:.12s}.tkth-drawer.open .tkth-drawer-nav a.tkth-drawer-item:nth-child(4){animation-delay:.16s}.tkth-drawer.open .tkth-drawer-nav a.tkth-drawer-item:nth-child(5){animation-delay:.20s}.tkth-drawer.open .tkth-drawer-nav a.tkth-drawer-item:nth-child(6){animation-delay:.24s}.tkth-drawer.open .tkth-drawer-nav a.tkth-drawer-item:nth-child(7){animation-delay:.28s}.tkth-drawer.open .tkth-drawer-nav a.tkth-drawer-item:nth-child(8){animation-delay:.32s} @keyframes tkthDrawerIn{from{transform:translateX(14px)}to{transform:none}} .tkth-util-inner{padding:8px 40px;min-height:36px;} .tkth-util .tkth-right{gap:22px;} .tkth-uchip{position:relative;display:inline-flex;align-items:center;gap:7px;padding:4px 0;border:none;background:transparent;box-shadow:none;line-height:1;text-transform:capitalize;color:rgba(255,255,255,0.74)!important;font-weight:var(--w-medium);letter-spacing:.005em;transition:color var(--dur-2) var(--ease-out);} .tkth-uchip::before{content:"";width:4px;height:4px;border-radius:50%;flex:none;background:rgba(255,255,255,0.92);transform:scale(0);opacity:0;transition:transform var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease-out);} .tkth-uchip::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1.5px;border-radius:2px;background:rgba(255,255,255,0.85);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-2) var(--ease-out);} .tkth-uchip:hover{color:#fff!important;}.tkth-uchip:hover::before{transform:scale(1);opacity:1;}.tkth-uchip:hover::after{transform:scaleX(1);} .tkth-uchip svg{display:none;} .tkth-brand{gap:11px;border-radius:14px;padding:2px 4px 2px 2px;transition:background var(--dur-2) var(--ease-out);} .tkth-brand:hover{background:rgba(0,80,144,0.04);} .tkth-brand img{transition:transform var(--dur-3,.35s) var(--ease-out);} .tkth-brand:hover img{transform:scale(1.035);} .tkth-brand .tkth-lockup{border-left:1px solid rgba(0,40,80,0.14);padding-left:12px;} .tkth-brand .tkth-lockup .tkth-since{display:inline-flex;align-items:center;gap:5px;color:var(--tkt-blue-700);} .tkth-brand .tkth-lockup .tkth-since::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--tkt-orange-500);box-shadow:0 0 0 2px rgba(224,112,0,0.18);} .tkth-brand .tkth-lockup .tkth-sub{letter-spacing:.04em;} .tkth-menu{gap:3px;} .tkth-menu .tkth-item{font-family:var(--font-display);font-size:14.5px;font-weight:var(--w-demi);letter-spacing:.004em;color:var(--fg-1);text-transform:capitalize;border-radius:11px;padding:9px 15px;transition:color var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-out);} .tkth-menu .tkth-item:hover{background:rgba(0,80,144,0.04);color:var(--tkt-blue-700);} .tkth-menu .tkth-item:active{transform:translateY(1px);} .tkth-menu .tkth-item::after{content:"";position:absolute;left:50%;bottom:5px;height:2px;width:22px;margin-left:-11px;border-radius:2px;background:linear-gradient(90deg,var(--tkt-blue-600),var(--tkt-blue-400));transform:scaleX(0);transform-origin:center;transition:transform var(--dur-2) var(--ease-out);} .tkth-menu .tkth-item:hover::after,.tkth-menu .tkth-item:focus-within::after,.tkth-menu .tkth-item.tkth-active::after{transform:scaleX(1);} .tkth-menu .tkth-item.tkth-active{color:var(--tkt-blue-700);background:transparent;} .tkth-mega-trigger .tkth-caret{transition:transform var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease-out);} .tkth-mega-trigger:hover .tkth-caret,.tkth-mega-trigger:focus-within .tkth-caret{transform:rotate(180deg);opacity:.85;} .tkth-mega{width:760px;gap:18px;grid-template-columns:1.04fr 1fr 0.86fr;align-items:stretch;transform:translateX(-50%) translateY(-10px) scale(.985);transform-origin:top center;box-shadow:0 28px 60px -18px rgba(0,40,80,0.30),0 8px 20px -10px rgba(0,40,80,0.18),inset 0 1px 0 rgba(255,255,255,0.9);} .tkth-mega-trigger:hover>.tkth-mega,.tkth-mega-trigger:focus-within>.tkth-mega{transform:translateX(-50%) translateY(0) scale(1);} .tkth-mega::after{content:"";position:absolute;top:-7px;left:50%;width:14px;height:14px;margin-left:-7px;background:inherit;border-left:1px solid rgba(255,255,255,0.9);border-top:1px solid rgba(255,255,255,0.9);transform:rotate(45deg);border-radius:3px 0 0 0;pointer-events:none;} .tkth-mega-col h4{display:flex;align-items:center;gap:8px;color:var(--tkt-blue-700);margin-bottom:10px;} .tkth-mega-col h4::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(0,80,144,0.20),transparent);} .tkth-mega>.tkth-mega-col:nth-child(2){border-left:1px solid rgba(0,40,80,0.08);padding-left:18px;display:flex;flex-direction:column;} .tkth-mega-col:first-child ul{gap:3px;} .tkth-mega-col li>a{padding:8px 10px;border-left:2px solid transparent;transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out);} .tkth-mega-col li>a:hover{background:rgba(0,80,144,0.05);border-left-color:var(--tkt-blue-500,#2d8de0);transform:translateX(2px);} .tkth-mega-brands{gap:6px 14px;margin-bottom:0;align-items:center;} .tkth-mega-brand-tile{padding:8px 6px;border-radius:10px;min-height:0;background:transparent;border:1px solid transparent;opacity:1;box-shadow:none;transition:background var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out);} .tkth-mega-brand-tile:hover{transform:translateY(-2px);opacity:1;background:rgba(0,80,144,0.05);border-color:transparent;box-shadow:none;} .tkth-mega-brand-tile img{height:44px;max-width:100%;object-fit:contain;filter:none;opacity:1;transition:none;} .tkth-mega-seeall{position:relative;overflow:hidden;margin-top:auto;justify-content:center;} .tkth-mega-promo{min-height:0;border-radius:14px;} .tkth-mega-promo img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s var(--ease-out);} .tkth-mega-promo:hover img{transform:scale(1.05);} .tkth-iconbtn{transition:background var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-out);} .tkth-iconbtn:hover{transform:translateY(-1px);} .tkth-iconbtn[aria-expanded="true"]{background:var(--tkt-blue-800,#002B5C)!important;color:#fff!important;border-color:var(--tkt-blue-900,#001A3D)!important;} .tkth-search-overlay{position:fixed;inset:0;z-index:var(--z-modal,300);display:flex;align-items:flex-start;justify-content:center;padding:92px 24px 24px;background:rgba(0,20,42,0.30);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .22s var(--ease-out),visibility 0s linear .22s;} .tkth-search-overlay[data-open="true"]{opacity:1;visibility:visible;transition:opacity .22s var(--ease-out);} .tkth-search-card{width:min(620px,100%);background:#fff;border:1px solid rgba(0,40,80,0.10);border-radius:20px;box-shadow:0 30px 64px -18px rgba(0,40,80,0.40),inset 0 1px 0 rgba(255,255,255,0.9);padding:18px;position:relative;transform:translateY(-10px) scale(.98);transition:transform .26s cubic-bezier(.16,1,.3,1);} .tkth-search-overlay[data-open="true"] .tkth-search-card{transform:none;} .tkth-search-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px;} .tkth-search-head .ttl{font-family:var(--font-mono);font-size:10.5px;font-weight:var(--w-bold);letter-spacing:.16em;text-transform:uppercase;color:var(--tkt-blue-600);} .tkth-search-close{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1px solid rgba(0,40,80,0.12);background:#fff;color:var(--fg-3,#6B7B8D);cursor:pointer;transition:background var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out);} .tkth-search-close:hover{background:rgba(0,40,80,0.06);color:var(--fg-1,#0D1B2A);} .tkth-search-field{display:flex;align-items:center;gap:11px;padding:5px 5px 5px 15px;border-radius:13px;border:1.5px solid rgba(0,40,80,0.14);background:#fff;transition:border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out);} .tkth-search-field:focus-within{border-color:var(--tkt-blue-500,#2d8de0);box-shadow:0 0 0 3px rgba(26,111,184,0.13);} .tkth-search-field>svg{color:var(--tkt-blue-600);flex-shrink:0;} .tkth-search-field input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--font-display);font-size:16px;color:var(--fg-1,#0D1B2A);padding:11px 0;} .tkth-search-field input::placeholder{color:var(--fg-3,#6B7B8D);} .tkth-search-go{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border:none;border-radius:11px;cursor:pointer;background:linear-gradient(180deg,var(--tkt-orange-400,#FFA040),var(--tkt-orange-500,#E07000));color:#fff;box-shadow:0 6px 16px rgba(224,112,0,0.30),inset 0 1px 0 rgba(255,255,255,0.4);transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-2) var(--ease-out);} .tkth-search-go:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(224,112,0,0.42);} .tkth-search-pop{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 2px 2px;} .tkth-search-pop .lbl{font-family:var(--font-mono);font-size:10px;font-weight:var(--w-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3,#6B7B8D);margin-right:2px;} .tkth-search-pop a{font-size:13px;color:var(--tkt-blue-700);text-decoration:none;padding:7px 13px;border-radius:999px;background:rgba(0,80,144,0.06);transition:background var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out);} .tkth-search-pop a:hover{background:rgba(0,80,144,0.12);color:var(--tkt-blue-800);} @media (max-width:520px){.tkth-search-overlay{padding:80px 14px 14px;}.tkth-search-card{padding:14px;border-radius:16px;}} @media (prefers-reduced-motion:no-preference){ .tkth-util{animation:tkthSlideDown .55s var(--ease-out) both;} .tkth-bar{animation:tkthDrop .62s var(--ease-out) .06s both;} .tkth-brand{animation:tkthFadeUp .6s var(--ease-out) .16s both;} .tkth-menu>*{animation:tkthFadeUp .5s var(--ease-out) both;} .tkth-menu>*:nth-child(1){animation-delay:.20s}.tkth-menu>*:nth-child(2){animation-delay:.24s}.tkth-menu>*:nth-child(3){animation-delay:.28s}.tkth-menu>*:nth-child(4){animation-delay:.32s}.tkth-menu>*:nth-child(5){animation-delay:.36s}.tkth-menu>*:nth-child(6){animation-delay:.40s} .tkth-actions>*{animation:tkthFadeUp .5s var(--ease-out) both;} .tkth-actions>*:nth-child(1){animation-delay:.36s}.tkth-actions>*:nth-child(2){animation-delay:.42s}.tkth-actions>*:nth-child(3){animation-delay:.48s} .tkth-util .tkth-uchip{animation:tkthFadeDown .5s var(--ease-out) both;} .tkth-util .tkth-uchip:nth-of-type(1){animation-delay:.30s}.tkth-util .tkth-uchip:nth-of-type(2){animation-delay:.36s} } @keyframes tkthSlideDown{from{transform:translateY(-12px)}to{transform:none}} @keyframes tkthDrop{from{transform:translateY(-10px)}to{transform:none}} @keyframes tkthFadeUp{from{transform:translateY(-7px)}to{transform:none}} @keyframes tkthFadeDown{from{transform:translateY(-5px)}to{transform:none}} .tkth-mega-trigger:hover>.tkth-mega .tkth-mega-col li,.tkth-mega-trigger:focus-within>.tkth-mega .tkth-mega-col li{animation:tkthMegaRow .32s var(--ease-out) both;} .tkth-mega-col:nth-child(1) li:nth-child(1){animation-delay:.02s}.tkth-mega-col:nth-child(1) li:nth-child(2){animation-delay:.06s}.tkth-mega-col:nth-child(1) li:nth-child(3){animation-delay:.10s} @keyframes tkthMegaRow{from{transform:translateY(5px)}to{transform:none}} @media (prefers-reduced-motion:reduce){.tkth-live{animation:none;}.tkth-bar .tkth-cta::after,.tkth-mega-seeall::after{transition:none;}.tkth-drawer.open .tkth-drawer-nav a.tkth-drawer-item{animation:none;}} /* ═══ HEADER v3.1 (2026-06-30) — lang-pill v0.6.1 + search-button, moved to HEAD to defeat stale CCSS (was footer-only → vỡ) ═══ */ /* Container: specificity .tkth-util .tkth-right .tkth-lang (0,3,1)+!important > stale CCSS .tkth-util .tkth-lang (0,2,1) */ .tkth-util .tkth-right .tkth-lang,.tkth-util .tkth-lang,.tkth-util-inner .tkth-lang{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:3px 5px 3px 9px!important;border-radius:999px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:none!important;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)} .tkth-util .tkth-right .tkth-lang:hover,.tkth-util .tkth-lang:hover,.tkth-util-inner .tkth-lang:hover{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.32)!important;box-shadow:0 4px 14px rgba(0,0,0,.18)!important} .tkth-lang .tkth-globe{width:14px!important;height:14px!important;flex-shrink:0;opacity:1!important;color:rgba(255,255,255,.62);transition:color var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)} .tkth-lang:hover .tkth-globe{color:#fff;transform:rotate(18deg)} .tkth-lang .tktbl-pill{position:relative!important;display:flex!important;align-items:center!important;width:60px!important;height:24px!important;border-radius:999px!important;overflow:hidden!important;background:rgba(0,12,30,.28)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 2px rgba(0,12,30,.35)!important;transition:border-color var(--dur-2) var(--ease-out);pointer-events:none} /* DS anti-pill guard (post-28192.css) `.elementor [class*="-pill"]{padding:4px 10px;border-radius:6px!important}` (0,4,2) matches tktbl-PILL → squared + shifted labels. Beat it with (0,5,0). Covers header + drawer pill. */ .elementor .tkth-lang.tkth-lang .tktbl-pill.tktbl-pill{border-radius:999px!important;padding:0!important;font-size:10px!important;letter-spacing:0!important} /* Top utility bar vertical padding — stale CCSS pins 4px (pill bị sát cạnh trên/dưới). Restore mockup 8px so the 32px lang pill sits centered with ~8px breathing room. */ .elementor .tkth-util .tkth-util-inner{padding-top:8px!important;padding-bottom:8px!important;min-height:36px!important} /* overrides.css + stale inline pin .tkth-util{height:34px!important} → dark bar shorter than the 48px content → content top-aligned & spills down (lệch xuống dưới). Let the bar grow to fit so content centers (8px top = 8px bottom). (0,2,0) beats the (0,1,0)!important height clamp. */ .elementor .tkth-util{height:auto!important} .tkth-lang:hover .tktbl-pill{border-color:rgba(255,255,255,.26)!important} .tkth-lang .tktbl-thumb{position:absolute!important;top:3px!important;left:3px!important;width:calc(50% - 6px)!important;height:calc(100% - 6px)!important;background:linear-gradient(180deg,#ffffff 0%,#eaf1f8 100%)!important;border-radius:999px!important;box-shadow:0 1px 2px rgba(0,12,30,.30),0 2px 6px rgba(0,12,30,.18),inset 0 1px 0 rgba(255,255,255,.9);will-change:transform;transition:transform .3s cubic-bezier(.16,1,.3,1)} .tkth-lang[data-active="en"] .tktbl-thumb{transform:translateX(calc(100% + 6px))} .tkth-lang .tktbl-lbl{flex:1!important;text-align:center!important;position:relative!important;z-index:1;line-height:1;font-family:'SF Mono','SFMono-Regular',Menlo,Consolas,monospace!important;font-size:10px!important;font-weight:800!important;letter-spacing:.04em;user-select:none;display:flex!important;align-items:center!important;justify-content:center!important;transition:color .22s} .tkth-lang .tktbl-vi{color:#001A3D}.tkth-lang .tktbl-en{color:rgba(255,255,255,.58)} .tkth-lang[data-active="en"] .tktbl-vi{color:rgba(255,255,255,.58)}.tkth-lang[data-active="en"] .tktbl-en{color:#001A3D} .tkth-lang--drawer .tktbl-pill{background:rgba(0,40,80,.06)!important;border-color:rgba(0,40,80,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)!important} .tkth-lang--drawer:hover .tktbl-pill{background:rgba(0,40,80,.10)!important;border-color:rgba(0,40,80,.20)!important} .tkth-lang--drawer .tktbl-en{color:var(--fg-3)}.tkth-lang--drawer[data-active="en"] .tktbl-vi{color:var(--fg-3)} .tkth-lang--drawer .tktbl-vi{color:#001A3D}.tkth-lang--drawer[data-active="en"] .tktbl-en{color:#001A3D} .tkth-lang--drawer .tktbl-thumb{box-shadow:0 1px 3px rgba(0,12,30,.18)} /* Defeat global button reset ([type=submit],button{padding:14px 28px;width:auto}) leaking onto header