/* wpfloo — styles extraits de wpfloo.html (verbatim) */

html { scroll-behavior: smooth; }
body {
  font-family: 'Inter', sans-serif;
  background: #f6f1e9;
  color: #1a1714;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.font-serif { font-feature-settings: "ss01", "liga"; letter-spacing: -0.01em; }
.grain {
  background-image:
    radial-gradient(circle at 1px 1px, rgba(26,23,20,0.04) 1px, transparent 0);
  background-size: 4px 4px;
}
.hairline { border-color: rgba(26,23,20,0.12); }
.hairline-strong { border-color: rgba(26,23,20,0.22); }
.underline-peach { text-decoration: underline; text-decoration-color: #f57b3a; text-decoration-thickness: 2px; text-underline-offset: 4px; }

/* score bar */
.bar { height: 8px; background: rgba(246,241,233,0.1); border-radius: 999px; overflow: hidden; }
.bar > span { display:block; height:100%; background: linear-gradient(90deg, #f57b3a, #fbd0b5); border-radius:999px; }

/* Subtle reveal on scroll */
.reveal { opacity: 0; transform: translateY(8px); transition: opacity .7s ease, transform .7s ease; }
.reveal.in  { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
}

/* Nav blur */
.nav-blur { background: rgba(246,241,233,0.7); backdrop-filter: saturate(180%) blur(12px); -webkit-backdrop-filter: saturate(180%) blur(12px); }

/* Code block */
.code {
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px; line-height: 1.7;
  color: #ece5d8;
  background: #1a1714;
}
.code .k { color: #fbd0b5; }      /* keyword */
.code .s { color: #f57b3a; }      /* string */
.code .c { color: #7a6f60; font-style: italic; } /* comment */
.code .n { color: #ece5d8; }      /* normal */
.code .p { color: #b9a98f; }      /* punctuation */

/* Scoreboard sparkle */
@keyframes pulse-dot { 0%,100% { opacity: 1; } 50% { opacity: .35; } }
.live-dot { animation: pulse-dot 1.6s infinite; }

/* Small caps eyebrow */
.eyebrow {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
  color: #6e6358;
}


details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
details[open] .chev { transform: rotate(45deg); }

.btn-primary {
  background: #1a1714; color: #f6f1e9;
  transition: transform .15s ease, background .15s ease;
}
.btn-primary:hover { background: #f57b3a; color: #1a1714; transform: translateY(-1px); }
.btn-ghost { transition: background .15s ease, color .15s ease; }
.btn-ghost:hover { background: #1a1714; color: #f6f1e9; }

input.field {
  background: #f6f1e9; border: 1px solid rgba(26,23,20,0.22);
  transition: border-color .15s ease, box-shadow .15s ease;
}
input.field:focus { outline: none; border-color: #1a1714; box-shadow: 0 0 0 3px rgba(245,123,58,0.25); }
input.field-dark { background: #2a2520; color: #f6f1e9; border-color: rgba(246,241,233,0.18); }
input.field-dark::placeholder { color: rgba(246,241,233,0.45); }
input.field-dark:focus { border-color: #f57b3a; box-shadow: 0 0 0 3px rgba(245,123,58,0.25); }

/* Marquee diagonal stripes for placeholder logos */
.stripes {
  background-image: repeating-linear-gradient(45deg, rgba(26,23,20,0.06) 0 8px, transparent 8px 16px);
}

/* Neutralise le layout-constraint du parent twentytwentyfive sur les sections pleine largeur */
.wp-site-blocks > .wp-block-group { max-width: none !important; padding: 0 !important; margin: 0 !important; }