/* Brand background using your solid color image */
.navbar,
footer {
  background-repeat: repeat;
  background-position: center;
  background-size: auto;
}

/* Optional: adjust text color for contrast if needed */
.navbar .nav-link, .navbar .navbar-brand { color: white; }
.navbar .nav-link:hover { color: red; }
.navbar .dropdown-toggle { color: white !important; }
.navbar .dropdown-toggle:hover { color: red !important; }
footer { color: #000; }

/* Home page main background (renamed from home-hero) */
.main-photo-background {
  position: relative;
  width: 100vw;
  min-height: 50vh;
}
.main-photo-background__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-photo-background__overlay {
  position: absolute;
  inset: 0;
  background-image: url('../img/couleur_unie.jpg');
  background-repeat: repeat;
  background-size: auto;
  opacity: 0.6;
  pointer-events: none;
}
.main-photo-background__content {
  position: relative;
  z-index: 1;
}
.home-navbar .nav-link, .home-navbar .navbar-brand { color: #000; }
.home-navbar .nav-link:hover { color: #ed0e0e; }
/* Make only the home navbar transparent (keep default grey for others) */
.home-navbar {
  background-image: none !important;
  background-color: transparent !important;
}

/* Ensure the included header inside the home hero is black */
.home-navbar-wrapper .navbar {
  background-color: #000000 !important;
  border-bottom: none !important;
}

/* Hidden contact row under header, revealed on hover */
header .header-contact {
  max-height: 0;
  overflow: hidden;
  transition: max-height 20ms ease-in-out;
}
header:hover .header-contact {
  max-height: 60px; /* enough to show the row */
}

/* Full-bleed banner section below split */
.expertise_home_banner {
  position: relative;
  width: 100vw;
  min-height: 320px; /* match approximate height of split section image */
}

/* Simple red accent helpers */
.red-accent { color: #ed0e0e; }
/* removed img-red filter per request */
.expertise_home_banner__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.expertise_home_banner__overlay {
  position: absolute;
  inset: 0;
  background-color: #000;
  background-repeat: repeat;
  background-size: auto;
  pointer-events: none;
}
/* Center banner text vertically */
.expertise_home_banner .container {
  min-height: 320px;
  display: flex;
  align-items: center;
}

#title-color {
  color: #ed0e0e;
}
#text-color1 {
  color: white;
}

/* Animation pour les blocs de la page Nos procédés */
@keyframes scaleIn {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.bloc-animation {
  animation: scaleIn 0.6s ease-out forwards;
  opacity: 0;
}
.bloc-1 {
  animation-delay: 0.2s;
}
.bloc-2 {
  animation-delay: 0.4s;
}
.bloc-3 {
  animation-delay: 0.6s;
}

/* Mobile-specific adjustments */
@media (max-width: 768px) {
  /* Hero background image: show full cad5.png on mobile */
  .main-photo-background__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }

  /* Footer logos centered on mobile */
  .footer-logos {
    justify-content: center;
    align-items: center;
  }
  .footer-logos img {
    max-height: 60px;
  }

  /* Société: sectors two per row handled via col-6; tweak spacing if needed */
  .societe-secteurs .col-6 {
    margin-bottom: 1.5rem;
  }
  .societe-secteurs img {
    width: 120px !important;
    height: 120px !important;
    object-fit: cover;
  }

  /* Nos produits: center operations list and sector images */
  .nos-produits-ops {
    text-align: center;
  }
  .nos-produits-ops .row {
    justify-content: center;
  }
  .nos-produits-ops {
    text-align: center;
    .ops-list {
      display: inline-block;
      text-align: left;
      padding-left: 1.2rem !important;
      margin-bottom: 0;
      min-width: 180px; /* Forces both lists to have the same starting point */
      font-size: 1.0rem;
      line-height: 1.8;
      list-style: disc;
    }
  }
    .nos-produits-ops .secteurs-images {
    align-items: center;
  }
  .nos-produits-ops .secteurs-images .d-flex {
    justify-content: center;
  }

  /* Nos procédés: image + texte côte à côte en mobile */
  .procedes-bloc-row {
    align-items: center;
    flex-wrap: nowrap;
  }
  .procedes-bloc-row > .col-md-6:first-child {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .procedes-bloc-row > .col-md-6:last-child {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .procedes-bloc-row img {
    max-height: 140px;
  }

  /* Qualité: certification logos smaller and fully visible on one line */
  .qualite-certifs {
    flex-wrap: nowrap;
    gap: 0.75rem;
  }
  .qualite-certifs img {
    height: 70px !important;
    width: auto;
  }
}