/* ==========================================================================
   UnlockBox Pro — 3D Glass & Metallic Icon Integration Styles (Web Portal)
   ========================================================================== */

.icon-3d {
  width: 16px;
  height: 16px;
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
  object-fit: contain;
  pointer-events: none;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.45));
  transition: transform 0.15s ease, filter 0.15s ease;
}

button:hover .icon-3d,
.nav-link:hover .icon-3d,
a:hover .icon-3d {
  transform: scale(1.1);
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.6)) brightness(1.12);
}

/* Navbar Links */
.nav-link .icon-3d,
.header-nav .icon-3d {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  vertical-align: -3px;
}

/* Portal Top Stat Cards */
.stat-card .icon-3d,
.stat-icon .icon-3d {
  width: 28px;
  height: 28px;
  vertical-align: middle;
}

/* Hero Action CTAs (Pricing & Plans, Register) */
.hero-actions .icon-3d,
.btn-primary .icon-3d {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  vertical-align: -3px;
}

/* Chipset Cards & Section Titles */
.section-title .icon-3d,
.platform-chip .icon-3d {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: -4px;
}

/* Modals */
.modal-title .icon-3d,
.modal-header .icon-3d {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: -4px;
}