/* ==========================================================================
   Header · auth — BẢN DÙNG CHUNG (cả máy tính lẫ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.
   ========================================================================== */

/* ← Content/Styles/Site.css */
.default-avt {

    width: 40px;

    float: left;

    height: 40px;

    border-radius: 100px;
}

.notification-menu ul {

    width: 300px;

    display: none;

    z-index: 101;
}

.notification-menu.open ul {

    display: block;
}

.notification-menu.open .over-menu {

    display: block;
}

.notification-menu ul li .item-notification:last-child {

    margin: 0px;
    border: 0px;
}

.notification-menu .view-more {

    text-align: center;

    display: block;

    background: var(--cq-border);
    margin: 0px;
    color: var(--cq-green);
    padding: 5px;
}

.box-home .create .default-avt {

    border: solid 1px var(--cq-border);
    position: absolute;

    top: 0px;

    left: 0px;
}

/* [2026-08-19] Khu đăng nhập tự khai thể hiện của mình — khung không đặt hộ nữa.
   (Trước đây dựa vào luật chung ".menu-top.fr > li { display:inline-flex }".) */
/* ⚠ CHỈ áp ở khổ máy tính. Không khoá lại thì luật này bắt mục đăng nhập hiện
   ở MỌI khổ, đè luôn luật ẩn của bản điện thoại (nơi menu ba gạch đã có mục
   đăng nhập rồi). Đây đúng là lỗi "một bản đặt hộ cho bản kia". */
.cq-auth-item,
.auth-separator,
.auth-link {
    display: inline-flex;
    align-items: center;
}

/* [2026-08-19] Tra ve DUNG CHUNG: kieu chu cua muc dang nhap, hai ban deu dung. */
/* ==========================================================================
   Header · auth — RIÊNG MÁY TÍNH

   Chỉ nạp khi màn ≥ 1280px (điều kiện khai ở thẻ <link> trong Site.master).
   Phần nền cả hai bản cùng dùng nằm ở Content/Header/chung/auth.css.
   ========================================================================== */

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

            padding: 0;
            color: var(--cq-text);
            font-family: 'Montserrat', 'Muli', sans-serif;
            font-size: 16px;
            font-weight: 600;
            line-height: 1;
            text-decoration: none;
            text-transform: uppercase;
}