/* =====================================================
   NAVBAR FIX: Topbar UPPERCASE + Public dropdown đẹp
   Áp dụng cho cả Web + Mobile, Public + Admin
   ===================================================== */

/* ============ ADMIN TOPBAR: CHỮ HOA, ĐEN ĐẬM ============ */
.admin-v2-main-menu .nav-pill {
  text-transform: uppercase !important;
  color: #1a1a1a !important;
  font-weight: 800 !important;
  letter-spacing: .3px;
}
.admin-v2-main-menu .nav-pill:hover,
.admin-v2-main-menu .nav-pill.active {
  background: #dcebff !important;
  color: #0a3a78 !important;
}

/* Admin user dropdown: tăng cường chữ đen đậm */
.admin-v2-user-menu .user-menu-head strong { color: #0a1a2e !important; font-weight: 800 !important; }
.admin-v2-user-menu .user-menu-head span { color: #1f6feb !important; font-weight: 800 !important; }
.admin-v2-user-menu .user-menu-profile strong { color: #0a1a2e !important; font-weight: 700 !important; }
.admin-v2-user-menu .user-menu-profile span { color: #475569 !important; }
.admin-v2-user-menu .dropdown-item {
  color: #1a1a1a !important;
  font-weight: 600 !important;
}
.admin-v2-user-menu .dropdown-item i { color: #1a1a1a !important; }
.admin-v2-user-menu .dropdown-item.text-danger,
.admin-v2-user-menu .dropdown-item.text-danger i { color: #dc2626 !important; }

/* ============ PUBLIC NAVBAR: CHỮ HOA, ĐEN ĐẬM ============ */
.main-navbar .main-menu .nav-link {
  text-transform: uppercase !important;
  color: #1a1a1a !important;
  font-weight: 800 !important;
  letter-spacing: .3px;
  padding: 10px 14px !important;
  border-radius: 8px;
  transition: all .15s;
}
.main-navbar .main-menu .nav-link:hover,
.main-navbar .main-menu .nav-link.active {
  background: #dcebff !important;
  color: #0a3a78 !important;
}

/* ============ PUBLIC USER DROPDOWN (giống admin) ============ */
.public-user-dropdown { position: relative; }

.public-avatar-btn {
  background: transparent;
  border: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 10px 4px 4px;
  border-radius: 999px;
  cursor: pointer;
  font-weight: 700;
  color: #1a1a1a;
  transition: background .15s;
}
.public-avatar-btn:hover { background: #f1f5f9; }
.public-avatar-btn::after { display: none; }

.public-avatar-circle {
  width: 38px; height: 38px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ff6b1a, #1f6feb);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: .98rem;
  flex-shrink: 0;
}
.public-avatar-name { color: #1a1a1a; font-weight: 700; font-size: .95rem; }
.public-avatar-btn i.bi-caret-down-fill { color: #64748b; font-size: .7rem; }

/* Dropdown menu chính */
.public-user-menu {
  width: 280px;
  border: 0;
  box-shadow: 0 12px 34px rgba(15,23,42,.16);
  border-radius: 10px;
  padding: 0;
  overflow: hidden;
  margin-top: 8px;
}

.pu-menu-head {
  padding: 16px 18px;
  border-bottom: 1px solid #edf2f7;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.pu-menu-head strong {
  color: #0a1a2e;
  font-weight: 800;
  font-size: 1rem;
}
.pu-menu-head span {
  font-size: .72rem;
  color: #1f6feb;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .5px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.pu-menu-profile {
  padding: 14px 18px;
  display: flex;
  gap: 12px;
  border-bottom: 1px solid #edf2f7;
  align-items: center;
}
.pu-mini-avatar {
  width: 42px; height: 42px;
  border-radius: 50%;
  background: #f0f4fa;
  color: #64748b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  flex-shrink: 0;
}
.pu-mini-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  flex: 1;
}
.pu-mini-info strong {
  color: #0a1a2e;
  font-weight: 700;
  font-size: .92rem;
}
.pu-mini-info span {
  font-size: .78rem;
  color: #475569;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.public-user-menu .dropdown-item {
  padding: 11px 18px;
  color: #1a1a1a !important;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: .92rem;
}
.public-user-menu .dropdown-item i {
  width: 22px;
  color: #1a1a1a;
  font-size: 1.05rem;
}
.public-user-menu .dropdown-item:hover {
  background: #f5f7fa;
  color: #0a3a78 !important;
}

/* Link Quản Lý / Trung tâm quản lý: xanh dương đậm */
.public-user-menu .pu-admin-link {
  color: #1f6feb !important;
  font-weight: 800 !important;
}
.public-user-menu .pu-admin-link i {
  color: #1f6feb !important;
}
.public-user-menu .pu-admin-link:hover {
  background: #dcebff !important;
  color: #0a3a78 !important;
}

.public-user-menu .dropdown-item.text-danger {
  color: #dc2626 !important;
  font-weight: 700;
}
.public-user-menu .dropdown-item.text-danger i { color: #dc2626 !important; }

.public-user-menu .dropdown-divider {
  margin: 6px 0;
  border-color: #edf2f7;
}

/* ============ MOBILE RESPONSIVE ============ */
@media (max-width: 991.98px) {
  .main-navbar .main-menu .nav-link {
    padding: 12px 14px !important;
    font-size: .92rem;
  }
  .public-avatar-name { display: none !important; }
  .public-user-menu {
    width: 260px;
    margin-right: 8px;
  }
  .admin-v2-main-menu .nav-pill {
    font-size: 12px !important;
    padding: 7px 8px !important;
  }
}

@media (max-width: 575.98px) {
  .public-user-menu {
    width: calc(100vw - 24px);
    max-width: 320px;
  }
  .main-navbar .main-menu .nav-link { font-size: .88rem; }
}


/* v46: đồng bộ avatar đã upload lên menu user */
.public-avatar-circle img,.pu-mini-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}

/* v48: khóa kích thước avatar menu user */
.public-avatar-circle{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;min-width:38px!important;min-height:38px!important;overflow:hidden!important;border-radius:50%!important;flex:0 0 38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.public-avatar-circle img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block!important;}
.pu-mini-avatar{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;min-width:42px!important;min-height:42px!important;overflow:hidden!important;border-radius:50%!important;flex:0 0 42px!important;}
.pu-mini-avatar img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block!important;}


/* ===== V62: nút VÀO HỌC màu loang nhạt ===== */
.main-navbar .nav-cta,
.main-navbar .btn.nav-cta {
  background: linear-gradient(135deg, #ff8a3d 0%, #ff6b1a 45%, #2f80ed 100%) !important;
  border: 0 !important;
  color: #fff !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .2px !important;
  border-radius: 8px !important;
  padding: 7px 14px !important;
  box-shadow: 0 7px 16px rgba(47,128,237,.14), 0 6px 14px rgba(255,107,26,.16) !important;
}
.main-navbar .nav-cta:hover,
.main-navbar .btn.nav-cta:hover {
  filter: brightness(1.04);
  transform: translateY(-1px);
  color: #fff !important;
}