/* KYP 2026 Core v0.6.0 — front */
:root {
  --kyp2026-font-main: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --kyp2026-bg: #141417;
  --kyp2026-surface: #1D1D22;
  --kyp2026-surface-2: #25252C;
  --kyp2026-text: #F7F4EC;
  --kyp2026-muted: #B8B4AA;
  --kyp2026-border: rgba(255,255,255,0.16);
  --kyp2026-accent-1: #FFC400;
  --kyp2026-accent-2: #006FCF;
  --kyp2026-halo-1: transparent;
  --kyp2026-halo-2: transparent;
  --kyp2026-max-width: 1180px;
  --kyp2026-radius: 18px;
}

html.kyp2026-root,
body.kyp2026-enabled,
body[class*="kyp2026-theme-"] {
  min-height: 100%;
}

body.kyp2026-enabled,
body[class*="kyp2026-theme-"] {
  --kyp2026-bg-deep: color-mix(in srgb, var(--kyp2026-bg) 82%, #02040a);
  --kyp2026-bg-mid: color-mix(in srgb, var(--kyp2026-bg) 72%, var(--kyp2026-accent-2));
  --kyp2026-bg-soft: color-mix(in srgb, var(--kyp2026-bg) 88%, var(--kyp2026-accent-1));
  --kyp2026-bg-line-1: color-mix(in srgb, var(--kyp2026-accent-1) 16%, transparent);
  --kyp2026-bg-line-2: color-mix(in srgb, var(--kyp2026-accent-2) 14%, transparent);
  --kyp2026-bg-line-soft: color-mix(in srgb, #ffffff 3.2%, transparent);

  background:
    radial-gradient(circle at 12% 8%,
      color-mix(in srgb, var(--kyp2026-accent-2) 20%, transparent),
      transparent 29%
    ),
    radial-gradient(circle at 88% 54%,
      color-mix(in srgb, var(--kyp2026-accent-1) 9%, transparent),
      transparent 31%
    ),
    linear-gradient(
      115deg,
      transparent 0 18%,
      color-mix(in srgb, #ffffff 4.8%, transparent) 18.15%,
      transparent 18.85%
    ),
    linear-gradient(
      115deg,
      transparent 0 42%,
      var(--kyp2026-bg-line-2) 42.15%,
      transparent 42.9%
    ),
    linear-gradient(
      115deg,
      transparent 0 68%,
      var(--kyp2026-bg-line-1) 68.15%,
      transparent 68.9%
    ),
    repeating-linear-gradient(
      115deg,
      transparent 0 32px,
      var(--kyp2026-bg-line-soft) 33px,
      transparent 36px
    ),
    linear-gradient(
      135deg,
      var(--kyp2026-bg-deep) 0%,
      var(--kyp2026-bg) 42%,
      var(--kyp2026-bg-mid) 100%
    ) !important;
  background-attachment: fixed;
  color: var(--kyp2026-text);
}

body.kyp2026-enabled::before,
body[class*="kyp2026-theme-"]::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--kyp2026-bg) 96%, transparent),
      transparent 260px
    ),
    radial-gradient(circle at 50% 0%,
      color-mix(in srgb, var(--kyp2026-accent-2) 5%, transparent),
      transparent 38%
    );
  opacity: .85;
}

body.kyp2026-enabled::after,
body[class*="kyp2026-theme-"]::after {
  content: "";
  position: fixed;
  inset: -20%;
  pointer-events: none;
  z-index: -1;
  background:
    repeating-linear-gradient(
      115deg,
      transparent 0 32px,
      color-mix(in srgb, #ffffff 2.4%, transparent) 33px,
      transparent 36px
    );
  transform: skewY(-3deg);
  opacity: .18;
}

/* Les pages KYP doivent laisser respirer le fond global */
.kyp2026-webseo-page,
.kyp2026-depannage-page,
.kyp2026-hero,
.kyp2026-expertises-split,
.kyp2026-proof-section,
.kyp2026-contact-cta,
.kyp2026-footer {
  background: transparent;
}

.kyp2026-ambiance-switch {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid color-mix(in srgb, var(--kyp2026-border) 80%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--kyp2026-surface) 72%, transparent);
  backdrop-filter: blur(16px);
  font-family: var(--kyp2026-font-main);
}

.kyp2026-ambiance-switch__label {
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--kyp2026-muted);
}

.kyp2026-ambiance-palette {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.kyp2026-ambiance-dot {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--kyp2026-border) 85%, transparent);
  background:
    linear-gradient(135deg, var(--dot-a1, var(--kyp2026-accent-1)) 0 50%, var(--dot-a2, var(--kyp2026-accent-2)) 50% 100%);
  cursor: pointer;
  padding: 0;
  overflow: hidden;
  text-indent: -999px;
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.18), 0 6px 14px rgba(0,0,0,.22);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.kyp2026-ambiance-dot:hover {
  transform: translateY(-1px);
}

.kyp2026-ambiance-dot.is-active {
  border-color: color-mix(in srgb, var(--kyp2026-accent-1) 65%, white);
  box-shadow:
    inset 0 0 0 2px rgba(0,0,0,.18),
    0 0 0 3px color-mix(in srgb, var(--kyp2026-accent-1) 24%, transparent),
    0 10px 22px rgba(0,0,0,.28);
}

/* Aliases globaux pour les sections */
:root {
  --kyp2026-hero-bg: var(--kyp2026-bg);
  --kyp2026-hero-surface: var(--kyp2026-surface);
  --kyp2026-hero-text: var(--kyp2026-text);
  --kyp2026-hero-muted: var(--kyp2026-muted);
  --kyp2026-hero-border: var(--kyp2026-border);
  --kyp2026-hero-accent-1: var(--kyp2026-accent-1);
  --kyp2026-hero-accent-2: var(--kyp2026-accent-2);

  --kyp2026-header-bg: var(--kyp2026-bg);
  --kyp2026-header-surface: var(--kyp2026-surface);
  --kyp2026-header-text: var(--kyp2026-text);
  --kyp2026-header-muted: var(--kyp2026-muted);
  --kyp2026-header-border: var(--kyp2026-border);
  --kyp2026-header-accent-1: var(--kyp2026-accent-1);
  --kyp2026-header-accent-2: var(--kyp2026-accent-2);

  --kyp2026-split-bg: var(--kyp2026-bg);
  --kyp2026-split-surface: var(--kyp2026-surface);
  --kyp2026-split-text: var(--kyp2026-text);
  --kyp2026-split-muted: var(--kyp2026-muted);
  --kyp2026-split-border: var(--kyp2026-border);
  --kyp2026-split-accent-1: var(--kyp2026-accent-1);
  --kyp2026-split-accent-2: var(--kyp2026-accent-2);

  --kyp-proof-bg: var(--kyp2026-bg);
  --kyp-proof-surface: var(--kyp2026-surface);
  --kyp-proof-text: var(--kyp2026-text);
  --kyp-proof-muted: var(--kyp2026-muted);
  --kyp-proof-border: var(--kyp2026-border);
  --kyp-proof-a1: var(--kyp2026-accent-1);
  --kyp-proof-a2: var(--kyp2026-accent-2);

  --kyp-contact-bg: var(--kyp2026-bg);
  --kyp-contact-surface: var(--kyp2026-surface);
  --kyp-contact-text: var(--kyp2026-text);
  --kyp-contact-muted: var(--kyp2026-muted);
  --kyp-contact-border: var(--kyp2026-border);
  --kyp-contact-a1: var(--kyp2026-accent-1);
  --kyp-contact-a2: var(--kyp2026-accent-2);

  --kyp-footer-bg: var(--kyp2026-bg);
  --kyp-footer-surface: var(--kyp2026-surface);
  --kyp-footer-text: var(--kyp2026-text);
  --kyp-footer-muted: var(--kyp2026-muted);
  --kyp-footer-border: var(--kyp2026-border);
  --kyp-footer-a1: var(--kyp2026-accent-1);
  --kyp-footer-a2: var(--kyp2026-accent-2);
}

/* Admin */
.kyp2026-admin {
  max-width: 1280px;
}

.kyp2026-admin-card,
.kyp2026-clean-card {
  background: #fff;
  border: 1px solid #dcdcde;
  border-radius: 14px;
  padding: 18px;
  margin-top: 18px;
  box-shadow: 0 10px 24px rgba(0,0,0,.045);
}

.kyp2026-clean-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
}

.kyp2026-clean-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.kyp2026-clean-card h2 {
  margin: 0;
  font-size: 18px;
}

.kyp2026-clean-swatch {
  width: 46px;
  height: 28px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.16);
  background:
    linear-gradient(135deg, var(--a1) 0 50%, var(--a2) 50% 100%),
    var(--bg);
  box-shadow: inset 0 0 0 3px rgba(0,0,0,.08);
}

.kyp2026-clean-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.kyp2026-clean-fields label {
  display: grid;
  gap: 5px;
}

.kyp2026-clean-fields span {
  font-weight: 600;
  font-size: 12px;
}

.kyp2026-clean-fields input {
  width: 100%;
}

@media (max-width: 900px) {
  .kyp2026-clean-grid,
  .kyp2026-clean-fields {
    grid-template-columns: 1fr;
  }
}


/* v0.6.2 — fond global pleine hauteur + fond principal vraiment lié à l'ambiance */
html {
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--kyp2026-bg, #141417) 92%, #02040a) 0%,
      var(--kyp2026-bg, #141417) 46%,
      color-mix(in srgb, var(--kyp2026-bg, #141417) 86%, var(--kyp2026-accent-2, #006FCF)) 100%
    ) !important;
}

body.kyp2026-enabled,
body[class*="kyp2026-theme-"] {
  --kyp2026-bg-deep: color-mix(in srgb, var(--kyp2026-bg) 94%, #02040a);
  --kyp2026-bg-mid: var(--kyp2026-bg);
  --kyp2026-bg-end: color-mix(in srgb, var(--kyp2026-bg) 88%, var(--kyp2026-accent-2));
  --kyp2026-bg-warm: color-mix(in srgb, var(--kyp2026-bg) 91%, var(--kyp2026-accent-1));
  --kyp2026-bg-line-1: color-mix(in srgb, var(--kyp2026-accent-1) 15%, transparent);
  --kyp2026-bg-line-2: color-mix(in srgb, var(--kyp2026-accent-2) 13%, transparent);
  --kyp2026-bg-line-soft: color-mix(in srgb, #ffffff 3%, transparent);

  background:
    radial-gradient(circle at 12% 8%,
      color-mix(in srgb, var(--kyp2026-accent-2) 12%, transparent),
      transparent 30%
    ),
    radial-gradient(circle at 88% 54%,
      color-mix(in srgb, var(--kyp2026-accent-1) 8%, transparent),
      transparent 32%
    ),
    linear-gradient(
      115deg,
      transparent 0 18%,
      color-mix(in srgb, #ffffff 4.2%, transparent) 18.15%,
      transparent 18.85%
    ),
    linear-gradient(
      115deg,
      transparent 0 42%,
      var(--kyp2026-bg-line-2) 42.15%,
      transparent 42.9%
    ),
    linear-gradient(
      115deg,
      transparent 0 68%,
      var(--kyp2026-bg-line-1) 68.15%,
      transparent 68.9%
    ),
    repeating-linear-gradient(
      115deg,
      transparent 0 32px,
      var(--kyp2026-bg-line-soft) 33px,
      transparent 36px
    ),
    linear-gradient(
      135deg,
      var(--kyp2026-bg-deep) 0%,
      var(--kyp2026-bg-mid) 48%,
      var(--kyp2026-bg-end) 100%
    ) !important;

  background-attachment: fixed !important;
}

/* Le fond doit passer derrière la zone header, pas commencer après lui */
body.kyp2026-enabled::before,
body[class*="kyp2026-theme-"]::before {
  top: 0 !important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--kyp2026-bg) 88%, transparent) 0%,
      color-mix(in srgb, var(--kyp2026-bg) 50%, transparent) 120px,
      transparent 310px
    ),
    radial-gradient(circle at 50% 0%,
      color-mix(in srgb, var(--kyp2026-accent-2) 4%, transparent),
      transparent 42%
    ) !important;
  opacity: .72 !important;
}

/* Force les wrappers Elementor / thème à ne pas poser une bande différente sous le header */
body.kyp2026-enabled #page,
body.kyp2026-enabled .site,
body.kyp2026-enabled .site-content,
body.kyp2026-enabled .content-area,
body.kyp2026-enabled main,
body.kyp2026-enabled .entry-content,
body.kyp2026-enabled .elementor,
body.kyp2026-enabled .elementor-section,
body.kyp2026-enabled .elementor-container,
body.kyp2026-enabled .elementor-widget-wrap,
body[class*="kyp2026-theme-"] #page,
body[class*="kyp2026-theme-"] .site,
body[class*="kyp2026-theme-"] .site-content,
body[class*="kyp2026-theme-"] .content-area,
body[class*="kyp2026-theme-"] main,
body[class*="kyp2026-theme-"] .entry-content,
body[class*="kyp2026-theme-"] .elementor,
body[class*="kyp2026-theme-"] .elementor-section,
body[class*="kyp2026-theme-"] .elementor-container,
body[class*="kyp2026-theme-"] .elementor-widget-wrap {
  background-color: transparent !important;
}

/* Le header lui-même doit se poser sur le fond commun */
.kyp2026-header-shell,
.kyp2026-header,
[class*="kyp2026-header"] {
  background-color: transparent !important;
}

.kyp2026-header-shell::before,
.kyp2026-header-shell::after,
.kyp2026-header::before,
.kyp2026-header::after {
  background-color: transparent !important;
}

/* Réduit la domination du bleu sur les ambiances neutres : les accents restent dans les lignes, pas dans toute la masse */
body.kyp2026-theme-kyp-classique,
body.kyp2026-theme-kyp,
body.kyp2026-theme-classique {
  --kyp2026-bg-end: color-mix(in srgb, var(--kyp2026-bg) 94%, var(--kyp2026-accent-2)) !important;
}

body.kyp2026-theme-tech-froide,
body.kyp2026-theme-tech {
  --kyp2026-bg-end: color-mix(in srgb, var(--kyp2026-bg) 88%, var(--kyp2026-accent-2)) !important;
}

body.kyp2026-theme-nature-digitale,
body.kyp2026-theme-nature {
  --kyp2026-bg-end: color-mix(in srgb, var(--kyp2026-bg) 90%, var(--kyp2026-accent-1)) !important;
}

@media (max-width: 767px) {
  body.kyp2026-enabled,
  body[class*="kyp2026-theme-"] {
    background-attachment: scroll !important;
  }

  body.kyp2026-enabled::after,
  body[class*="kyp2026-theme-"]::after {
    opacity: .12 !important;
  }
}


/* v0.6.3 — fond global plus discret : moins de diagonales, accents plus fins */
body.kyp2026-enabled,
body[class*="kyp2026-theme-"] {
  --kyp2026-bg-deep: color-mix(in srgb, var(--kyp2026-bg) 95%, #02040a);
  --kyp2026-bg-mid: var(--kyp2026-bg);
  --kyp2026-bg-end: color-mix(in srgb, var(--kyp2026-bg) 92%, var(--kyp2026-accent-2));
  --kyp2026-bg-warm: color-mix(in srgb, var(--kyp2026-bg) 94%, var(--kyp2026-accent-1));

  background:
    radial-gradient(circle at 12% 8%,
      color-mix(in srgb, var(--kyp2026-accent-2) 7%, transparent),
      transparent 30%
    ),
    radial-gradient(circle at 88% 54%,
      color-mix(in srgb, var(--kyp2026-accent-1) 5%, transparent),
      transparent 34%
    ),

    /* fine diagonale accent 2 */
    linear-gradient(
      115deg,
      transparent 0 44%,
      color-mix(in srgb, var(--kyp2026-accent-2) 10%, transparent) 44.15%,
      transparent 44.55%
    ),

    /* fine diagonale accent 1, plus basse */
    linear-gradient(
      115deg,
      transparent 0 73%,
      color-mix(in srgb, var(--kyp2026-accent-1) 9%, transparent) 73.15%,
      transparent 73.55%
    ),

    linear-gradient(
      135deg,
      var(--kyp2026-bg-deep) 0%,
      var(--kyp2026-bg-mid) 52%,
      var(--kyp2026-bg-end) 100%
    ) !important;

  background-attachment: fixed !important;
}

/* On neutralise les anciennes micro-rayures / diagonales trop nombreuses */
body.kyp2026-enabled::after,
body[class*="kyp2026-theme-"]::after {
  opacity: .06 !important;
  background:
    repeating-linear-gradient(
      115deg,
      transparent 0 92px,
      color-mix(in srgb, #ffffff 1.6%, transparent) 93px,
      transparent 96px
    ) !important;
}

/* Le voile haut reste utile pour les pages internes, mais plus discret */
body.kyp2026-enabled::before,
body[class*="kyp2026-theme-"]::before {
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--kyp2026-bg) 82%, transparent) 0%,
      color-mix(in srgb, var(--kyp2026-bg) 38%, transparent) 118px,
      transparent 310px
    ),
    radial-gradient(circle at 50% 0%,
      color-mix(in srgb, var(--kyp2026-accent-2) 2.4%, transparent),
      transparent 44%
    ) !important;
  opacity: .58 !important;
}

/* L'accueil gardait déjà bien le haut : cette règle protège surtout les pages internes */
body.kyp2026-enabled .kyp2026-webseo-page,
body.kyp2026-enabled .kyp2026-depannage-page,
body[class*="kyp2026-theme-"] .kyp2026-webseo-page,
body[class*="kyp2026-theme-"] .kyp2026-depannage-page {
  background: transparent !important;
}

/* Variantes : la masse du fond suit l'ambiance, les accents restent des traits */
body.kyp2026-theme-kyp-classique,
body.kyp2026-theme-kyp,
body.kyp2026-theme-classique {
  --kyp2026-bg-end: color-mix(in srgb, var(--kyp2026-bg) 96%, var(--kyp2026-accent-2)) !important;
}

body.kyp2026-theme-tech-froide,
body.kyp2026-theme-tech {
  --kyp2026-bg-end: color-mix(in srgb, var(--kyp2026-bg) 92%, var(--kyp2026-accent-2)) !important;
}

body.kyp2026-theme-nature-digitale,
body.kyp2026-theme-nature {
  --kyp2026-bg-end: color-mix(in srgb, var(--kyp2026-bg) 94%, var(--kyp2026-accent-1)) !important;
}


/* v0.6.4 — micro-rayures discrètes + diagonales accent plus courtes */
body.kyp2026-enabled,
body[class*="kyp2026-theme-"] {
  background:
    radial-gradient(circle at 12% 8%,
      color-mix(in srgb, var(--kyp2026-accent-2) 6%, transparent),
      transparent 30%
    ),
    radial-gradient(circle at 88% 54%,
      color-mix(in srgb, var(--kyp2026-accent-1) 4.5%, transparent),
      transparent 34%
    ),

    /* diagonale accent 2 : plus fine, plus courte, plus haut placée */
    linear-gradient(
      115deg,
      transparent 0 22%,
      color-mix(in srgb, var(--kyp2026-accent-2) 5.8%, transparent) 22.10%,
      color-mix(in srgb, var(--kyp2026-accent-2) 8%, transparent) 22.28%,
      transparent 22.55%,
      transparent 100%
    ),

    /* diagonale accent 1 : plus basse, moins continue */
    linear-gradient(
      115deg,
      transparent 0 76%,
      color-mix(in srgb, var(--kyp2026-accent-1) 5%, transparent) 76.10%,
      color-mix(in srgb, var(--kyp2026-accent-1) 7%, transparent) 76.28%,
      transparent 76.55%,
      transparent 100%
    ),

    /* micro-rayures très fines façon hockey, mais faibles */
    repeating-linear-gradient(
      115deg,
      transparent 0 76px,
      color-mix(in srgb, #ffffff 1.25%, transparent) 77px,
      transparent 80px
    ),

    linear-gradient(
      135deg,
      var(--kyp2026-bg-deep) 0%,
      var(--kyp2026-bg-mid) 54%,
      var(--kyp2026-bg-end) 100%
    ) !important;
}

/* voile de micro-texture à peine perceptible */
body.kyp2026-enabled::after,
body[class*="kyp2026-theme-"]::after {
  opacity: .10 !important;
  background:
    repeating-linear-gradient(
      115deg,
      transparent 0 88px,
      color-mix(in srgb, #ffffff 1.15%, transparent) 89px,
      transparent 92px
    ),
    repeating-linear-gradient(
      35deg,
      transparent 0 140px,
      color-mix(in srgb, #ffffff .75%, transparent) 141px,
      transparent 144px
    ) !important;
  transform: skewY(-2deg) !important;
}

/* halos haut et bas encore plus fondus */
body.kyp2026-enabled::before,
body[class*="kyp2026-theme-"]::before {
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--kyp2026-bg) 78%, transparent) 0%,
      color-mix(in srgb, var(--kyp2026-bg) 30%, transparent) 110px,
      transparent 300px
    ),
    radial-gradient(circle at 50% 0%,
      color-mix(in srgb, var(--kyp2026-accent-2) 2%, transparent),
      transparent 44%
    ) !important;
  opacity: .52 !important;
}

/* sur mobile, on garde la texture mais on évite les lignes trop visibles */
@media (max-width: 767px) {
  body.kyp2026-enabled,
  body[class*="kyp2026-theme-"] {
    background:
      radial-gradient(circle at 14% 7%,
        color-mix(in srgb, var(--kyp2026-accent-2) 5%, transparent),
        transparent 30%
      ),
      radial-gradient(circle at 88% 50%,
        color-mix(in srgb, var(--kyp2026-accent-1) 4%, transparent),
        transparent 34%
      ),
      repeating-linear-gradient(
        115deg,
        transparent 0 92px,
        color-mix(in srgb, #ffffff .9%, transparent) 93px,
        transparent 96px
      ),
      linear-gradient(
        135deg,
        var(--kyp2026-bg-deep) 0%,
        var(--kyp2026-bg-mid) 56%,
        var(--kyp2026-bg-end) 100%
      ) !important;
  }

  body.kyp2026-enabled::after,
  body[class*="kyp2026-theme-"]::after {
    opacity: .06 !important;
  }
}


/* v0.6.5 — diagonales accent encore plus fines et moins longues */
body.kyp2026-enabled,
body[class*="kyp2026-theme-"] {
  background:
    radial-gradient(circle at 12% 8%,
      color-mix(in srgb, var(--kyp2026-accent-2) 5.4%, transparent),
      transparent 30%
    ),
    radial-gradient(circle at 88% 54%,
      color-mix(in srgb, var(--kyp2026-accent-1) 4%, transparent),
      transparent 34%
    ),

    /* diagonale accent 2 : trait plus fin, plus court, moins présent */
    linear-gradient(
      115deg,
      transparent 0 18%,
      color-mix(in srgb, var(--kyp2026-accent-2) 3.8%, transparent) 18.08%,
      color-mix(in srgb, var(--kyp2026-accent-2) 5.2%, transparent) 18.18%,
      transparent 18.34%,
      transparent 100%
    ),

    /* diagonale accent 1 : trait plus fin, placé plus loin pour sortir plus vite */
    linear-gradient(
      115deg,
      transparent 0 82%,
      color-mix(in srgb, var(--kyp2026-accent-1) 3.5%, transparent) 82.08%,
      color-mix(in srgb, var(--kyp2026-accent-1) 5%, transparent) 82.18%,
      transparent 82.34%,
      transparent 100%
    ),

    /* micro-rayures conservées, toujours très discrètes */
    repeating-linear-gradient(
      115deg,
      transparent 0 78px,
      color-mix(in srgb, #ffffff 1.15%, transparent) 79px,
      transparent 82px
    ),

    linear-gradient(
      135deg,
      var(--kyp2026-bg-deep) 0%,
      var(--kyp2026-bg-mid) 55%,
      var(--kyp2026-bg-end) 100%
    ) !important;
}

/* Micro-texture plus présente que la 0.6.3 mais moins “ligne” que la 0.6.4 */
body.kyp2026-enabled::after,
body[class*="kyp2026-theme-"]::after {
  opacity: .085 !important;
  background:
    repeating-linear-gradient(
      115deg,
      transparent 0 92px,
      color-mix(in srgb, #ffffff 1.05%, transparent) 93px,
      transparent 96px
    ),
    repeating-linear-gradient(
      35deg,
      transparent 0 160px,
      color-mix(in srgb, #ffffff .65%, transparent) 161px,
      transparent 164px
    ) !important;
  transform: skewY(-2deg) !important;
}