/* =============================================================
   Section Nos expertises en audit — Template Solution Single Enfant
   Barre de liens pills + bloc de contenu 2 colonnes.
   ============================================================= */

/* =============================================================
   Barre de navigation (tabs pills)
   ============================================================= */

.child-expertises__nav {
  border-bottom: 1px solid rgba(221, 227, 225, 0.4);
  padding: 48px 0;
}

.child-expertises__nav-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}

.child-expertises__nav-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  color: #025455;
  margin: 0;
  letter-spacing: 0;
  text-align: center;
}

.child-expertises__pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 48px;
}

.child-expertises__pill {
  display: inline-flex;
  align-items: center;
  height: 38px;
  padding: 9px 17px;
  border-radius: 9999px;
  border: 1px solid #dde3e1;
  background-color: #fefefe;
  color: #13201c;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.child-expertises__pill--active,
.child-expertises__pill:hover {
  background-color: #025455;
  border-color: #025455;
  color: #ffffff;
}

/* =============================================================
   Panneau de contenu
   ============================================================= */

.child-expertises__panel {
  background-color: #f2f7f5;
  border-bottom: 1px solid rgba(221, 227, 225, 0.4);
}

.child-expertises__panel-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 80px 0;
  display: flex;
  align-items: flex-start;
  gap: 120px;
}

/* =============================================================
   Colonne gauche
   ============================================================= */

.child-expertises__left {
  width: 550px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.child-expertises__meta {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.child-expertises__practice {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.child-expertises__what-label {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #21b593;
  margin: 0;
  line-height: 1;
}

.child-expertises__title {
  font-family: 'Montserrat', sans-serif;
  font-size: 45px;
  font-weight: 700;
  color: #13201c;
  line-height: 1;
  margin: 0;
}

.child-expertises__title p {
  margin: 0;
}

.child-expertises__en-pratique {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #025455;
  margin: 0;
  line-height: 1;
}

/* Cards info (Pour qui / Quand / Durée / Résultat) */
.child-expertises__info-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.child-expertises__info-card {
  display: flex;
  align-items: center;
  gap: 36px;
  min-height: 72px;
  padding: 27px;
  background-color: #ffffff;
  border: 1px solid rgba(221, 227, 225, 0.4);
  border-radius: 12px;
}

.child-expertises__info-label {
  flex-shrink: 0;
  width: 100px;
  font-family: 'Montserrat', sans-serif;
  font-size: 17px;
  font-weight: 700;
  color: #21b593;
  line-height: 1;
}

.child-expertises__info-text {
  font-family: 'Work Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: #003c3d;
  line-height: 1.5;
}

/* =============================================================
   Colonne droite
   ============================================================= */

.child-expertises__right {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.child-expertises__image-wrap {
  width: 100%;
  height: 401px;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
}

.child-expertises__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.child-expertises__description {
  font-family: 'Work Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: #003c3d;
  line-height: 1.5;
}

.child-expertises__description p {
  margin: 0 0 12px;
}

.child-expertises__description p:last-child {
  margin-bottom: 0;
}

/* Bullets */
.child-expertises__bullets {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.child-expertises__bullet {
  display: flex;
  align-items: flex-start;
  gap: 25px;
}

.child-expertises__bullet-dot {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: rgba(2, 84, 85, 0.1);
  margin-top: 2px;
}

.child-expertises__bullet-dot-inner {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #025455;
}

.child-expertises__bullet-text {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #13201c;
  line-height: 1.2;
}

/* =============================================================
   Responsive — ≤ 1280px
   ============================================================= */
@media (max-width: 1280px) {
  .child-expertises__panel-inner {
    padding: 60px 0;
    gap: 60px;
  }

  .child-expertises__title {
    font-size: 36px;
  }

  .child-expertises__image-wrap {
    height: 320px;
  }
}

/* =============================================================
   Responsive — ≤ 991px
   ============================================================= */
@media (max-width: 991px) {
  .child-expertises__nav {
    padding: 32px 0;
  }

  .child-expertises__nav-inner {
    padding: 0 24px;
    align-items: flex-start;
  }

  .child-expertises__pills {
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }

  .child-expertises__pill {
    width: 100%;
    justify-content: center;
    font-size: 13px;
  }

  /* Panneau en colonne, sans padding global ni gap */
  .child-expertises__panel {
    background-color: transparent;
  }

  .child-expertises__panel-inner {
    flex-direction: column;
    padding: 0;
    gap: 0;
  }

  .child-expertises__left {
    width: 100%;
    gap: 0;
  }

  /* Zone pratique (En pratique + cards) → fond blanc, en premier */
  .child-expertises__practice {
    order: 0;
    background-color: #ffffff;
    padding: 32px 24px;
    gap: 20px;
  }

  /* Zone méta (surtitre + titre) → fond coloré, en second */
  .child-expertises__meta {
    order: 1;
    background-color: #f2f7f5;
    padding: 32px 24px 0;
  }

  /* Colonne droite → fond coloré, dans la continuité */
  .child-expertises__right {
    background-color: #f2f7f5;
    padding: 32px 24px 48px;
  }

  /* Typo mobile */
  .child-expertises__title {
    font-size: 28px;
  }

  .child-expertises__what-label {
    font-size: 18px;
  }

  .child-expertises__image-wrap {
    height: 250px;
  }

  .child-expertises__info-card {
    gap: 16px;
    padding: 25px;
    min-height: auto;
  }

  .child-expertises__info-label {
    font-size: 15px;
    width: 80px;
  }

  .child-expertises__info-text {
    font-size: 15px;
  }

  .child-expertises__description {
    font-size: 15px;
  }

  .child-expertises__bullet-text {
    font-size: 16px;
  }

  .child-expertises__bullet {
    gap: 20px;
  }
}

/* =============================================================
   Responsive — ≤ 575px
   ============================================================= */
@media (max-width: 575px) {
  .child-expertises__nav-inner {
    padding: 0 16px;
  }

  .child-expertises__panel-inner {
    padding: 0;
  }

  .child-expertises__practice {
    padding: 32px 16px;
  }

  .child-expertises__meta {
    padding: 32px 16px 0;
  }

  .child-expertises__right {
    padding: 32px 16px 48px;
  }
}