/* ==========================================================================
   Header · icons — BẢN ĐIỆN THOẠI

   Cụm icon: chế độ tối · ngôn ngữ (kèm bảng xổ) · tìm kiếm · ba gạch.

   Số đo dùng thang --cq-1..6, màu dùng token (Theme.css).
   Bản máy tính và bản điện thoại TÁCH HẲN — không bản nào đè bản nào.
   Dòng "← file cũ" cho biết luật đó gom về từ đâu.
   ========================================================================== */

/* Khổ hẹp: bật 2 nút riêng của điện thoại (chuyển từ mobile-v2.css) */
.cq-icon-btn--search,
.cq-icon-btn--menu {
    display: inline-flex;
}


/* [2026-08-19] Khổ hẹp có tới 4 nút (tìm · tối · ngôn ngữ · ba gạch) + nút đăng
   nhập, hàng bị tràn khỏi màn hình. Thu ô nút lại cho vừa — số đo vẫn khai bằng
   biến, sửa một chỗ. */
:root {
    --cq-icon-btn-w: 32px;
}


@media (max-width: 480px) {
    :root {
        --cq-icon-btn-w: 30px;
    }

    /* Màn rất hẹp: bỏ khẩu hiệu dưới logo, ưu tiên chỗ cho hàng nút */
    #headPage .page-width-2 #logo.cq-logo .cq-logo__tagline {
        display: none;
    }
}