/*
 * Kontrechan — couche de présentation du site.
 * Le moteur de charte reste theme.json ; ce fichier gère les composants éditoriaux.
 */

:root {
  --kt-paper: var(--wp--preset--color--base, #F2EEE6);
  --kt-card: var(--wp--preset--color--base-2, #FAF8F4);
  --kt-ink: var(--wp--preset--color--contrast, #2B2723);
  --kt-muted: var(--wp--preset--color--contrast-2, #6E675E);
  --kt-green: var(--wp--preset--color--accent, #2F6B3C);
  --kt-sage: var(--wp--preset--color--accent-2, #9BB39A);
  --kt-wood: var(--wp--preset--color--accent-4, #B99F7A);
  --kt-line: var(--wp--preset--color--bordure, #E0D9CC);
  --kt-radius: 8px;
  --kt-shadow: 0 18px 55px rgba(43, 39, 35, .07);
}

html { scroll-behavior: smooth; }
body { text-rendering: optimizeLegibility; }

.kt-home { overflow: clip; }
.kt-section {
  padding-block: clamp(4rem, 8vw, 8rem);
}
.kt-section--compact { padding-block: clamp(3rem, 6vw, 5.5rem); }
.kt-inner { width: min(1200px, calc(100% - 2rem)); margin-inline: auto; }
.kt-reading { max-width: 760px; }
.kt-centered { margin-inline: auto; text-align: center; }
.kt-eyebrow {
  margin: 0 0 1rem;
  color: var(--kt-green);
  font-family: Manrope, sans-serif;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .16em;
  line-height: 1.25;
  text-transform: uppercase;
}
.kt-title-xl {
  max-width: 12ch;
  margin: 0 0 1.5rem;
  font-size: clamp(3.1rem, 7vw, 6.9rem) !important;
  font-weight: 500;
  letter-spacing: -.045em !important;
  line-height: .94 !important;
}
.kt-lead {
  max-width: 60ch;
  color: var(--kt-muted);
  font-size: clamp(1.05rem, 1.3vw, 1.22rem);
  line-height: 1.75;
}
.kt-hero {
  display: grid !important;
  grid-template-columns: minmax(0, .92fr) minmax(380px, 1.08fr);
  gap: clamp(2.5rem, 6vw, 6.5rem);
  align-items: center;
}
.kt-hero-copy { padding-block: 1rem; }
.kt-hero-media { position: relative; }
.kt-hero-media::before {
  content: "";
  position: absolute;
  inset: 1.4rem -1.4rem -1.4rem 1.4rem;
  border: 1px solid var(--kt-line);
  border-radius: var(--kt-radius);
  z-index: 0;
}
.kt-hero-media img {
  position: relative;
  z-index: 1;
  aspect-ratio: 4 / 5;
  width: 100%;
  object-fit: cover;
  border-radius: var(--kt-radius);
  box-shadow: var(--kt-shadow);
}
.kt-actions { gap: .75rem !important; margin-top: 2rem !important; }
.kt-actions .wp-block-button__link {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-weight: 650;
}
.kt-actions .is-style-outline .wp-block-button__link {
  border: 1px solid var(--kt-line);
  color: var(--kt-ink);
  background: transparent;
}
.kt-actions .is-style-outline .wp-block-button__link:hover {
  border-color: var(--kt-green);
  color: var(--kt-green);
  background: var(--kt-card);
}

.kt-statement {
  border-block: 1px solid var(--kt-line);
  background: rgba(250, 248, 244, .55);
}
.kt-statement h2 {
  max-width: 20ch;
  margin-inline: auto;
  font-size: clamp(2rem, 4.2vw, 3.7rem) !important;
  line-height: 1.1 !important;
}
.kt-statement p { max-width: 68ch; margin-inline: auto; }
.kt-method-line {
  margin-top: 2rem;
  color: var(--kt-green);
  font-family: Manrope, sans-serif;
  font-size: clamp(.82rem, 1.4vw, 1rem);
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.kt-feature {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 5rem);
}
.kt-tool-preview {
  overflow: hidden;
  min-height: 500px;
  border: 1px solid var(--kt-line);
  border-radius: var(--kt-radius);
  background: var(--kt-card);
  box-shadow: var(--kt-shadow);
}
.kt-tool-preview img {
  width: 100%;
  height: 520px;
  object-fit: cover;
  object-position: top center;
}
.kt-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: .25rem .65rem;
  border: 1px solid color-mix(in srgb, var(--kt-wood) 55%, var(--kt-line));
  border-radius: 999px;
  background: color-mix(in srgb, var(--kt-wood) 16%, var(--kt-card));
  color: #70592f;
  font-family: Manrope, sans-serif;
  font-size: .72rem;
  font-weight: 750;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.kt-checks { margin: 1.75rem 0; padding: 0; list-style: none; }
.kt-checks li { position: relative; margin: .8rem 0; padding-left: 1.65rem; }
.kt-checks li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .55em;
  width: .62rem;
  height: .62rem;
  border: 2px solid var(--kt-green);
  border-radius: 50%;
}

.kt-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.kt-card {
  height: 100%;
  padding: clamp(1.4rem, 2.5vw, 2rem);
  border: 1px solid var(--kt-line);
  border-radius: var(--kt-radius);
  background: var(--kt-card);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.kt-card:hover { transform: translateY(-3px); border-color: var(--kt-sage); box-shadow: 0 12px 34px rgba(43,39,35,.06); }
.kt-card h3 { margin-top: .35rem; font-size: clamp(1.35rem, 2vw, 1.75rem) !important; }
.kt-card p { color: var(--kt-muted); }
.kt-index {
  color: var(--kt-green);
  font-family: "Fira Code", monospace;
  font-size: .78rem;
  font-weight: 600;
}

.kt-process { counter-reset: kt-step; display: grid !important; grid-template-columns: repeat(5, 1fr); gap: 0; }
.kt-step {
  position: relative;
  padding: 1.5rem 1.25rem 1.5rem 0;
  border-top: 1px solid var(--kt-line);
}
.kt-step:not(:last-child)::after {
  content: "→";
  position: absolute;
  top: 1.55rem;
  right: .8rem;
  color: var(--kt-sage);
}
.kt-step strong { display: block; margin-bottom: .45rem; font-family: Manrope, sans-serif; }
.kt-step p { margin: 0; color: var(--kt-muted); font-size: .9rem; line-height: 1.6; }

.kt-about {
  display: grid !important;
  grid-template-columns: minmax(260px, .75fr) minmax(0, 1.25fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: start;
}
.kt-note {
  padding: 1.2rem 1.4rem;
  border-left: 3px solid var(--kt-sage);
  background: var(--kt-card);
  color: var(--kt-muted);
  font-size: .94rem;
}
.kt-final {
  border-top: 1px solid var(--kt-line);
  background: var(--kt-green);
  color: var(--kt-card);
}
.kt-final h2, .kt-final p { color: inherit !important; }
.kt-final .wp-block-button__link { background: var(--kt-card) !important; color: var(--kt-ink) !important; }
.kt-final .wp-block-button__link:hover { background: var(--kt-paper) !important; }

@media (max-width: 900px) {
  .kt-hero, .kt-feature, .kt-about { grid-template-columns: 1fr; }
  .kt-hero-media { width: min(680px, 100%); margin-inline: auto; }
  .kt-hero-media img { aspect-ratio: 16 / 11; }
  .kt-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kt-process { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
  .kt-step { padding-right: 0; }
  .kt-step::after { display: none; }
}

@media (max-width: 600px) {
  .kt-inner { width: min(100% - 1.25rem, 1200px); }
  .kt-section { padding-block: 3.75rem; }
  .kt-title-xl { max-width: none; font-size: clamp(3rem, 17vw, 4.7rem) !important; }
  .kt-actions { align-items: stretch !important; }
  .kt-actions .wp-block-button, .kt-actions .wp-block-button__link { width: 100%; }
  .kt-hero-media::before { inset: .7rem -.35rem -.7rem .35rem; }
  .kt-grid, .kt-process { grid-template-columns: 1fr; }
  .kt-tool-preview { min-height: 390px; }
  .kt-tool-preview img { height: 410px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .kt-card { transition: none; }
}

/*
 * Ajustements V1.1.1 — premier retour visuel sur grand écran.
 * - en-tête plus lisible ;
 * - première section plus proche de la navigation ;
 * - titre principal mieux proportionné ;
 * - neutralisation des marges de flux WordPress dans les grilles personnalisées.
 */

/* En-tête : identité et navigation plus présentes, sans alourdir la composition. */
.wp-block-site-title,
.wp-block-site-title a {
  font-size: clamp(1.05rem, 1.1vw, 1.16rem) !important;
}

.wp-block-navigation .wp-block-navigation-item__content {
  font-size: clamp(1rem, 1vw, 1.08rem) !important;
}

/*
 * Navigation principale : signaler la page courante avec deux indices visuels
 * (couleur et soulignement), sans modifier les états de survol ou de focus.
 */
.wp-block-navigation .wp-block-navigation-item__content[aria-current="page"] {
  color: var(--wp--preset--color--accent);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: .12em;
  text-underline-offset: .3em;
}

/* Réduire la respiration excessive entre l’en-tête et le héros. */
.kt-home > .kt-section:first-child {
  padding-top: clamp(2.25rem, 3.5vw, 4.25rem);
}

/* Le nom reste volontairement fort, mais ne domine plus l’image et le texte. */
.kt-title-xl {
  font-size: clamp(3rem, 5.6vw, 5.6rem) !important;
  line-height: .98 !important;
}

/*
 * Les groupes Gutenberg en disposition « flow » appliquent une marge aux enfants
 * suivants. Nos composants passent ensuite en CSS Grid : cette marge décalait le
 * premier élément par rapport aux autres. On la neutralise pour tous les grids maison.
 */
.kt-hero > *,
.kt-feature > *,
.kt-grid > *,
.kt-process > *,
.kt-about > * {
  margin-block-start: 0 !important;
}

.kt-grid > .kt-card,
.kt-process > .kt-step {
  align-self: stretch;
}

@media (max-width: 600px) {
  .kt-home > .kt-section:first-child {
    padding-top: 2rem;
  }

  .kt-title-xl {
    font-size: clamp(2.25rem, 11.8vw, 4.25rem) !important;
  }
}

/*
 * Page Laboratoire — Fondation V1 (thème 1.2.0).
 * La composition s’appuie sur le titre natif de la page WordPress.
 */
.kt-lab { overflow: clip; }

.kt-lab-intro {
  padding-top: clamp(.5rem, 1.5vw, 1.5rem);
  padding-bottom: clamp(4rem, 7vw, 7rem);
}

.kt-lab-lead {
  max-width: 64ch;
  font-size: clamp(1.18rem, 1.8vw, 1.45rem);
}

.kt-feature--lab {
  grid-template-columns: minmax(0, 1fr) minmax(340px, .92fr);
}

.kt-tool-preview--lab {
  min-height: 590px;
}

.kt-tool-preview--lab img {
  height: 610px;
}

.kt-lab-tool-copy .kt-eyebrow {
  margin-top: 1.15rem;
}

.kt-progress-note {
  margin-top: 1.75rem;
  padding: 1.15rem 1.3rem;
  border: 1px solid var(--kt-line);
  border-left: 3px solid var(--kt-wood);
  border-radius: 0 var(--kt-radius) var(--kt-radius) 0;
  background: rgba(242, 238, 230, .72);
}

.kt-progress-note p {
  margin: 0;
  color: var(--kt-muted);
  font-size: .93rem;
  line-height: 1.65;
}

.kt-resource-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: clamp(2rem, 4vw, 3.5rem);
}

.kt-resource-card {
  position: relative;
  min-height: 290px;
  padding-top: 2.2rem;
}

.kt-resource-card::before {
  content: "";
  position: absolute;
  top: -1px;
  left: clamp(1.4rem, 2.5vw, 2rem);
  width: 3.2rem;
  height: 3px;
  background: var(--kt-green);
}

.kt-lab-process {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: clamp(2rem, 4vw, 3.5rem);
}

.kt-lab-step {
  min-height: 280px;
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-top: 1px solid var(--kt-green);
  background: rgba(250, 248, 244, .55);
}

.kt-lab-step h3 {
  margin-top: .5rem;
}

.kt-lab-step p:last-child {
  color: var(--kt-muted);
}

.kt-lab-evolution {
  display: grid !important;
  grid-template-columns: minmax(280px, .9fr) minmax(0, 1.1fr);
  gap: clamp(2.5rem, 6vw, 6.5rem);
  align-items: start;
}

.kt-resource-grid > *,
.kt-lab-process > *,
.kt-lab-evolution > * {
  margin-block-start: 0 !important;
}

.kt-resource-grid > .kt-resource-card,
.kt-lab-process > .kt-lab-step {
  align-self: stretch;
}

.kt-lab-section-note {
  max-width: 760px;
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
}

.kt-lab-section-note p:first-child { margin-top: 0; }
.kt-lab-section-note p:last-child { margin-bottom: 0; }

.kt-lab-topics {
  columns: 2;
  column-gap: 2rem;
}

.kt-lab-topics li {
  break-inside: avoid;
}

.kt-lab .kt-final .kt-eyebrow {
  color: color-mix(in srgb, var(--kt-card) 78%, var(--kt-sage));
}

@media (max-width: 900px) {
  .kt-feature--lab,
  .kt-lab-evolution {
    grid-template-columns: 1fr;
  }

  .kt-tool-preview--lab {
    width: min(720px, 100%);
    min-height: 520px;
    margin-inline: auto;
  }

  .kt-tool-preview--lab img {
    height: 540px;
  }

  .kt-resource-grid,
  .kt-lab-process {
    grid-template-columns: 1fr;
  }

  .kt-resource-card,
  .kt-lab-step {
    min-height: 0;
  }
}

@media (max-width: 600px) {
  .kt-lab-intro {
    padding-top: 0;
    padding-bottom: 3.75rem;
  }

  .kt-feature--lab .kt-actions .wp-block-button {
    width: 100% !important;
  }

  .kt-tool-preview--lab {
    min-height: 410px;
  }

  .kt-tool-preview--lab img {
    height: 430px;
  }

  .kt-progress-note {
    padding: 1rem;
  }

  .kt-lab-topics {
    columns: 1;
  }
}

/*
 * Page Publications — Fondation V1 (thème 1.3.0).
 * Les deux boucles utilisent les blocs Query Loop natifs de WordPress.
 */
.kt-publications { overflow: clip; }

.kt-publications-intro {
  padding-top: clamp(.5rem, 1.5vw, 1.5rem);
  padding-bottom: clamp(4rem, 7vw, 7rem);
}

.kt-publications-lead {
  max-width: 66ch;
  font-size: clamp(1.18rem, 1.8vw, 1.45rem);
}

/* Masquer entièrement la une tant qu’aucune publication réelle n’existe. */
.kt-publications-featured:not(:has(.wp-block-post-template > li)) {
  display: none;
}

.kt-featured-query { margin-top: clamp(2rem, 4vw, 3.5rem); }

.kt-featured-query .wp-block-post-template,
.kt-publications-query .wp-block-post-template {
  margin: 0;
  padding: 0;
}

.kt-featured-post {
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}

.kt-featured-post-image {
  overflow: hidden;
  margin: 0;
  border: 1px solid var(--kt-line);
  border-radius: var(--kt-radius);
  background: var(--kt-paper);
  box-shadow: var(--kt-shadow);
}

.kt-featured-post-image img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.kt-featured-post-title {
  margin-top: .8rem;
  font-size: clamp(2rem, 3.7vw, 3.4rem) !important;
  line-height: 1.08 !important;
}

.kt-featured-post-title a,
.kt-publication-card-title a {
  color: inherit;
  text-decoration: none;
}

.kt-featured-post-title a:hover,
.kt-publication-card-title a:hover {
  color: var(--kt-green);
}

.kt-post-category {
  color: var(--kt-green);
  font-family: Manrope, sans-serif;
  font-size: .74rem;
  font-weight: 750;
  letter-spacing: .11em;
  line-height: 1.45;
  text-transform: uppercase;
}

.kt-post-category a {
  color: inherit;
  text-decoration: none;
}

.kt-post-category a:hover { text-decoration: underline; }

.kt-post-excerpt {
  color: var(--kt-muted);
  line-height: 1.7;
}

.kt-post-meta {
  gap: .8rem 1.25rem !important;
  margin-top: 1.5rem;
  color: var(--kt-muted);
  font-family: Manrope, sans-serif;
  font-size: .82rem;
}

.kt-post-meta > * { margin-block-start: 0 !important; }

.kt-read-more {
  color: var(--kt-green);
  font-weight: 750;
  text-decoration: none;
}

.kt-read-more::after { content: " →"; }
.kt-read-more:hover { text-decoration: underline; }

.kt-publications-heading { max-width: 780px; }
.kt-publications-query { margin-top: clamp(2.25rem, 4vw, 3.75rem); }

.kt-publications-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
}

.kt-publications-grid > li {
  min-width: 0;
  margin: 0 !important;
}

.kt-publication-card {
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--kt-line);
  border-radius: var(--kt-radius);
  background: var(--kt-card);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.kt-publication-card:hover {
  transform: translateY(-3px);
  border-color: var(--kt-sage);
  box-shadow: 0 12px 34px rgba(43,39,35,.06);
}

.kt-publication-card-image {
  overflow: hidden;
  margin: 0;
  border-bottom: 1px solid var(--kt-line);
  background: var(--kt-paper);
}

.kt-publication-card-image img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  transition: transform .35s ease;
}

.kt-publication-card:hover .kt-publication-card-image img { transform: scale(1.025); }

.kt-publication-card-copy {
  display: flex;
  flex-direction: column;
  min-height: 315px;
  padding: clamp(1.3rem, 2.5vw, 1.75rem);
}

.kt-publication-card-copy > * { margin-block-start: 0 !important; }

.kt-publication-card-title {
  margin: .7rem 0 1rem !important;
  font-size: clamp(1.35rem, 2vw, 1.75rem) !important;
  line-height: 1.22 !important;
}

.kt-publication-card .kt-post-excerpt { margin-bottom: 1.5rem; }

.kt-post-meta--card {
  width: 100%;
  margin-top: auto !important;
  padding-top: 1rem;
  border-top: 1px solid var(--kt-line);
}

.kt-publications-empty {
  max-width: 760px;
  margin-inline: auto;
  padding: clamp(2rem, 5vw, 4rem);
  border: 1px solid var(--kt-line);
  border-left: 3px solid var(--kt-sage);
  border-radius: var(--kt-radius);
  background: var(--kt-card);
  text-align: left;
}

.kt-publications-empty h3 {
  margin-top: .4rem;
  font-size: clamp(1.6rem, 3vw, 2.35rem) !important;
}

.kt-publications-empty p:last-child {
  max-width: 64ch;
  color: var(--kt-muted);
}

.kt-query-pagination {
  gap: .65rem 1rem !important;
  margin-top: clamp(2.5rem, 5vw, 4rem);
  font-family: Manrope, sans-serif;
  font-size: .9rem;
  font-weight: 700;
}

.kt-query-pagination a,
.kt-query-pagination .page-numbers {
  min-width: 42px;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .45rem .75rem;
  border: 1px solid var(--kt-line);
  border-radius: 6px;
  color: var(--kt-ink);
  text-decoration: none;
}

.kt-query-pagination a:hover,
.kt-query-pagination .current {
  border-color: var(--kt-green);
  background: var(--kt-green);
  color: var(--kt-card);
}

.kt-topics-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: clamp(2rem, 4vw, 3.5rem);
}

.kt-topic-card {
  min-height: 255px;
  padding: clamp(1.4rem, 2.5vw, 2rem);
  border-top: 1px solid var(--kt-green);
  background: rgba(250, 248, 244, .72);
}

.kt-topic-card h3 {
  margin-top: .5rem;
  font-size: clamp(1.3rem, 2vw, 1.65rem) !important;
}

.kt-topic-card p:last-child { color: var(--kt-muted); }

.kt-publications-lab {
  display: grid !important;
  grid-template-columns: minmax(280px, .92fr) minmax(0, 1.08fr);
  gap: clamp(2.5rem, 6vw, 6.5rem);
  align-items: start;
}

.kt-featured-post > *,
.kt-publications-grid > *,
.kt-topics-grid > *,
.kt-publications-lab > * {
  margin-block-start: 0 !important;
}

.kt-publications-final .kt-eyebrow {
  color: color-mix(in srgb, var(--kt-card) 78%, var(--kt-sage));
}

@media (max-width: 1000px) {
  .kt-publications-grid,
  .kt-topics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .kt-featured-post,
  .kt-publications-lab {
    grid-template-columns: 1fr;
  }

  .kt-featured-post-image { width: min(760px, 100%); }
}

@media (max-width: 600px) {
  .kt-publications-intro {
    padding-top: 0;
    padding-bottom: 3.75rem;
  }

  .kt-publications-grid,
  .kt-topics-grid {
    grid-template-columns: 1fr;
  }

  .kt-publication-card-copy { min-height: 0; }
  .kt-topic-card { min-height: 0; }

  .kt-query-pagination {
    align-items: stretch !important;
  }

  .kt-query-pagination .wp-block-query-pagination-previous,
  .kt-query-pagination .wp-block-query-pagination-next {
    width: 100%;
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kt-publication-card,
  .kt-publication-card-image img {
    transition: none;
  }
}

/* Replis robustes pour les publications sans image et les requêtes sans suite. */
.kt-featured-post:not(:has(.kt-featured-post-image)) {
  grid-template-columns: minmax(0, 760px);
}

.kt-publications-query:not(:has(.wp-block-post-template > li)) .kt-query-pagination {
  display: none;
}

/*
 * Page À propos — Fondation V1 (thème 1.4.0).
 * La composition s’appuie sur le titre natif de la page WordPress.
 */
.kt-about-page { overflow: clip; }

.kt-about-intro {
  padding-top: clamp(.5rem, 1.5vw, 1.5rem);
  padding-bottom: clamp(4rem, 7vw, 7rem);
}

.kt-about-origin {
  display: grid !important;
  grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
  gap: clamp(2.5rem, 6vw, 6.5rem);
  align-items: center;
}

.kt-about-origin-copy { max-width: 660px; }

.kt-about-origin-copy > p:not(.kt-eyebrow):not(.kt-lead),
.kt-about-why .kt-reading > p:not(.kt-eyebrow):not(.kt-lead),
.kt-about-approach-heading > p:not(.kt-eyebrow):not(.kt-lead),
.kt-about-approach-closing p,
.kt-about-evolution p {
  color: var(--kt-muted);
  line-height: 1.74;
}

.kt-about-birth {
  margin-top: 1.8rem !important;
  padding: 1.15rem 1.3rem;
  border-left: 3px solid var(--kt-green);
  background: var(--kt-card);
  color: var(--kt-ink) !important;
}

.kt-about-photo {
  overflow: hidden;
  margin: 0;
  border: 1px solid var(--kt-line);
  border-radius: var(--kt-radius);
  background: var(--kt-card);
  box-shadow: var(--kt-shadow);
}

.kt-about-photo img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: center;
}

.kt-about-why .kt-reading {
  margin-inline: auto;
}

.kt-about-emphasis {
  margin-block: 1.8rem !important;
  color: var(--kt-green);
  font-size: clamp(1.25rem, 2vw, 1.55rem);
  line-height: 1.45;
}

.kt-about-approach-heading { max-width: 820px; }

.kt-about-method-grid,
.kt-about-principles-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: clamp(2.5rem, 5vw, 4.5rem);
}

.kt-about-approach-closing {
  margin-top: clamp(2rem, 4vw, 3.5rem);
}

.kt-about-method-line {
  max-width: 900px;
  margin: 1.75rem 0 !important;
  color: var(--kt-green);
  font-family: Manrope, sans-serif;
  font-size: clamp(1rem, 1.7vw, 1.25rem);
  letter-spacing: .025em;
  line-height: 1.6;
}

.kt-about-approach-grid {
  display: grid !important;
  grid-template-columns: minmax(280px, .88fr) minmax(0, 1.12fr);
  gap: clamp(2rem, 5vw, 5rem);
  margin-top: clamp(2.5rem, 5vw, 4.5rem);
  align-items: stretch;
}

.kt-about-principles,
.kt-about-evolution {
  padding: clamp(1.6rem, 3vw, 2.4rem);
  border: 1px solid var(--kt-line);
  border-radius: var(--kt-radius);
  background: var(--kt-card);
}

.kt-about-principles {
  border-top: 3px solid var(--kt-green);
}

.kt-about-evolution {
  border-top: 3px solid var(--kt-wood);
}

.kt-about-principles h3,
.kt-about-evolution h3 {
  margin-top: 0;
  font-size: clamp(1.45rem, 2.5vw, 2rem) !important;
}

.kt-about-principles-list {
  margin: 1.5rem 0 0;
  padding: 0;
  list-style: none;
}

.kt-about-principles-list li {
  position: relative;
  margin: 0;
  padding: .85rem 0 .85rem 1.55rem;
  border-top: 1px solid var(--kt-line);
  color: var(--kt-muted);
  line-height: 1.55;
}

.kt-about-principles-list li::before {
  content: "";
  position: absolute;
  top: 1.28rem;
  left: 0;
  width: .55rem;
  height: .55rem;
  border: 2px solid var(--kt-green);
  border-radius: 50%;
}

.kt-about-evolution p:last-child { margin-bottom: 0; }

.kt-about-origin > *,
.kt-about-approach-grid > * {
  margin-block-start: 0 !important;
}

.kt-about-final .kt-eyebrow {
  color: color-mix(in srgb, var(--kt-card) 78%, var(--kt-sage));
}

.kt-about-final .kt-actions .is-style-outline .wp-block-button__link {
  border-color: color-mix(in srgb, var(--kt-card) 55%, transparent);
  background: transparent !important;
  color: var(--kt-card) !important;
}

.kt-about-final .kt-actions .is-style-outline .wp-block-button__link:hover {
  border-color: var(--kt-card);
  background: rgba(250, 248, 244, .08) !important;
}

.kt-about-final-note {
  max-width: 56ch;
  margin: 1.4rem auto 0 !important;
  color: color-mix(in srgb, var(--kt-card) 82%, transparent) !important;
  font-size: .92rem;
}

@media (max-width: 900px) {
  .kt-about-origin,
  .kt-about-approach-grid {
    grid-template-columns: 1fr;
  }

  .kt-about-method-grid,
  .kt-about-principles-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kt-about-origin-copy { max-width: 760px; }
  .kt-about-photo { width: min(880px, 100%); }
}

@media (max-width: 600px) {
  .kt-about-intro {
    padding-top: 0;
    padding-bottom: 3.75rem;
  }

  .kt-about-origin {
    gap: 2.25rem;
  }

  .kt-about-photo img {
    aspect-ratio: 4 / 3;
    object-position: 48% center;
  }

  .kt-about-principles,
  .kt-about-evolution {
    padding: 1.35rem;
  }

  .kt-about-method-grid,
  .kt-about-principles-grid {
    grid-template-columns: 1fr;
  }

  .kt-about-method-line {
    font-size: 1rem;
  }
}

/*
 * Page Contact — Fondation V1 (thème 1.5.0).
 * La composition utilise le formulaire Fluent Forms existant n°3 sans modifier sa configuration.
 */
.kt-contact-page { overflow: clip; }

.kt-contact-intro {
  padding-top: clamp(.5rem, 1.5vw, 1.5rem);
  padding-bottom: clamp(3.5rem, 6vw, 5.5rem);
}

.kt-contact-intro .kt-reading > p:not(.kt-eyebrow):not(.kt-lead),
.kt-contact-form-card > p,
.kt-contact-note p,
.kt-contact-privacy p {
  color: var(--kt-muted);
  line-height: 1.72;
}

.kt-contact-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
  gap: clamp(2.5rem, 6vw, 6.5rem);
  align-items: start;
}

.kt-contact-grid > * { margin-block-start: 0 !important; }

.kt-contact-copy {
  max-width: 650px;
  padding-top: .4rem;
}

.kt-contact-reasons {
  grid-template-columns: 1fr;
  margin-top: 1.75rem;
}

.kt-contact-reason {
  min-height: 0;
}

.kt-contact-reason h3 {
  margin-top: 0;
}

.kt-contact-reason p {
  margin-bottom: 0;
  line-height: 1.68;
}

.kt-contact-note {
  margin-top: 2rem !important;
  padding: 1.3rem 1.45rem;
  border-left: 3px solid var(--kt-sage);
  background: var(--kt-paper);
}

.kt-contact-note p { margin-block: 0; }
.kt-contact-note p + p { margin-top: .55rem; }
.kt-contact-note strong { color: var(--kt-ink); }

.kt-contact-evolution {
  margin-top: clamp(2.5rem, 5vw, 4.5rem) !important;
  padding: clamp(1.5rem, 3vw, 2.25rem);
}

.kt-contact-evolution h2 {
  margin-top: 0;
}

.kt-contact-evolution .kt-checks {
  margin-block: 1.35rem;
}

.kt-contact-evolution .kt-checks li {
  color: var(--kt-muted);
}

.kt-contact-form-card {
  padding: clamp(1.5rem, 3.5vw, 2.6rem);
  border: 1px solid var(--kt-line);
  border-top: 3px solid var(--kt-green);
  border-radius: var(--kt-radius);
  background: var(--kt-card);
  box-shadow: var(--kt-shadow);
}

.kt-contact-form-card > h2 {
  margin-top: 0;
}

.kt-contact-form { margin-top: 1.75rem; }

/* Habillage Fluent Forms limité à la carte Contact. */
.kt-contact-form .fluentform .ff-el-group { margin-bottom: 1.25rem; }

.kt-contact-form .fluentform .ff-el-input--label label {
  color: var(--kt-ink);
  font-family: Manrope, sans-serif;
  font-size: .9rem;
  font-weight: 700;
  line-height: 1.4;
}

.kt-contact-form .fluentform .ff-el-form-control {
  width: 100%;
  min-height: 48px;
  padding: .8rem .9rem;
  border: 1px solid var(--kt-line);
  border-radius: 6px;
  background: var(--kt-paper);
  color: var(--kt-ink);
  font: inherit;
  line-height: 1.5;
  box-shadow: none;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.kt-contact-form .fluentform textarea.ff-el-form-control {
  min-height: 150px;
  resize: vertical;
}

.kt-contact-form .fluentform .ff-el-form-control:focus {
  outline: none;
  border-color: var(--kt-green);
  background: var(--kt-card);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--kt-green) 14%, transparent);
}

.kt-contact-form .fluentform .ff-btn-submit,
.kt-contact-form .fluentform button.ff-btn-submit {
  min-height: 48px;
  padding: .75rem 1.35rem;
  border: 1px solid var(--kt-green) !important;
  border-radius: 6px;
  background: var(--kt-green) !important;
  background-color: var(--kt-green) !important;
  color: var(--kt-card) !important;
  font-family: Manrope, sans-serif;
  font-size: .95rem;
  font-weight: 700;
  line-height: 1.2;
  box-shadow: none !important;
  cursor: pointer;
  transition: filter .18s ease, transform .18s ease;
}

.kt-contact-form .fluentform .ff-btn-submit:hover,
.kt-contact-form .fluentform .ff-btn-submit:focus,
.kt-contact-form .fluentform button.ff-btn-submit:hover,
.kt-contact-form .fluentform button.ff-btn-submit:focus {
  border-color: var(--kt-green) !important;
  background: var(--kt-green) !important;
  background-color: var(--kt-green) !important;
  color: var(--kt-card) !important;
  filter: brightness(.94);
  transform: translateY(-1px);
}

.kt-contact-form .fluentform .ff-el-is-error .ff-el-form-control {
  border-color: #9c3f35;
}

.kt-contact-form .fluentform .error,
.kt-contact-form .fluentform .text-danger {
  color: #8c352c;
  font-size: .84rem;
}

.kt-contact-form .fluentform .ff-message-success {
  padding: 1rem 1.15rem;
  border: 1px solid color-mix(in srgb, var(--kt-green) 35%, var(--kt-line));
  border-radius: 6px;
  background: color-mix(in srgb, var(--kt-sage) 18%, var(--kt-card));
  color: var(--kt-ink);
}

.kt-contact-privacy {
  margin: 2rem 0 0 !important;
  padding-top: 1.75rem;
  border-top: 1px solid var(--kt-line);
}

.kt-contact-privacy h2 {
  margin-top: 0;
}

.kt-contact-privacy p {
  font-size: .9rem;
}

.kt-contact-privacy a {
  color: var(--kt-green);
  font-weight: 650;
}

.kt-contact-final .kt-eyebrow {
  color: color-mix(in srgb, var(--kt-card) 78%, var(--kt-sage));
}

.kt-contact-final .kt-actions .is-style-outline .wp-block-button__link {
  border-color: color-mix(in srgb, var(--kt-card) 55%, transparent);
  background: transparent !important;
  color: var(--kt-card) !important;
}

.kt-contact-final .kt-actions .is-style-outline .wp-block-button__link:hover {
  border-color: var(--kt-card);
  background: rgba(250, 248, 244, .08) !important;
}

.kt-contact-final .kt-reading > p {
  margin-inline: auto;
  color: color-mix(in srgb, var(--kt-card) 86%, transparent);
}

@media (max-width: 900px) {
  .kt-contact-grid { grid-template-columns: 1fr; }
  .kt-contact-copy { max-width: 760px; }
  .kt-contact-form-card { width: min(760px, 100%); }
}

@media (max-width: 600px) {
  .kt-contact-intro {
    padding-top: 0;
    padding-bottom: 3.5rem;
  }

  .kt-contact-form-card { padding: 1.3rem; }

  .kt-contact-form .fluentform .ff-btn-submit { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .kt-contact-form .fluentform .ff-el-form-control,
  .kt-contact-form .fluentform .ff-btn-submit {
    transition: none;
  }
}