/* ========================================================================== * KHUNG WEB CHINH (owner 17/09/2026) — vo NGOAI shadow root cua header/footer. * ⛔ CSS Flatsome nam TRONG shadow root; tep nay chi dat cho vo + thanh dieu huong phu. * ========================================================================== */ .khung-web { display: block; width: 100%; } .khung-web-header { position: relative; z-index: 40; } .vo.vo-khung-web .vo-noi-dung { padding-bottom: var(--space-10); } .khung-web-nav-phu { background: var(--surface-raised); border-bottom: 1px solid var(--border-hairline); } .khung-web-nav-phu-trong { display: flex; align-items: center; gap: var(--space-2) var(--space-4); flex-wrap: wrap; max-width: var(--container-max); margin: 0 auto; padding: 6px var(--gutter); font: 600 14px/20px var(--font-body); } .khung-web-nav-phu-ten { color: var(--text-muted); font-weight: 500; margin-right: auto; } .khung-web-nav-phu a, .khung-web-dang-xuat { display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--space-3); color: var(--text-primary); text-decoration: none; border-radius: var(--radius-field); } .khung-web-nav-phu a[aria-current='page'] { color: var(--brand-primary); box-shadow: inset 0 -3px 0 var(--brand-primary); border-radius: 0; } .khung-web-dang-xuat { border: 1px solid var(--border-field); background: transparent; font: inherit; cursor: pointer; } .khung-web-nav-phu a:hover, .khung-web-dang-xuat:hover { background: var(--surface-sunken); } .khung-web-toi-gian { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap; padding: var(--space-3) var(--gutter); background: var(--brand-primary); color: #fff; } .khung-web-toi-gian img { display: block; height: 32px; width: auto; } .khung-web-toi-gian a { color: #fff; } .khung-web-toi-gian-chan { justify-content: center; font-size: 13px; } @media (max-width: 480px) { .khung-web-nav-phu-ten { flex-basis: 100%; } } /* ⭐ Trang dang nhap/kich hoat/quen PIN: logo lon cu thua (va gan nhu vo hinh) khi da co header web chinh. */ .khung-web-header ~ .vo-noi-dung .vo-logo-to { display: none; } /* ⭐ 18/09/2026 — THANH DAY MOBILE cua web chinh (fixed, cao 70px, chi <=849 — CSS web chinh tu an o >=850). * Chua cho de noi dung/footer Reporting KHONG bi che. ⚠ `html.t4-khoa-cuon` do `khung-web.js` dat khi * mot bang dang mo; luat cua theme nam TRONG shadow root nen khong cham duoc ⇒ khai lai o day. */ .khung-web-thanh-day { height: 0; } @media (max-width: 849px) { /* ⭐ Vo cua thanh day (trong luong, SAU footer) cao dung 70px ⇒ lam "cho trong" o moi layout. */ .khung-web-thanh-day { height: 70px; } .vo-khung-web .lich-hop { max-height: calc(100vh - 166px); } } html.t4-khoa-cuon, html.t4-khoa-cuon body { overflow: hidden; }