.user-balance-header {
position: absolute;
z-index: 99;
padding: 3px 4px;
border-radius: 6px;
font-size: 14px;
font-weight: bold;
display: flex;
flex-direction: column;
align-items: flex-star;
color: #DDE2E6;
margin-top: -83px;
margin-left: 1530px;
}

.user-balance-header .user-info,
.user-balance-header .user-balance {
margin: 2px 0;
color: #DDE2E6;
}

.notification-bell-container {
}

.notification-bell {
width: 24px;
height: 24px;
}

.notification-badge {
position: absolute;
margin-left: -12px;
margin-top: -5px;
background-color: red;
color: white;
font-size: 10px;
font-weight: bold;
padding: 2px 6px;
border-radius: 50%;
min-width: 18px;
text-align: center;
line-height: 14px;
z-index: 1000;
}

.notification-dropdown {
display: none;
position: absolute;
top: 65px;
right: 0;
background: #DDE2E6;
border: 1px solid #ccc;
width: 280px;
max-height: 300px;
border-radius: 6px;
margin-right: 15px;
z-index: 9999;
}

.notification-item{
background: #DDE2E6;
border: 1px solid #ccc;
border-radius: 6px;
margin: 5px 5px 5px 5px;
}

.notification-item:hover {
background-color: #edf2f7;
}

.notification-body {
font-size: 14px;
color: #666;
margin-top: 4px;
}

.notification-product {
font-size: 14px;
color: #666;
margin-top: 5px;
margin-left: 5px;
}

.notification-title {
margin-left: 5px;
margin-top: 5px;
}

.user-profile-pill {
  display: flex;
  align-items: center;
  background-color: #212529 !important; /* Bootstrap dark */
  color: #DDE2E6 !important;
  border-radius: 15px; /* rounded-pill */
  padding: 0.25rem 0.75rem; /* py-1 px-3 */
  font-size: 16px;
  border: 1px solid #6c757d; /* gri kenarlık */
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
  height: 50px;
}

.user-profile-pill:hover,
.user-profile-pill:focus,
.user-profile-pill:active {
  display: flex;
  align-items: center;
  background-color: #212529 !important; /* Bootstrap dark */
  color: #DDE2E6 !important;
  border-radius: 15px; /* rounded-pill */
  padding: 0.25rem 0.75rem; /* py-1 px-3 */
  font-size: 16px;
  border: 1px solid #6c757d; /* gri kenarlık */
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
  border-color: #adb5bd !important;
}

.user-profile-avatar {
  width: 28px;
  height: 28px;
  background-color: #2b2b2b;
  border: 1px solid #444;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem; /* me-2 */
  font-weight: bold;
  color: #DDE2E6;
}

.dropdown-menu {
--bs-dropdown-padding-y: 0rem !important;
background-color: #1D1D2E;
border: none;
  }

.dropdown-menu .dropdown-item,
.dropdown-menu .dropdown-item-text {
color: #fff !important;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
background-color: #424649;
color: #DDE2E6 !important;
}

.dropdown-divider {
border-color: #424649;
}

.custom-nav-btn {
  background: transparent;
  border: none;
  color: #DDE2E6;
  padding: 0.5rem 1rem;
  font-weight: bold;
  transition: background-color 0.2s ease;
  text-decoration: none;
}

.custom-nav-btn:hover {
  background-color: rgba(255, 255, 255, 0.05); /* çok hafif aydınlanma */
  color: #DDE2E6;
  border-radius: 25px;
  text-decoration: none;
}