/* ============================================================
   KOOKIYA FLAVORS — PAGES INTÉRIEURES
   L'Univers, La Fondatrice, pages légales, CGV, 404.
   Chargée après css/kookiya.css, dont elle reprend les tokens.
   ============================================================ */

/* === COMMUNS === */

/* Ouverture de page : centrée, typographique */
.ouverture{text-align:center}
.ouverture__inner{max-width:960px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:28px}
.ouverture .eyebrow{color:var(--accent-signature)}
.ouverture h1{font-size:var(--text-display-xl);font-style:italic}
.ouverture p{font-size:var(--text-body-lg);font-weight:300;line-height:var(--leading-snug);max-width:52ch}

/* Titres de section centrés */
.entete{text-align:center;max-width:720px;margin:0 auto 64px;display:flex;flex-direction:column;align-items:center;gap:16px}
.entete h2{font-size:var(--text-display-lg);font-style:italic}
.entete p{font-weight:400;max-width:46ch}

/* Lien texte — même traitement que « Son parcours » sur l'accueil */
.lien{
  display:inline-block;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.15em;
  color:var(--accent-signature);text-underline-offset:6px;text-decoration-thickness:1px;
  transition:opacity var(--transition-fast);
}
.lien:hover{opacity:.7}
.deep .lien{color:var(--accent-prestige)}

.actions{display:flex;flex-wrap:wrap;gap:24px 32px;align-items:center;justify-content:center}

/* Filet court */
.filet{display:block;width:40px;height:1px;background:var(--accent-signature)}
.deep .filet{background:var(--accent-prestige)}

/* === L'UNIVERS === */

.manifeste__inner{max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:40px}
.manifeste__corps{display:flex;flex-direction:column;gap:24px}
.manifeste__corps p{font-weight:400;line-height:1.8}
.manifeste .accent{font-family:var(--font-display);font-style:italic;font-size:1.1em;color:var(--accent-cta)}

.territoires__grille{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:56px}
@media (min-width:860px){.territoires__grille{grid-template-columns:repeat(3,1fr);gap:clamp(32px,4vw,64px)}}
.territoire{display:flex;flex-direction:column;gap:20px}
.territoire--caraibes{--territoire:var(--color-turquoise-caraibes)}
.territoire--afrique{--territoire:var(--color-terracotta-dore)}
.territoire--asie{--territoire:var(--color-jade-profond)}
.territoire figure{margin:0;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--territoire);border-radius:var(--radius-subtle)}
.territoire figure img{width:100%;height:100%;object-fit:cover}
.territoire h3{font-size:var(--text-display-sm);font-style:italic}
.territoire .filet{background:var(--territoire)}
/* Même couleur et même graisse que le corps des autres blocs */
.territoire p{font-size:var(--text-body-md);font-weight:400;color:var(--text-primary)}

.positionnement__grille{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:56px;position:relative}
@media (min-width:900px){
  .positionnement__grille{grid-template-columns:1fr 1fr;gap:80px}
  .positionnement__grille::before{content:"";position:absolute;left:50%;top:10%;bottom:10%;width:1px;background:var(--line-deep)}
}
.positionnement__col{display:flex;flex-direction:column;align-items:center;gap:28px}
.positionnement__col ul{list-style:none;display:flex;flex-direction:column;gap:6px;max-width:360px}
.positionnement__col li{font-weight:400;line-height:2}
.positionnement .entete .nuance{font-family:var(--font-display);font-style:italic;font-size:var(--text-display-sm);opacity:.7}

.cloture{text-align:center}
.cloture__inner{max-width:680px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:40px}
.cloture__phrase{font-family:var(--font-display);font-style:italic;font-size:var(--text-display-sm);line-height:var(--leading-snug)}

/* === LA FONDATRICE === */

.fondatrice-ouverture figure{margin:0 auto 64px;max-width:1100px;aspect-ratio:3/2;overflow:hidden;border-radius:var(--radius-subtle)}
.fondatrice-ouverture figure img{width:100%;height:100%;object-fit:cover}
/* Lignes équilibrées : évite « Asie. » seul sur sa ligne. L'espace insécable
   avant « Asie » couvre les navigateurs qui ignorent text-wrap. */
.fondatrice-ouverture .introduction{text-wrap:balance}

.voix__grille{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:24px}
.voix__grille p{font-weight:400;line-height:1.8;max-width:64ch}
.voix__portrait{margin:16px 0;align-self:center;width:100%;max-width:300px;aspect-ratio:3/4;overflow:hidden;border-radius:var(--radius-subtle)}
.voix__portrait img{width:100%;height:100%;object-fit:cover}
@media (min-width:900px){
  .voix__grille{
    display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.9fr);
    column-gap:clamp(48px,6vw,96px);row-gap:28px;align-items:start;
    grid-template-areas:"eyebrow portrait" "filet portrait" "p1 portrait" "p2 portrait" "p3 portrait" "p4 .";
  }
  .voix__eyebrow{grid-area:eyebrow}
  .voix__grille .filet{grid-area:filet;margin-top:-12px}
  .voix__p1{grid-area:p1}.voix__p2{grid-area:p2}.voix__p3{grid-area:p3}.voix__p4{grid-area:p4}
  .voix__portrait{grid-area:portrait;margin:0;max-width:none;justify-self:stretch}
}

.invitation{text-align:center}
.invitation__inner{max-width:680px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:32px}
.invitation h2{font-size:var(--text-display-md);font-style:italic}
.invitation p{font-size:var(--text-body-lg);font-weight:300;line-height:var(--leading-snug);max-width:46ch}
.invitation .signature{margin-top:48px;color:var(--accent-signature);font-size:var(--text-jewel);font-weight:400;line-height:1.2;max-width:none}

/* === PAGES LÉGALES ET CGV === */

.legal-page .ouverture{margin-bottom:80px}
.legal-page .ouverture h1{font-size:var(--text-display-lg)}
.legal-page .mise-a-jour{font-family:var(--font-display);font-style:italic;font-size:var(--text-body-lg);font-weight:400}
.legal-corps{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:48px}
.legal-section{display:flex;flex-direction:column;gap:16px}
.legal-section h2{
  font-family:var(--font-body);font-size:var(--text-caps);font-weight:500;
  text-transform:uppercase;letter-spacing:var(--tracking-caps);line-height:1.4;color:var(--accent-signature);
}
.legal-section p,.legal-section li{font-weight:300}
.legal-section p+p,.legal-section p+ul,.legal-section ul+p{margin-top:12px}
.legal-section ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.legal-section li{position:relative;padding-left:20px}
.legal-section li::before{content:"—";position:absolute;left:0;color:var(--accent-signature)}
.legal-section a{color:var(--accent-signature);text-underline-offset:4px;text-decoration-thickness:1px}
.legal-corps>.filet{width:60px;opacity:.6}
.legal-section h3{font-size:var(--text-display-sm);font-style:italic;margin-top:24px}
.legal-section strong{font-weight:500}

/* Tableau des prestataires — défile dans son propre cadre sur mobile */
.legal-tableau{overflow-x:auto;margin-top:8px;-webkit-overflow-scrolling:touch}
.legal-tableau table{width:100%;min-width:560px;border-collapse:collapse;font-size:var(--text-body-sm)}
.legal-tableau th{
  text-align:left;font-size:var(--text-caps);font-weight:500;text-transform:uppercase;
  letter-spacing:var(--tracking-caps);color:var(--accent-signature);padding:0 16px 12px 0;
}
.legal-tableau td{font-weight:300;vertical-align:top;padding:12px 16px 12px 0;border-top:1px solid var(--line)}

/* === 404 === */

.erreur{min-height:70vh;display:flex;align-items:center;justify-content:center}
.erreur h1{font-size:clamp(64px,10vw,120px);letter-spacing:-.02em}
.erreur .actions{margin-top:16px}