/* Services UI overrides: consistent icon sizing, visibility, and responsive scaling */

/* Hero service icon wrapper (e.g., .service-icon in klima.html) */
.service-icon {
  width: clamp(56px, 6vw, 80px) !important;
  height: clamp(56px, 6vw, 80px) !important;
}
.service-icon i.bi {
  font-size: clamp(1.5rem, 3.5vw, 2.25rem) !important;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,0.25));
}

/* Service detail card icons (left colored column) */
.service-detail-card i.bi {
  font-size: clamp(2rem, 5vw, 3rem) !important; /* overrides display-2 variations */
  line-height: 1;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,0.3));
}
.service-detail-card [style*="min-height: 200px"],
.service-detail-card .icon-box {
  min-height: clamp(160px, 26vw, 220px) !important; /* keep card height balanced on mobile */
}

/* Advantage icons (Neden Biz kartları) */
.advantage-icon {
  width: clamp(56px, 6vw, 78px) !important;
  height: clamp(56px, 6vw, 78px) !important;
}
.advantage-icon i.bi {
  font-size: clamp(1.4rem, 3vw, 2rem) !important;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,0.25));
}

/* Brand icons grid (markalar) */
.brand-card .brand-icon {
  width: clamp(52px, 5.5vw, 64px) !important;
  height: clamp(52px, 5.5vw, 64px) !important;
}
.brand-card .brand-icon i.bi {
  font-size: clamp(1.2rem, 2.5vw, 1.6rem) !important;
}

/* Navbar/CTA icons ensure legibility on gradients */
.navbar .bi,
.cta-section .bi {
  filter: drop-shadow(0 1px 3px rgba(0,0,0,0.25));
}

/* General utility if needed in templates */
.icon-visible {
  opacity: 1 !important;
}
.icon-dimmed {
  opacity: 0.75 !important;
}

/* Reduce overly large Bootstrap utilities on small screens */
@media (max-width: 576px) {
  .display-2, .display-3, .display-4 { font-size: 1.75rem !important; }
}

/* Mobile-specific boosts for Hizmetler icons */
@media (max-width: 767.98px) {
  /* Big service cards (left colored column icons) */
  .service-header i.bi {
    font-size: 4rem !important; /* larger than display-1 on mobile */
  }
  .service-header {
    min-height: 230px !important; /* keep visual balance with larger icon */
  }

  /* Process steps icons (Hizmet Süreci) */
  .process-icon {
    width: 90px !important;
    height: 90px !important;
  }
  .process-icon i.bi {
    font-size: 2.4rem !important;
  }

  /* Advantage icons (Neden Şenkal Grup) */
  .advantage-icon {
    width: 84px !important;
    height: 84px !important;
  }
  .advantage-icon i.bi {
    font-size: 2.1rem !important;
  }
}