/* ================================
   THEME HANDLING
================================ */

/* -----------------------------
   WALLET-NAV (DARK MODE)
------------------------------ */
body[data-bs-theme="dark"] .wallet-nav {
  background: var(--bs-sidebar-dark-bg) !important;
}

/* -----------------------------
   WALLET-NAV (LIGHT MODE)
------------------------------ */
body[data-bs-theme="light"] .wallet-nav {
  background: #ffffff !important;
}

/* HOVER & ACTIVE (LIGHT MODE) */
body[data-bs-theme="light"] .wallet-nav:hover,
body[data-bs-theme="light"] .wallet-nav:focus,
body[data-bs-theme="light"] .wallet-nav.active {
  background: #008080 !important;
}

/* HOVER & ACTIVE (DARK MODE) */
body[data-bs-theme="dark"] .wallet-nav:hover,
body[data-bs-theme="dark"] .wallet-nav:focus,
body[data-bs-theme="dark"] .wallet-nav.active {
  background: #008080 !important;
}

/* -----------------------------
   ADD-CARD-LINK (THEME MODE)
------------------------------ */

/* DARK MODE */
body[data-bs-theme="dark"] .add-card-link {
  background: var(--bs-sidebar-dark-bg) !important;
}

/* LIGHT MODE */
body[data-bs-theme="light"] .add-card-link {
  background: #ffffff !important;
}

/* HOVER & ACTIVE (LIGHT MODE) */
body[data-bs-theme="light"] .add-card-link:hover,
body[data-bs-theme="light"] .add-card-link:focus,
body[data-bs-theme="light"] .add-card-link.active {
  background: #008080 !important;
}

/* HOVER & ACTIVE (DARK MODE) */
body[data-bs-theme="dark"] .add-card-link:hover,
body[data-bs-theme="dark"] .add-card-link:focus,
body[data-bs-theme="dark"] .add-card-link.active {
  background: #008080 !important;
}


/* ================================
   ORIGINAL STYLE
================================ */

.add-card-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  background: var(--bs-sidebar-dark-bg);
  border-radius: 6px;
  transition: background 0.2s ease;
}

.wallet-nav {
  padding: 20px;
  cursor: pointer;
  border-radius: 6px;
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

/* HOVER & ACTIVE DEFAULT (DARK MODE) */
.wallet-nav:hover,
.wallet-nav:focus,
.wallet-nav.active {
  background: #008080;
}

.wallet-nav:hover .wallet-nav-icon,
.wallet-nav:focus .wallet-nav-icon,
.wallet-nav.active .wallet-nav-icon {
  background: #006D6D;
  color: #fff;
}

.wallet-nav:hover .wallet-nav-text h3,
.wallet-nav:hover .wallet-nav-text .h3,
.wallet-nav:hover .wallet-nav-text p,
.wallet-nav:focus .wallet-nav-text h3,
.wallet-nav:focus .wallet-nav-text .h3,
.wallet-nav:focus .wallet-nav-text p,
.wallet-nav.active .wallet-nav-text h3,
.wallet-nav.active .wallet-nav-text .h3,
.wallet-nav.active .wallet-nav-text p {
  color: #fff;
}

.wallet-nav .wallet-nav-icon {
  background: #006D6D;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  font-size: 20px;
  color: #fff;
  margin-right: 12px;
}

.wallet-nav .wallet-nav-icon i {
  line-height: 0px;
}

.wallet-nav .wallet-nav-text p {
  color: #7184ad;
  opacity: 0.85;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0px;
}

.wallet-nav .wallet-nav-text h3,
.wallet-nav .wallet-nav-text .h3 {
  font-size: 18px;
  margin-bottom: 0px;
}

.wallet-tab-content {
  padding-left: 30px;
}