/**
 * @author Jukaza | Zalo: 0385436233
 * @copyright Copyright (c) 2023
 * @license Proprietary
 * @version 1.0.0
 * @description Điều chỉnh vị trí phần đăng nhập/đăng ký và avatar người dùng trên mobile
 */

/* Điều chỉnh vị trí phần auth trên mobile */
@media (max-width: 768px) {
    .auth-content {
        justify-content: flex-end; /* Đẩy nội dung về phía bên phải */
        padding-right: 10px; /* Thêm padding bên phải */
    }
    
    .auth-buttons {
        margin-right: 0; /* Bỏ margin bên phải */
    }
    
    .user-dropdown {
        margin-right: 0; /* Bỏ margin bên phải */
    }
    
    /* Đảm bảo phần auth không bị lệch giữa */
    .header-auth .container {
        padding-left: 0;
        padding-right: 0;
    }
}

/* Điều chỉnh thêm cho màn hình nhỏ hơn */
@media (max-width: 480px) {
    .auth-content {
        justify-content: flex-end; /* Đẩy nội dung về phía bên phải */
        padding-right: 5px; /* Giảm padding bên phải */
    }
    
    .btn-login, .btn-register {
        padding: 6px 10px; /* Giảm padding của nút */
        font-size: 12px; /* Giảm kích thước chữ */
    }
    
    .user-dropdown-toggle {
        padding: 4px 8px; /* Giảm padding */
    }
    
    .user-name {
        max-width: 70px; /* Giảm chiều rộng tối đa của tên người dùng */
    }
}