/* DYDDA — thème de base (page d'attente)
   Maquette Figma « Page d'attente — Desktop » : fond rose, dégoulinure, décors fruits/chocolat, pied marine */

/* Poppins — polices locales (brief Piste 5) */
@font-face { font-family: "Poppins"; font-weight: 400; font-style: normal; font-display: swap;
    src: url("../fonts/poppins-400-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Poppins"; font-weight: 400; font-style: normal; font-display: swap;
    src: url("../fonts/poppins-400-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Poppins"; font-weight: 700; font-style: normal; font-display: swap;
    src: url("../fonts/poppins-700-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Poppins"; font-weight: 700; font-style: normal; font-display: swap;
    src: url("../fonts/poppins-700-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Poppins"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/poppins-600-latin.woff2") format("woff2"); }
@font-face { font-family: "Gloock"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/gloock-400-latin.woff2") format("woff2"); }
@font-face { font-family: "Kalam"; font-weight: 700; font-style: normal; font-display: swap; src: url("../fonts/kalam-700-latin.woff2") format("woff2"); }

:root {
    --bg: #f6d3cf;
    --deep: #c8102e;
    --ink: #2a140e;
    --paper: #fff9f3;
    --muted: #6f5a50;
    --soft: #fcebe7;
    --title: #00121e;
    --lead: #4b2e24;
    --white: #fff;
    --radius: 999px;
    --radius-card: 28px;
    --sans: "Poppins", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --serif: "Gloock", Georgia, serif;
    --hand: "Kalam", cursive;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    font-family: var(--sans);
    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0;
    color: var(--ink);
    background: var(--paper);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
h1, h2, h3 { margin: 0; color: var(--title); font-weight: 700; line-height: 1.05; letter-spacing: -.03em; text-wrap: balance; }
p { margin: 0; }
:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }

.wrap { width: min(1280px, 100% - 3rem); margin-inline: auto; }

.btn {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 1rem 1.5rem;
    border-radius: var(--radius);
    background: var(--ink); color: var(--white);
    font: 600 .95rem/1 var(--sans); text-decoration: none;
    transition: transform .3s;
}
.btn:hover { transform: translateY(-2px); }
.btn-acc { background: var(--deep); }
.btn-line { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 2px var(--ink); }

/* ---------- Page d'attente (maquette Figma 2107-3) ---------- */
.wait-hero {
    position: relative; overflow: hidden;
    min-height: 100vh; min-height: 100svh;
    display: flex; flex-direction: column;
    background: var(--paper);
}
.wait-top { position: relative; background: var(--bg); min-height: max(58svh, 36.25vw); display: flex; flex-direction: column; }
.wait-nav { display: flex; justify-content: center; align-items: center; height: 86px; position: relative; z-index: 2; }
.wait-logo { width: 124px; height: 32px; }

.wait-main { position: relative; z-index: 2; flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; }
.wait-hero-copy { display: flex; flex-direction: column; align-items: center; max-width: 52rem; padding-block: 1rem 3rem; }
/* Titre : Poppins 700 navy, accent Kalam rouge incliné */
.wait-title { font-size: clamp(2.3rem, 4.4vw + .6rem, 62.4px); line-height: 1.05; letter-spacing: -.03em; }
.wait-title em {
    display: block; margin-top: .06em;
    font: 700 1.1em/1 var(--hand); letter-spacing: 0; font-style: normal;
    color: var(--deep); transform: rotate(-2deg);
}
.wait-lead { margin-top: 1.25rem; font-size: 14px; line-height: 22px; color: var(--title); }

/* Décors : visuels Figma, positions en vw (cadre 1440 x 522) */
.wait-decor { position: absolute; inset: 0; z-index: 3; pointer-events: none; }
.wait-d { position: absolute; height: auto; }
.wait-d-straw-l { left: 14.6vw; top: 9.7vw; width: 7.6vw; }
.wait-d-straw-r { left: 78.75vw; top: 7.5vw; width: 7.4vw; }
.wait-d-rasp { left: 7.5vw; top: 26.1vw; width: 6.4vw; }
.wait-d-gian { left: 25vw; top: 32.1vw; width: 5.6vw; }
.wait-d-choc { left: 84.7vw; top: 25vw; width: 6.9vw; }
.wait-d-pist { left: 71.25vw; top: 31.8vw; width: 4.9vw; }

/* Dégoulinure rose sur fond crème */
.wait-curtain { display: block; width: 100%; height: auto; min-height: 56px; margin-top: -1px; position: relative; z-index: 2; }

.wait-contact { flex: 1; width: 100%; padding: 2rem 1.5rem 2.5rem; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: .6rem; }
.wait-address { font-size: 14px; line-height: 22px; color: var(--muted); }
.wait-links { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .5rem 1rem; font-size: 14px; line-height: 22px; font-weight: 600; color: var(--title); }
.wait-links a { color: inherit; }
.wait-mail { text-decoration: underline; text-underline-offset: 3px; }
.wait-phone { text-decoration: none; }
.wait-dot { color: var(--deep); font-weight: 700; }

.wait-foot { height: 56px; display: flex; align-items: center; justify-content: center; background: var(--title); color: rgba(255, 255, 255, .82); }
.wait-copy { font-size: 13px; line-height: 20px; }

/* ---------- Blocks communs (common.*) ---------- */
.block-title { padding-block: 1.5rem; }
.block-title-heading { margin: 0 0 .5rem; font-size: 2rem; }
.block-title-subtitle { color: var(--muted); margin: 0 0 1.5rem; }
.block-title[data-align="center"] { text-align: center; }
.block-title[data-align="right"] { text-align: right; }

.block-text { line-height: 1.7; }
.block-text[data-align="center"] { text-align: center; }
.block-text[data-align="right"] { text-align: right; }

.block-image-media { width: 100%; height: auto; display: block; border-radius: var(--radius-card); }
.block-image-caption { font-size: .85rem; color: var(--muted); margin-top: .5rem; }

.block-form-wrap { max-width: 560px; margin-inline: auto; }
.block-form-field { margin-bottom: 1rem; }
.block-form-label { display: block; margin-bottom: .25rem; font-weight: 700; }
.block-form-input {
    width: 100%; padding: .7rem 1rem; font: inherit; color: inherit;
    background: var(--white); border: 1px solid var(--bg); border-radius: 14px;
}
.block-form-input:focus { outline: 2px solid var(--deep); outline-offset: 1px; }
.block-form-checkbox { margin-right: .5rem; }
.block-form-submit {
    padding: .8rem 2rem; border: 0; border-radius: var(--radius);
    background: var(--ink); color: var(--white); font: inherit; font-weight: 700; cursor: pointer;
}
.block-form-submit:hover { background: var(--deep); }
.form-message-success, .form-message-error { display: none; margin-top: 1rem; padding: .9rem 1.1rem; border-radius: 14px; }
.form-message-success { background: #e4efdc; color: #2f5a1e; }
.form-message-error { background: #f6dcd6; color: #8a2a1a; }

/* ---------- Responsive ---------- */
@media (max-width: 860px) {
    .wait-nav { height: 72px; }
    .wait-top { min-height: 62svh; }
    .wait-d-straw-l { left: 4vw; top: 14vw; width: 14vw; } .wait-d-straw-r { left: auto; right: 4vw; top: 10vw; width: 13vw; }
    .wait-d-rasp { left: 2vw; top: 56vw; width: 12vw; } .wait-d-choc { left: auto; right: 2vw; top: 52vw; width: 13vw; }
    .wait-d-gian { left: 18vw; top: 70vw; width: 11vw; } .wait-d-pist { left: auto; right: 18vw; top: 70vw; width: 9vw; }
}
@media (max-width: 480px) {
    .wait-title { font-size: clamp(2rem, 10.5vw, 2.5rem); letter-spacing: -.025em; }
    .wait-logo { width: 104px; height: auto; }
    .wait-hero-copy { padding-bottom: 5rem; }
    .wait-links { flex-direction: column; gap: .25rem; }
    .wait-dot { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .btn { transition: none; }
}