/* ============================================================
   VENTCORP — Colorful Icon System
   Uses the existing Flaticon UIcons font loaded by each page.
   ============================================================ */

.fi,
.vc-icon {
  display: inline-block;
  line-height: 1;
  vertical-align: -0.08em;
  font-style: normal;
  color: var(--icon-color, #8B7CF6);
  transition: color .2s ease, transform .2s ease, filter .2s ease;
}

.vc-icon {
  font-size: 1em;
}

.vc-icon-lg { font-size: 1.35em; }
.vc-icon-xl { font-size: 2.2rem; }

.nav-dropdown-item-icon .fi,
.mobile-nav-link .fi,
.nav-link .fi {
  color: #8B7CF6;
  filter: drop-shadow(0 0 7px rgba(139,124,246,.25));
}

.nav-dropdown-item:hover .fi,
.mobile-nav-link:hover .fi {
  color: #00D4FF;
  transform: translateY(-1px) scale(1.08);
  filter: drop-shadow(0 0 10px rgba(0,212,255,.35));
}

/* Semantic icon palette */
.fi-rr-home, .fi-rr-info, .fi-rr-list { --icon-color: #8B7CF6; }
.fi-rr-laptop, .fi-rr-globe, .fi-rr-cloud, .fi-rr-search { --icon-color: #00D4FF; }
.fi-rr-graduation-cap, .fi-rr-school, .fi-rr-book-alt { --icon-color: #FFD166; }
.fi-rr-diploma, .fi-rr-trophy, .fi-rr-medal, .fi-rr-badge { --icon-color: #FFB84D; }
.fi-rr-map-marker, .fi-rr-marker, .fi-rr-location-alt { --icon-color: #FF6B8A; }
.fi-rr-shield, .fi-rr-lock, .fi-rr-check-circle, .fi-rr-cross-circle, .fi-rr-exclamation { --icon-color: #52E5A4; }
.fi-rr-brain, .fi-rr-robot, .fi-rr-artificial-intelligence { --icon-color: #A78BFA; }
.fi-rr-smartphone, .fi-rr-tools, .fi-rr-settings { --icon-color: #6EE7F9; }
.fi-rr-palette { --icon-color: #FF7AD9; }
.fi-rr-envelope, .fi-rr-phone-call { --icon-color: #60A5FA; }
.fi-rr-calendar, .fi-rr-clock, .fi-rr-time-fast, .fi-rr-refresh { --icon-color: #FBBF24; }
.fi-rr-users, .fi-rr-user, .fi-rr-user-add { --icon-color: #C084FC; }
.fi-rr-rocket { --icon-color: #FF7A59; }
.fi-rr-coins, .fi-rr-credit-card { --icon-color: #FFD166; }
.fi-rr-chart-histogram, .fi-rr-chart-line-up { --icon-color: #22D3EE; }
.fi-rr-sign-out-alt { --icon-color: #FF6B6B; }
.fi-rr-eye, .fi-rr-eye-crossed { --icon-color: #60A5FA; }
.fi-rr-download, .fi-rr-arrow-small-right, .fi-rr-arrow-right { --icon-color: #8B7CF6; }
.fi-rr-target, .fi-rr-bullseye, .fi-rr-bulb, .fi-rr-lightbulb { --icon-color: #FBBF24; }
.fi-rr-certificate, .fi-rr-document, .fi-rr-file { --icon-color: #F59E0B; }
.fi-rr-online, .fi-rr-wifi { --icon-color: #34D399; }

/* Icon containers get a subtle glassy color treatment */
.sector-icon .fi,
.service-icon .fi,
.nav-dropdown-item-icon .fi {
  filter: drop-shadow(0 0 8px color-mix(in srgb, var(--icon-color) 28%, transparent));
}

.sector-icon,
.service-icon {
  position: relative;
}

.sector-icon::after,
.service-icon::after {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: inherit;
  background: radial-gradient(circle, color-mix(in srgb, var(--icon-color) 18%, transparent), transparent 70%);
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .fi, .vc-icon { transition: none; }
}