/* =====================================================
   INDICRON — custom overrides on Matre template
   ===================================================== */

/* --- Wordmark --- */
.indicron-wordmark {
  font-family: 'Source Sans 3', 'Roboto', sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-heading, #1a1a2e);
  text-decoration: none;
}
.indicron-wordmark:hover { text-decoration: none; color: inherit; }
.indicron-wordmark--footer {
  font-size: 1.3rem;
  color: #fff;
  display: block;
  margin-bottom: 0.8rem;
}

/* --- Hero — dark gradient, premium consulting aesthetic --- */
.banner-home {
  background: linear-gradient(150deg, #0a0f2e 0%, #0d1b4b 40%, #1a2d6b 100%);
  position: relative;
}
.banner-home::before { display: none; }
.banner-home .hero-container { position: relative; z-index: 1; }
.slideshow-container { display: none; }

/* Hero text → white on dark background */
.banner-home .banner-home__title              { color: #ffffff; }
.banner-home .banner-home__sub-heading        { color: rgba(255,255,255,0.70); }
.banner-home .banner-home__description        { color: rgba(255,255,255,0.85); }
.banner-home .banner-home__experience-rate    { color: #ffffff; }
.banner-home .banner-home-experience-rate-suffix { color: rgba(255,255,255,0.75); }
.banner-home .secondary-accent                { color: rgba(255,255,255,0.65) !important; }
.banner-home .btn-accent {
  background-color: #fff;
  color: #0d1b4b;
  border-color: #fff;
}
.banner-home .btn-accent:hover {
  background-color: rgba(255,255,255,0.9);
}

/* --- 4-pillar grid (2x2 on tablet, 1-col mobile) --- */
.service-section__grid-layout--four {
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}
@media (max-width: 575px) {
  .service-section__grid-layout--four { grid-template-columns: 1fr; }
}

/* --- Hero stats: 4-col on md, 2-col on sm --- */
.banner-home__experience-container .row { flex-wrap: wrap; }

/* --- Inner page banners — subtle light gradient strip --- */
.banner-page {
  background: linear-gradient(135deg, #eef2ff 0%, #e8edf8 100%);
  border-bottom: 1px solid #dde3f0;
}
.banner-page .hero-container { position: relative; z-index: 1; }

/* --- Service icon sizing (FA icons, no image) --- */
.service-icon-fa { font-size: 2rem; color: var(--color-accent); min-width: 2.5rem; }

/* --- Headshot on About page --- */
.headshot-container {
  border-radius: 8px;
  overflow: hidden;
  max-width: 460px;
}
.headshot-container img { width: 100%; height: auto; display: block; }

/* --- Credentials table --- */
.indicron-creds {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
  margin-top: 1.5rem;
}
.indicron-creds td {
  padding: 0.45rem 0.6rem;
  border-bottom: 1px solid #eee;
  vertical-align: top;
}
.indicron-creds td:first-child {
  white-space: nowrap;
  width: 80px;
  font-weight: 600;
  color: var(--color-accent);
}

/* --- Engagement cards --- */
.engagement-card {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 1.5rem;
  height: 100%;
}
.engagement-card .tag-row { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 0.75rem; }
.engagement-tag {
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 3px 8px;
  border-radius: 4px;
  background: #f0f4ff;
  color: var(--color-accent);
}
.engagement-tag--career { background: #f5f5f5; color: #666; }

/* --- Testimonial cards layout fix --- */
.testimonial__card-container .card-testimonial { height: 100%; }

/* --- Footer logo --- */
.footer__logo { margin-bottom: 1rem; }

/* --- Empty step image wrappers --- */
.steps-analyze__image-wrapper:empty,
.steps-support__image-wrapper:empty { display: none; }

/* --- Contact form override --- */
.contact-info-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.contact-info-item i { font-size: 1.4rem; color: var(--color-accent); margin-top: 2px; }