/**
 * Logos KIEL — header (comme avant), wordmark, marque baobab, partenaires.
 */

/* —— Header : ancré à gauche (pas de décalage / float visuel) —— */
.header-nav-row > a[data-path="accueil"] {
  flex: 0 0 auto;
  flex-shrink: 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
  justify-content: flex-start !important;
  float: none !important;
}

.header-nav-row .kiel-header-logo {
  display: block;
  height: 3.25rem;
  width: auto;
  max-width: min(19rem, 90vw);
  margin: 0 !important;
  float: none !important;
  flex-shrink: 0;
  object-fit: contain;
  object-position: left center;
}

@media (min-width: 640px) and (max-width: 767px) {
  .header-nav-row .kiel-header-logo {
    height: 5.25rem !important;
    max-width: min(16rem, 58vw) !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .header-nav-row .kiel-header-logo {
    height: 4.75rem !important;
    max-width: min(15rem, 52vw) !important;
  }
}

@media (min-width: 1024px) {
  .header-nav-row .kiel-header-logo {
    height: 4.5rem;
    max-width: min(19rem, 100%);
  }
}

@media (max-width: 639px) {
  .header-nav-row .kiel-header-logo {
    height: 5.5rem !important;
    max-width: min(17.5rem, 68vw) !important;
  }

  .header-nav-row > a[data-path="accueil"] {
    max-width: 70% !important;
    flex-shrink: 0 !important;
  }
}

/* —— Wordmark complet (footer, hero, sceau…) —— */
img.kiel-logo-wordmark {
  object-fit: contain;
  object-position: left center;
  width: auto;
  height: auto;
  max-width: 100%;
}

.kiel-footer-brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

.kiel-footer-brand .kiel-footer-logo-wordmark {
  display: block;
  width: auto !important;
  max-width: min(100%, 24rem) !important;
  height: 6.5rem !important;
  margin: 0 0 1rem !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  float: none !important;
  align-self: flex-start;
  object-fit: contain;
  object-position: left center;
  filter: brightness(0) invert(1);
  opacity: 0.96;
}

/* —— Logo KIEL sur surtitres —— */
.kiel-logo-eyebrow {
  display: block;
  height: 2.65rem;
  width: auto;
  max-width: 6.25rem;
  object-fit: contain;
  object-position: left center;
  flex-shrink: 0;
}

.kiel-section-eyebrow .kiel-logo-eyebrow {
  height: 2.75rem;
  max-width: 6.5rem;
}

.kiel-baobab-hub__title-o .kiel-logo-eyebrow,
.kiel-baobab-hub__title-o .kiel-baobab-hub__title-logo {
  display: inline-block;
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  animation: none !important;
  vertical-align: -0.18em;
  height: 1.15em;
  width: auto;
  max-width: 1.65em;
  min-width: 1.15em;
  object-fit: contain;
  object-position: left center;
}

/* —— Hero accueil (disque vert) —— */
#hero-section .hero-orbit.hero-orbit--lg {
  width: 252px;
  height: 252px;
  flex-shrink: 0;
}

@media (min-width: 1024px) {
  #hero-section .hero-orbit.hero-orbit--lg {
    width: 272px;
    height: 272px;
  }
}

#hero-section .hero-orbit-center {
  padding: 1.65rem;
}

#hero-section .kiel-logo--hero,
#hero-section .hero-badge-icon.kiel-logo--hero {
  width: 13rem;
  height: auto;
  max-width: none;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: 0.96;
}

@media (min-width: 1024px) {
  #hero-section .kiel-logo--hero,
  #hero-section .hero-badge-icon.kiel-logo--hero {
    width: 10rem;
  }

  #hero-section .hero-orbit-center {
    padding: 1rem;
  }
}

/* —— Astuces, sceau à propos —— */
.kiel-astuces-hero__badge img.kiel-logo--hero {
  width: 4.25rem;
  height: auto;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: 0.95;
}

.kiel-about-v2-seal img.kiel-logo-wordmark,
.kiel-about-v2-seal img.kiel-logo-wordmark--seal {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  filter: brightness(0) invert(1);
  transform: scale(2.38) !important;
  transform-origin: center center !important;
}

/* Ne pas hériter de l’ancrage à gauche du wordmark global */
img.kiel-logo-wordmark--seal {
  object-position: center center !important;
}

/* Accueil — collage manifeste (#manifeste-impact) : sceau uniquement (taille collage = kiel-site-styles) */
#manifeste-impact .about-collage-wrap > .kiel-about-v2-seal {
  position: absolute;
  left: 6%;
  top: 34%;
  z-index: 40;
  margin: 0;
  width: 8.75rem !important;
  height: 8.75rem !important;
  padding: 0.1rem !important;
  overflow: hidden;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@media (min-width: 640px) {
  #manifeste-impact .about-collage-wrap > .kiel-about-v2-seal {
    left: 8%;
    top: 36%;
  }
}

@media (min-width: 768px) {
  #manifeste-impact .about-collage-wrap > .kiel-about-v2-seal {
    width: 9.25rem !important;
    height: 9.25rem !important;
    padding: 0.1rem !important;
  }

  #manifeste-impact .about-collage-wrap > .kiel-about-v2-seal img.kiel-logo-wordmark--seal {
    transform: scale(2.42) !important;
  }
}

@media (min-width: 1280px) {
  #manifeste-impact .about-collage-wrap > .kiel-about-v2-seal {
    left: 4%;
    top: 38%;
    width: 9.5rem !important;
    height: 9.5rem !important;
    padding: 0.1rem !important;
  }

  #manifeste-impact .about-collage-wrap > .kiel-about-v2-seal img.kiel-logo-wordmark--seal {
    transform: scale(2.45) !important;
  }
}

/* —— Bande partenaires —— */
.partners-logo-link {
  min-height: 4rem;
}

.partners-logo-link img {
  max-height: 5.5rem;
  max-width: 13.5rem;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* —— Paiement footer —— */
.kiel-footer-payments__img {
  width: min(100%, 19rem);
  height: auto;
  max-height: 3.25rem;
  object-fit: contain;
}

/* —— CMS admin —— */
.kiel-cms-admin-logo {
  display: block;
  width: min(100%, 17rem);
  height: auto;
  max-height: 4.5rem;
  object-fit: contain;
  object-position: left center;
}

/* —— Filigrane wordmark (si utilisé) —— */
.kiel-logo-filigrane--watermark.kiel-logo-wordmark {
  width: min(420px, 58vw);
  max-height: 460px;
  opacity: 0.07;
  object-fit: contain;
}