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

   Khu dang nhap: nut Login, dau gach, avatar, chuong thong bao.

   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.
   ========================================================================== */


@media (max-width: 767px) {
    /* ← Template/Site.master */
    .page-width-2.header-guest .menu-top.fr.auth-guest {

                order: 3;
                display: flex;
                align-items: center;
                justify-content: flex-end;
                gap: var(--cq-2);
                margin: 0;
                padding: 0;
                float: none;
                list-style: none;
                flex: 0 0 auto;
                margin-left: auto;
                min-height: 32px;
    }

    .page-width-2.header-guest .menu-top.fr.auth-guest > li {

                margin: 0;
                padding: 0;
    }

    /* [2026-08-19] Luat nay ap cho MOI the a trong hang -> ep hien ca muc da bi
       an o cap tren. Chi giu canh le, khong dat display nua. */
    .page-width-2.header-guest .menu-top.fr.auth-guest > li > a {

                align-items: center;
                justify-content: center;
                min-height: 28px;
                min-width: 20px;
                padding: 0;
                color: var(--cq-text);
                font-family: 'Glyphicons Halflings';
                font-size: 18px;
                font-weight: normal;
                line-height: 1;
                text-decoration: none;
    }

    .page-width-2.header-guest .menu-top.fr.auth-guest > li.hide-on-desk > a {

                font-size: 18px;
                min-height: 28px;
    }

    .page-width-2.header-guest .menu-top.fr.auth-guest .auth-text {

                display: none;
    }

    .page-width-2.header-guest .menu-top.fr.auth-guest > li > a:before {

                display: inline-block;
    }

    .page-width-2.header-guest .menu-top.fr.auth-guest .auth-separator {

                display: none;
    }

}

@media screen and (max-width: 500px) {
    /* ← Content/Styles/Reponsive.css */
    .notification-menu {

        position: initial;
    }

    .notification-menu ul {

            width: 100%;
            top: 63px;
            right: 0px;
    }

    .notification-menu .item-notification .img {

            left: 10px;
            top: 10px;
    }

}

@media screen and (max-width: 680px) {
    /* ← Content/Styles/Reponsive.css */
    .avt-box .default-avt {

            display: inline-block;
            vertical-align: middle;
            float: none;
            margin-right: 10px;
    }

    .box-home .create .default-avt {

            top: 0px;
            left: 5px;
    }

}

/* ============================================================================
   [2026-08-19] KHỔ HẸP: BỎ NÚT ĐĂNG NHẬP RIÊNG
   Menu ba gạch đã có mục "Đăng nhập" bên trong, để thêm một nút người ở ngoài là
   thừa — hai lối vào cho cùng một việc, lại chiếm chỗ của hàng nút.
   (Bản máy tính vẫn giữ nút, vì ở đó không có menu ba gạch.)
   ============================================================================ */
/* Ẩn nguyên CÁI MỤC (thẻ li) chứ không ẩn cái thẻ a bên trong: khối luật cũ
   bên trên đặt thể hiện cho mọi "li > a", ẩn thẻ a sẽ bị nó đè. Mục này đã
   được đặt tên riêng .cq-auth-item trong Site.master. */
.cq-auth-item {
    display: none;
}