/* Header specific styles for Fondatrice page */
/* État initial (non scrollé) - texte en bleu foncé */
body #header {
  background-color: transparent;
}

body #header .main-nav a {
  color: #122f47;
}

body #header .cta-button {
  color: #122f47 !important;
}

body #header .logo img {
  filter: brightness(0) saturate(100%) invert(15%) sepia(28%) saturate(1847%) hue-rotate(172deg) brightness(95%) contrast(93%);
}

body #header .mobile-menu-toggle span {
  background-color: #122f47;
}

/* État scrollé - texte en blanc avec fond bleu */
body #header.scrolled {
  background-color: #122f47;
}

body #header.scrolled .main-nav a {
  color: white;
}

body #header.scrolled .cta-button {
  color: #122f47 !important;
}

body #header.scrolled .logo img {
  filter: none;
}

body #header.scrolled .mobile-menu-toggle span {
  background-color: white;
}

/* Fondatrice Hero Section */
.fondatrice-hero {
  padding: 180px 20px 100px 20px;
  background-image: url('Photo/PC/fond-section (1).png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.fondatrice-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  z-index: 0;
}

.fondatrice-hero-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  position: relative;
  z-index: 1;
}

.fondatrice-company {
  font-size: 14px;
  letter-spacing: 3px;
  color: #999;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.fondatrice-name {
  font-size: 72px;
  color: #122f47;
  font-family: 'DM Serif Display', serif;
  line-height: 1.1;
  margin-bottom: 15px;
}

.fondatrice-role {
  font-size: 28px;
  color: #d7c5a3;
  font-style: italic;
  font-family: 'DM Serif Display', serif;
  margin-bottom: 30px;
}

.fondatrice-description {
  font-size: 18px;
  color: #666;
  line-height: 1.8;
  max-width: 400px;
}

.fondatrice-hero-right {
  display: flex;
  justify-content: center;
  align-items: center;
}

.fondatrice-quote-box {
  background: #122f47;
  padding: 50px 40px;
  border-radius: 10px;
  position: relative;
  max-width: 400px;
  border: 3px solid #fff;
}

.quote-marks {
  font-size: 60px;
  color: #666;
  line-height: 1;
  display: block;
  margin-bottom: 10px;
  font-family: 'DM Serif Display', serif;
}

.fondatrice-quote {
  font-size: 18px;
  color: #fff;
  font-style: italic;
  line-height: 1.8;
  font-family: 'DM Serif Display', serif;
}

/* Parcours Section */
.fondatrice-parcours {
  padding: 100px 20px;
  background: #fff;
}

.parcours-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 80px;
}

.parcours-number {
  font-size: 24px;
  color: #999;
  margin-bottom: 10px;
}

.parcours-title {
  font-size: 16px;
  color: #122f47;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 40px;
}

.parcours-subtitle {
  font-size: 32px;
  color: #122f47;
  font-family: 'DM Serif Display', serif;
  line-height: 1.3;
  margin-bottom: 25px;
}

.parcours-intro {
  font-size: 16px;
  color: #666;
  line-height: 1.8;
}

.parcours-right {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.parcours-text {
  font-size: 16px;
  color: #333;
  line-height: 1.8;
}

.parcours-experience {
  font-size: 16px;
  color: #666;
  line-height: 1.8;
  font-style: italic;
  padding-left: 25px;
  border-left: 3px solid #d7c5a3;
  margin: 10px 0;
}

.parcours-conclusion {
  font-size: 18px;
  color: #122f47;
  font-weight: 600;
  line-height: 1.6;
}

/* Formation Partners Banner (Section complète) */
.formation-partners {
  padding: 60px 20px;
  background-color: #f8f8f8;
  overflow: hidden;
}

.parcours-partners-title {
  text-align: center;
  font-size: 24px;
  color: #122f47;
  margin-bottom: 40px;
  font-weight: bold;
}

.parcours-partners-slider {
  display: flex;
  gap: 60px;
  animation: slideParcoursPartners 25s linear infinite;
}

@keyframes slideParcoursPartners {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.parcours-partners-slider:hover {
  animation-play-state: paused;
}

.parcours-partner-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 40px;
  background: #fff;
  border-radius: 10px;
  transition: all 0.3s ease;
  filter: grayscale(100%);
  opacity: 0.7;
  border: 1px solid #e0e0e0;
  flex-shrink: 0;
  min-width: 200px;
  height: 100px;
}

.parcours-partner-logo:hover {
  filter: grayscale(0%);
  opacity: 1;
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.parcours-partner-logo img {
  max-width: 160px;
  max-height: 70px;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Réseau d'experts Section */
.fondatrice-reseau {
  padding: 80px 20px;
  background: #122f47;
}

.reseau-container {
  max-width: 800px;
  margin: 0 auto;
  text-align: left;
}

.reseau-title {
  font-size: 24px;
  color: #d7c5a3;
  margin-bottom: 25px;
  font-family: 'DM Serif Display', serif;
}

.reseau-text {
  font-size: 16px;
  color: #ccc;
  line-height: 1.8;
  margin-bottom: 40px;
}

.reseau-icons {
  display: flex;
  gap: 15px;
}

.reseau-icon {
  width: 40px;
  height: 40px;
  border: 2px dashed #d7c5a3;
  border-radius: 50%;
}

/* Nos consultants Section */
.nos-consultants {
  padding: 80px 20px;
  background: #f8f8f8;
}

.consultants-container {
  max-width: 1200px;
  margin: 0 auto;
}

.consultants-header {
  text-align: center;
  margin-bottom: 60px;
}

.consultants-title {
  font-size: 42px;
  color: #122f47;
  margin-bottom: 20px;
  font-family: 'DM Serif Display', serif;
}

.consultants-subtitle {
  font-size: 18px;
  color: #666;
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
}

.consultants-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.consultant-card {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.consultant-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.consultant-image {
  width: 100%;
  height: 300px;
  background: #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.consultant-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.consultant-placeholder {
  font-size: 48px;
  color: #999;
}

.consultant-info {
  padding: 30px;
  text-align: center;
}

.consultant-name {
  font-size: 22px;
  color: #122f47;
  margin-bottom: 10px;
  font-weight: bold;
  font-family: 'DM Sans', sans-serif;
}

.consultant-role {
  font-size: 16px;
  color: #d7c5a3;
  font-style: italic;
  margin-bottom: 15px;
}

.consultant-description {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 992px) {
  .fondatrice-hero-container {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .fondatrice-name {
    font-size: 56px;
  }

  .fondatrice-description {
    max-width: 100%;
    margin: 0 auto;
  }

  .parcours-container {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .parcours-left {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .fondatrice-hero {
    padding: 140px 20px 60px 20px;
  }

  .fondatrice-name {
    font-size: 42px;
  }

  .fondatrice-role {
    font-size: 22px;
  }

  .fondatrice-quote-box {
    padding: 30px 25px;
  }

  .parcours-subtitle {
    font-size: 26px;
  }

  .formation-partners {
    padding: 40px 20px;
  }

  .parcours-partners-title {
    font-size: 20px;
    margin-bottom: 30px;
  }

  .parcours-partner-logo {
    min-width: 160px;
    padding: 15px 25px;
    height: 80px;
  }

  .parcours-partner-logo img {
    max-width: 130px;
    max-height: 55px;
  }

  .reseau-icons {
    justify-content: center;
  }

  .consultants-title {
    font-size: 32px;
  }

  .consultants-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
