/*
 * Font Awesome helpers for SCAIMS.
 * Icons were converted from inline SVGs that were sized with Tailwind
 * w-* / h-* classes; these rules size the Font Awesome glyph to match.
 */
.fa-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 1;
}
.fa-icon.w-3    { font-size: .66rem; }
.fa-icon.w-3\.5 { font-size: .77rem; }
.fa-icon.w-4    { font-size: .88rem; }
.fa-icon.w-5    { font-size: 1.1rem; }
.fa-icon.w-6    { font-size: 1.32rem; }
.fa-icon.w-7    { font-size: 1.54rem; }
.fa-icon.w-8    { font-size: 1.76rem; }
.fa-icon.w-10   { font-size: 2.2rem; }
.fa-icon.w-12   { font-size: 2.64rem; }

/* Farmer dashboard: menu (orange, like the old PNG artwork), home tiles, parcel details (gold). */
.farmer-nav-fa { color: #f7931e; font-size: 19px; }
.fm-tile-fa { color: #f7931e; font-size: 34px; line-height: 1; }
.info-fa { color: #c8bd44; font-size: 26px; line-height: 1; }
@media (max-width: 600px) {
  .fm-tile-fa { font-size: 29px; }
  .info-fa { font-size: 22px; }
}

/* Admin sidebar: white glyph inside the rounded icon tile (was a white-filtered PNG). */
.menu-item i.icon {
  filter: none;
  color: #fff;
  font-size: 15px;
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
/* Farmer sidebar keeps its own orange colour (more specific than the rule above). */
.menu-item i.icon.farmer-nav-fa { color: #f7931e; font-size: 19px; width: 25px; height: 25px; }

/* Admin "Post Updates" upload button. */
.upload-fa { display: inline-flex; align-items: center; justify-content: center; font-size: 20px; color: #198754; }

/* Sidebar / nav menu icons (admin + farmer dashboards). */
.fa-nav-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  font-size: 1.05rem;
  line-height: 1;
}