/* =========================================================================== * MÁY TÍNH (≥ 1100px) — đồng bộ những gì đã sửa ở điện thoại ngày 26/10/2026. * Henry: "làm luôn cho phần máy tính những chỗ đã sửa ở mobile cho đồng bộ khỏi quên". * * điện thoại (dien-thoai.css) máy tính (file này) tedi.vn 1440px (đo 26/10) * kính lúp cạnh ☰ kính lúp cuối menu, ô tìm thả xuống kính lúp cuối menu * mục menu xanh 800, IN HOA chữ menu xanh 800, đang đứng #0374A8 — * dải tiêu đề xám, chữ thường, giữa như vậy, cao ~160, có đường dẫn 160, H1 24px/600 giữa, * (tedi máy tính CÓ đường dẫn) đường dẫn ô xám dưới H1 * dải → nội dung 22px 32px 70px * thanh email|điện thoại: bỏ GIỮ (tedi máy tính cũng giữ) có, cao 36 * * Mốc 1100px = mốc chuyển header điện thoại của The7 (dien-thoai.css dùng max-width: 1099px). * ========================================================================= */ @media (min-width: 1100px) { /* ---- Chữ menu: cùng xanh 800 với panel điện thoại ---- */ #the7-body .masthead .navigation a, #the7-body .masthead .navigation a * { color: var(--tdc-xanh-800) !important; -webkit-text-fill-color: var(--tdc-xanh-800) !important; } #the7-body .masthead #primary-menu > li > a:hover, #the7-body .masthead #primary-menu > li > a:hover *, #the7-body .masthead #primary-menu > li.current-menu-item > a, #the7-body .masthead #primary-menu > li.current-menu-item > a *, #the7-body .masthead #primary-menu > li.current-menu-ancestor > a, #the7-body .masthead #primary-menu > li.current-menu-ancestor > a * { color: var(--tdc-blue-ink) !important; -webkit-text-fill-color: var(--tdc-blue-ink) !important; } #the7-body .masthead .sub-nav > li > a, #the7-body .masthead .sub-nav > li > a * { color: var(--tdc-xanh-800) !important; -webkit-text-fill-color: var(--tdc-xanh-800) !important; font-weight: 600; } #the7-body .masthead .sub-nav > li > a:hover { background: var(--tdc-sky); } #the7-body .masthead .sub-nav > li > a:hover, #the7-body .masthead .sub-nav > li > a:hover * { color: var(--tdc-blue-deep) !important; -webkit-text-fill-color: var(--tdc-blue-deep) !important; } /* ---- Nút tìm cuối menu ---- */ #the7-body .masthead .header-bar .tdc-tim { position: relative; margin-left: 14px; } #the7-body .masthead .header-bar .tdc-tim__nut { width: 40px; height: 40px; } #the7-body .masthead .header-bar .tdc-tim__form { left: auto; right: -8px; top: calc(100% + 26px); /* sát mép dưới header 96px */ width: 440px; border: 1px solid var(--tdc-ke); box-shadow: 0 12px 24px rgba(2, 64, 94, .14); } /* ---- Dải tiêu đề trang con: khung tedi, màu brand kit ---- */ #the7-body .page-title, #the7-body .tdc-hero-band { background: #F7F7F7 !important; } #the7-body .page-title::after, #the7-body .tdc-hero-band::after { content: none !important; display: none !important; } #the7-body .page-title .wf-wrap, #the7-body .tdc-hero-band__inner { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center; min-height: 160px; padding: 34px 24px !important; box-sizing: border-box; text-align: center !important; } #the7-body .page-title .wf-container, #the7-body .page-title .hgroup, #the7-body .page-title .page-title-head, #the7-body .page-title .page-title-breadcrumbs { align-items: center !important; justify-content: center !important; text-align: center !important; width: 100%; } #the7-body .page-title h1, #the7-body .page-title .entry-title, #the7-body .page-title .page-title-head h1, #the7-body .tdc-hero-band__title { font: 600 30px/40px var(--tdc-font) !important; color: var(--tdc-blue-deep) !important; text-transform: none !important; letter-spacing: 0 !important; text-align: center !important; margin: 0 !important; text-shadow: none !important; } #the7-body .tdc-hero-band__desc { margin: 6px auto 0 !important; color: var(--tdc-muted) !important; } /* Đường dẫn: chữ xám chữ-phụ, link xanh-chữ — nền trắng kiểu "ô" như tedi. */ #the7-body .page-title .breadcrumbs, #the7-body .tdc-hero-band__crumb { display: inline-flex !important; flex-wrap: wrap; justify-content: center; gap: 0 4px; margin: 12px auto 0 !important; padding: 4px 14px !important; background: #fff !important; border-radius: 2px; font-size: 13px !important; line-height: 24px; } /* The7 cho `ol.breadcrumbs` float:right ⇒ dù đã căn giữa nó vẫn dạt về mép phải. */ #the7-body .page-title .breadcrumbs { float: none !important; width: max-content; max-width: 100%; } #the7-body .page-title .breadcrumbs li { float: none !important; } /* The7 kẻ `border-bottom: 1px solid` ở .wf-container-title — vạch xám dưới dải. */ #the7-body .page-title .wf-container-title, #the7-body .page-title.full-width-line { border-bottom: 0 !important; } /* …và thêm một vạch 1100px vẽ bằng `.wf-wrap::after` (absolute, đáy dải) — đo 26/10. */ #the7-body .page-title .wf-wrap::after { content: none !important; display: none !important; } /* Dấu "/" giữa các mục đường dẫn: The7 tô trắng mờ (cho nền ảnh tối cũ) ⇒ vô hình trên xám. */ #the7-body .page-title .breadcrumbs li::before { color: #9AA3A9 !important; } #the7-body .page-title .breadcrumbs, #the7-body .page-title .breadcrumbs li, #the7-body .page-title .breadcrumbs .current, #the7-body .tdc-hero-band__crumb, #the7-body .tdc-hero-band__crumb span { color: var(--tdc-muted) !important; } #the7-body .page-title .breadcrumbs a, #the7-body .tdc-hero-band__crumb a { color: var(--tdc-blue-ink) !important; } #the7-body .page-title .breadcrumbs a:hover, #the7-body .tdc-hero-band__crumb a:hover { color: var(--tdc-blue-deep) !important; } /* ---- Dời nội dung lên gần dải tiêu đề ---- */ #the7-body:not(.home) #main { padding-top: 0 !important; } #the7-body:not(.home) #content.content, #the7-body:not(.home) #content.tdc-page { padding-top: 32px !important; } }