/*
 * Forward Systems Custom Styles
 * 
 * This file contains Forward Systems specific CSS customizations
 * that override or extend the base redlab-hugo theme styles.
 * 
 * Last updated: 2025
 */

.content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}/* Client Logo Slider - Consistent Heights 
 * Forces all partner logos to display at the same height (80px)
 * while maintaining aspect ratios and preventing distortion.
 * This ensures a clean, professional appearance in the logo slider.
 */
.client-logo-slider img {
  height: 80px !important;
  width: auto !important;
  max-width: 200px;
  object-fit: contain;
  margin: 0 auto;
  display: block;
  vertical-align: middle;
}

/* Center logos vertically within slider items */
.client-logo-slider .text-center {
  min-height: 120px;
  line-height: 120px;
}

.client-logo-slider .text-center img {
  vertical-align: middle;
  line-height: normal;
}

/* Service Tiles - Center and Justify Text
 * Makes service descriptions both centered and justified for better readability
 * and professional appearance in service cards.
 */
.card-text.content {
  text-align: justify;
  text-align-last: center;
  hyphens: auto;
  line-height: 1.6;
}

/* Alternative approach for better browser support */
@supports not (text-align-last: center) {
  .card-text.content {
    text-align: center;
  }
}

/* Smooth Scrolling with Slower Speed
 * Controls scroll behavior to make it more visible and elegant
 */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

/* Force slower scroll animation where supported */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

/* Fallback for browsers that need explicit timing */
* {
  scroll-behavior: smooth !important;
}

/* Homepage Banner - Justified Title and Center-Justified Content
 * Makes the two-line title justified and the subtitle centered with justified text
 */
.hero-section h1 {
  text-align: justify !important;
  text-align-last: center;
  hyphens: none;
  line-height: 1.2;
  word-spacing: 0.1em;
}

/* Homepage Banner - Center-Justified Subtitle */
.hero-section .content {
  text-align: justify !important;
  text-align-last: center;
  hyphens: auto;
  line-height: 1.6;
  max-width: 90%;
  margin: 0 auto;
}

/* Fallback for browsers that don't support text-align-last */
@supports not (text-align-last: center) {
  .hero-section h1 {
    text-align: center;
  }
  .hero-section .content {
    text-align: center;
  }
}