/* ============================================================
   Nova v38 — On top of nova37
   - Bottom-nav FAB: bigger icon, raised above nav top border
   - Add Funds: cleaner spacing for single payment-info card
   ============================================================ */

/* ---------- 1. FAB raised + larger icon ---------- */

/* Make column allow overflow so the raised FAB shows above the bar */
.app-navbar,
.app-navbar .row,
.app-navbar .col {
  overflow: visible !important;
}

/* Raise the entire FAB above the nav top border */
.app-navbar .navbar-mid-icon {
  width: 64px !important;
  height: 64px !important;
  margin-top: -26px !important;       /* lifts above bar */
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow:
    0 12px 28px -6px rgba(236, 72, 153, .55),
    0 6px 14px -4px rgba(168, 85, 247, .45),
    0 0 0 4px var(--nv-bottom-bg, #ffffff);  /* halo ring matching bar */
  background: linear-gradient(135deg, #ec4899 0%, #a855f7 50%, #6366f1 100%) !important;
  position: relative !important;
  z-index: 5 !important;
  transition: transform .25s ease, box-shadow .25s ease;
}
body.dark .app-navbar .navbar-mid-icon,
.app-body.dark .app-navbar .navbar-mid-icon {
  box-shadow:
    0 12px 28px -6px rgba(236, 72, 153, .55),
    0 6px 14px -4px rgba(168, 85, 247, .45),
    0 0 0 4px #141828;
}
.app-navbar .navbar-mid-icon:hover {
  transform: translateY(-2px) scale(1.04);
}
.app-navbar .navbar-mid-icon:active {
  transform: translateY(0) scale(.98);
}

/* Bigger icon glyph */
.app-navbar .navbar-mid-icon i,
.app-navbar .navbar-mid-icon svg {
  font-size: 28px !important;
  width: 28px !important;
  height: 28px !important;
  color: #ffffff !important;
  position: relative !important;
  z-index: 2 !important;
  line-height: 1 !important;
}

/* Pulse rings sized to FAB so they emanate from true center */
.app-navbar .navbar-mid-icon::before,
.app-navbar .navbar-mid-icon::after {
  width: 64px !important;
  height: 64px !important;
}

/* Optional: nudge the column so label below the FAB still sits nicely */
.app-navbar .col:nth-child(3) {
  position: relative;
}
.app-navbar .col:nth-child(3) > a > span,
.app-navbar .col:nth-child(3) > a > div {
  margin-top: -8px;
}

/* ---------- 2. Add Funds — single payment-info card polish ---------- */

/* The right column now holds only Payment Information — give it room */
.order-side .nav-pills.fastside .nav-item.col-12 .nav-link {
  text-align: center;
  font-weight: 600;
  letter-spacing: .3px;
}
.order-side .d-card #dc2-body {
  padding-top: .25rem;
}
.order-side .d-card #dc2-body .tab-content {
  margin-top: 0 !important;
}
.order-side .d-card #dc2-body iframe {
  max-width: 100%;
  border-radius: 12px;
  margin-top: .5rem;
}
.order-side .d-card #dc2-body p.my-3 {
  line-height: 1.6;
}