/* =============================================
   ECHO IRON – overrides.css
   Replaces all inline style="" attributes across HTML pages.
   Keeps every CSS rule out of the HTML files.
   ============================================= */

/* ─────────────────────────────────────────────
   INDEX PAGE – Industry card backgrounds
───────────────────────────────────────────── */
.industry-img--steel        { background: linear-gradient(135deg,#1a1a2e,#374151); }
.industry-img--manufacturing { background: linear-gradient(135deg,#1e3a5f,#1a1a2e); }
.industry-img--recycling    { background: linear-gradient(135deg,#14532d,#1a1a2e); }
.industry-img--traders      { background: linear-gradient(135deg,#4c1d95,#1a1a2e); }

/* Featured Project slide backgrounds */
.fp-slide--1 { background: linear-gradient(to right,rgba(0,0,0,0.8),rgba(0,0,0,0.4)), linear-gradient(135deg,#1a1a2e,#374151); }
.fp-slide--2 { background: linear-gradient(to right,rgba(0,0,0,0.8),rgba(0,0,0,0.4)), linear-gradient(135deg,#1e3a5f,#1a1a2e); }
.fp-slide--3 { background: linear-gradient(to right,rgba(0,0,0,0.8),rgba(0,0,0,0.4)), linear-gradient(135deg,#14532d,#1a1a2e); }

/* Insight card image backgrounds */
.insight-img--1 { background: linear-gradient(135deg,#2f2483,#4c1d95); }
.insight-img--2 { background: linear-gradient(135deg,#14532d,#1a1a2e); }
.insight-img--3 { background: linear-gradient(135deg,#1e3a5f,#374151); }

/* Gallery item backgrounds */
.gallery-img--1 { background: linear-gradient(135deg,#1a1a2e 0%,#374151 100%); }
.gallery-img--2 { background: linear-gradient(135deg,#374151,#1e3a5f); }
.gallery-img--3 { background: linear-gradient(135deg,#14532d,#1a1a2e); }
.gallery-img--4 { background: linear-gradient(135deg,#4c1d95,#2f2483); }
.gallery-img--5 { background: linear-gradient(135deg,#1e3a5f,#374151); }
.gallery-img--6 { background: linear-gradient(135deg,#7c3aed,#2f2483); }

/* ─────────────────────────────────────────────
   ABOUT PAGE
───────────────────────────────────────────── */
.about-stats-section {
  padding: 48px 0 80px;
  background: #fff;
}

.about-story-section {
  padding: 0 0 80px;
  background: #fff;
}

/* Leadership accent avatar backgrounds */
.leader-avatar--indigo  { background: linear-gradient(135deg,#6366f1,#2f2483); }
.leader-avatar--violet  { background: linear-gradient(135deg,#8b5cf6,#2f2483); }
.leader-avatar--navy    { background: linear-gradient(135deg,#2f2483,#4c1d95); }

/* Section title accent spans */
.accent-primary { color: var(--primary); }

/* ─────────────────────────────────────────────
   CONTACT PAGE
───────────────────────────────────────────── */
.contact-section {
  background: #fff;
}

/* ─────────────────────────────────────────────
   PROJECTS PAGE
───────────────────────────────────────────── */
.projects-filter-section {
  background: #f8f8f8;
}

.projects-hero-stats {
  display: flex;
  gap: 32px;
  justify-content: center;
  margin-top: 32px;
}

.projects-hero-stat {
  text-align: center;
}

.projects-hero-stat-num {
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: var(--primary);
}

.projects-hero-stat-label {
  font-size: 13px;
  color: var(--text-muted);
}

.projects-hero-divider {
  width: 1px;
  height: 40px;
  background: var(--border);
  margin-top: 8px;
}

/* ─────────────────────────────────────────────
   SERVICES PAGE
───────────────────────────────────────────── */
.services-grid-section {
  background: #fff;
}

/* ─────────────────────────────────────────────
   SERVICE DETAIL PAGE
───────────────────────────────────────────── */
.svc-features-section {
  background: #f9f8ff;
}

/* ─────────────────────────────────────────────
   PROJECT DETAIL PAGE
───────────────────────────────────────────── */
.proj-content-section {
  padding-top: 40px;
}

.proj-detail-cta-btn {
  width: 100%;
  justify-content: center;
  margin-top: 20px;
}

/* ─────────────────────────────────────────────
   INDUSTRY DETAIL PAGE
───────────────────────────────────────────── */
.industry-stats-section {
  padding: 56px 0;
  background: #fff;
}

.industry-about-section {
  padding: 0 0 80px;
  background: #fff;
}

.industry-about-title-accent { color: var(--primary); }

.industry-usecases-heading {
  margin-top: 32px;
  margin-bottom: 16px;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 600;
}