/**
 * Style cho khu vực 3 nút Đăng nhập / Đăng ký / Đăng tin trên header
 * (khi chưa đăng nhập) và nút Thêm danh sách (khi đã đăng nhập).
 * File override liên quan: templates/headers/top_user_menu.php
 *
 * Màu accent dùng #2f6fed (xanh dương) — có thể đổi lại cho khớp đúng màu
 * thương hiệu thật của site (logo/nút hiện tại) bằng cách sửa biến bên dưới.
 */

.ndg-user-menu {
	gap: 8px;
}

/* ============ 2 nút Đăng nhập / Đăng ký — style dạng "ghost button" ============ */
.ndg-auth-trigger {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	white-space: nowrap;
	padding: 8px 16px;
	border-radius: 6px;
	border: 1px solid #dde2ea;
	background-color: transparent;
	transition: all 0.2s ease;
}

.ndg-auth-trigger .ndg-btn-label {
	font-size: 14px;
	font-weight: 500;
	color: #333333;
	transition: color 0.2s ease;
}

.ndg-auth-trigger:hover {
	border-color: #2f6fed;
	background-color: #f0f5ff;
}

.ndg-auth-trigger:hover .ndg-btn-label {
	color: #2f6fed;
}

/* Icon trong nút Đăng nhập */
.ndg-login-trigger svg {
	width: 15px;
	height: 15px;
	flex-shrink: 0;
	transition: all 0.2s ease;
}

.ndg-login-trigger:hover svg path,
.ndg-login-trigger:hover svg circle {
	stroke: #2f6fed;
}

/* Nút "Đăng ký" nổi bật nhẹ hơn 1 chút vì là hành động chính hơn "Đăng nhập" */
.ndg-register-trigger {
	border-color: #c7d3ea;
}

/* Nút Đăng tin / Thêm danh sách giữ nguyên style nút xanh mặc định của theme
   (class .submit_listing đã có sẵn CSS từ theme cha, không cần định nghĩa lại) */
.ndg-submit-listing-btn {
	margin-left: 4px;
}

/* ============ Responsive ============ */
@media (max-width: 767px) {
	.ndg-user-menu {
		gap: 4px;
	}
	.ndg-auth-trigger {
		padding: 6px 10px;
	}
	.ndg-auth-trigger .ndg-btn-label {
		font-size: 13px;
	}
}