/* ============================================================
   Trek N Explore — SVG Feature Icons (inline CSS)
   Replace emoji icons with proper SVG icons
   ============================================================ */

/* ── Logo icon using app image ── */
.logo-icon {
  width: 36px;
  height: 36px;
  background: none !important;
  border-radius: var(--radius-sm);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-sm);
}

/* ── Feature / Card Icons ── */
.feature-icon,
.card-icon,
.mission-icon,
.contact-info-icon {
  position: relative;
}

.feature-icon svg,
.card-icon svg,
.mission-icon svg,
.contact-info-icon svg {
  width: 28px;
  height: 28px;
}

.mission-icon svg {
  width: 36px;
  height: 36px;
}

/* ── Stat icon ── */
.stat-icon svg {
  width: 32px;
  height: 32px;
}