/* ===================================================
   ICONS CSS — Font Awesome integration overrides
   =================================================== */

/* Logo icon — dùng hình ảnh SVG thay emoji hoa */
.logo__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: var(--primary);
  border-radius: 50%;
  color: #fff;
  font-size: 0.9rem;
  flex-shrink: 0;
}
.logo--white .logo__icon {
  background: rgba(255,255,255,0.2);
  color: #fff;
}

/* Info bar icons */
.info-bar__icon { font-size: 1rem; width: 20px; text-align: center; color: rgba(255,255,255,0.85); }

/* Footer contact icons */
.footer__contact li i { width: 18px; text-align: center; margin-right: 6px; color: var(--accent); }

/* Contact list icons */
.contact-icon { font-size: 1.2rem; width: 32px; height: 32px; background: var(--primary-lt); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--primary); flex-shrink: 0; margin-top: 2px; }

/* Value card icons */
.value-card__icon { font-size: 1.8rem; width: 56px; height: 56px; border-radius: 16px; background: var(--primary-lt); display: flex; align-items: center; justify-content: center; color: var(--primary); margin: 0 auto 14px; }

/* Category card icons */
.cat-card__icon { font-size: 1.5rem; margin-bottom: 10px; color: var(--primary); display: flex; align-items: center; justify-content: center; }

/* Service card image area - fa icon centered */
.service-card__img i { font-size: 2.4rem; color: var(--primary); }

/* Duration / session info */
.service-card__duration i,
.package-card__sessions i { margin-right: 4px; color: var(--mid); font-size: 0.85rem; }

/* Sidebar cards */
.sidebar-card h4 i { margin-right: 6px; color: var(--primary); }

/* Floating buttons */
.float-btn i { font-size: 1.2rem; }

/* Auth modal input icons */
.auth-input-icon { color: var(--mid); font-size: 0.9rem; }
.auth-eye i { font-size: 0.88rem; }

/* Auth brand icon */
.auth-brand__icon { width: 48px; height: 48px; background: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.2rem; flex-shrink: 0; }

/* Booking success icon */
.success-icon i { font-size: 3.5rem; color: var(--green); }
.auth-success__icon i { font-size: 3rem; color: var(--green); }

/* Status badges with fa icons */
.status-badge i { font-size: 0.75rem; }

/* User dropdown items */
.user-dropdown__item i { width: 16px; text-align: center; }

/* Nav caret */
.user-caret i { font-size: 0.65rem; }

/* Why-us check list */
.check i { color: var(--primary); }

/* Booking steps icons */
.booking-steps .step i { margin-right: 4px; font-size: 0.8rem; }

/* My bookings meta */
.booking-row__meta i { margin-right: 4px; color: var(--primary); }