/**
 * AILA Tech – Professional icon styling for AI solution branding
 * Consistent sizing, spacing, and accent colors (do not override button/white icons)
 */

/* ----- Base: all FA icons ----- */
.fas,
.far,
.fab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

/* ----- Only apply accent colors when not inside a button (buttons keep their own icon color) ----- */
.card-header .fa-brain,
.card-header .fa-microchip,
.card-header .fa-robot,
.card-header .fa-crown,
.card-header .fa-box,
.card-header .fa-credit-card,
.info-card-icon .fas,
.test-header-badge .fa-microchip,
.test-header-badge .fa-shield-check,
.billing-icon-circle .fas,
.package-features .fa-check,
.package-limits .fas {
  color: inherit;
}

/* ----- AI / Tech: blue accent in content areas ----- */
.card-title .fa-brain,
.card-title .fa-microchip,
.card-title .fa-robot,
.flowchart-icon .fa-brain,
.flowchart-icon .fa-robot,
.billing-title-modern .fa-credit-card,
.endpoint-title .fas {
  color: #2563eb;
}

/* ----- Security / trust: green in labels and badges ----- */
.test-header-badge .fa-microchip {
  color: #2563eb;
}

/* ----- Subscription card: package icon stays amber, info icons use blue/green ----- */
#billing-section .subscription-icon,
#billing-section .card-icon.subscription-icon {
  color: #fff;
}

#billing-section .info-card-icon .fas {
  color: #fff;
}

/* ----- Nav sidebar: inherit so active state works ----- */
.nav-item .fas,
.nav-item .far {
  color: inherit;
  opacity: 0.9;
}

/* ----- Live API / Test section: AI microchip badge ----- */
.test-header-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.test-header-badge .fa-microchip {
  font-size: 0.75em;
  color: #2563eb;
}

/* ----- Flowchart / process steps: consistent icon size ----- */
.flowchart-icon .fas,
.lao-ocr-step-icon .fas {
  font-size: 1em;
}

/* ----- Package features: green check ----- */
.package-features .fa-check-circle,
.features-list .fa-check-circle {
  color: #059669;
}