/* WOURI ESTATE — pages intérieures (Pass Diaspora, vérification, propriétaires, quartiers, agence, contact, honoraires, sélection, pages légales).
   Direction artistique « Cadastre & calcaire » : calcaire, encre, olive, rouille. Gloock + Schibsted Grotesk. */
@layer components {
  .callout strong { color: inherit; }
}
@layer pages {
  .recap > div { display: grid; gap: .25rem; padding: var(--space-s); background: var(--calcaire); border-radius: var(--radius); }
  .recap h3 { font-family: var(--font-text); font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; color: var(--gris); display: flex; justify-content: space-between; gap: var(--space-s); align-items: center; }
  .recap h3 button { border: 0; background: transparent; color: var(--rouille-fonce); font-weight: 700; text-decoration: underline; font-size: var(--step--1); text-transform: none; letter-spacing: 0; min-block-size: 2rem; }
  .recap p { margin: 0; font-size: var(--step--1); }
  .draft-note { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem var(--space-s); padding: .7rem var(--space-s); background: var(--laterite-clair); border-radius: var(--radius); font-size: var(--step--1); font-weight: 600; margin-block-end: var(--space-s); }
  .estimate { padding: var(--space-m); background: var(--olive-clair); color: var(--olive-fonce); border-radius: var(--radius); display: grid; gap: .4rem; }
  .estimate .big { font-family: var(--font-display); font-size: var(--step-3); line-height: 1.1; color: var(--encre); margin: 0; }
  .estimate p { margin: 0; }
  .estimate .small { font-size: var(--step--1); }
  .verdict { display: grid; grid-template-columns: auto 1fr; gap: .75rem; padding: var(--space-s) var(--space-m); border-radius: var(--radius); border-inline-start: 5px solid; margin-block-start: var(--space-s); }
  .verdict p { margin: 0; }
  .verdict .icon { inline-size: 1.75rem; block-size: 1.75rem; }
  .verdict--ok { background: var(--olive-clair); color: var(--olive-fonce); border-color: var(--olive); }
  .verdict--warn { background: var(--ocre-fond); color: var(--ocre-texte); border-color: var(--ocre-texte); }
  .verdict--bad { background: var(--erreur-fond); color: var(--erreur); border-color: var(--erreur); }
  .verdict a { color: inherit; font-weight: 700; }
  .verdict p.extra { margin-block-start: .35rem; color: var(--encre); }
  .city-links { display: flex; flex-wrap: wrap; gap: .5rem; margin-block-start: var(--space-m); }
  .city-links a { display: inline-flex; align-items: center; min-block-size: 2.75rem; padding-inline: 1.1rem; border: 1.5px solid var(--encre); border-radius: var(--radius); color: var(--encre); font-weight: 600; text-decoration: none; }
  .city-links a:hover { background: var(--encre); color: var(--calcaire); }
  .legal-doc { max-inline-size: 52rem; }
  .legal-doc h2 { font-size: var(--step-2); margin-block: var(--space-l) var(--space-xs); }
  .legal-doc h3 { font-size: var(--step-1); margin-block: var(--space-m) var(--space-2xs); }
  .legal-doc p, .legal-doc li { max-inline-size: 70ch; }
  .legal-doc ul { padding-inline-start: 1.2rem; display: grid; gap: .3rem; }
  .legal-doc dl { display: grid; gap: .4rem var(--space-m); grid-template-columns: minmax(10rem, 14rem) 1fr; }
  @media (max-width: 39.99em) {
    .legal-doc dl { grid-template-columns: 1fr; }
    .legal-doc dd { margin-block-end: .5rem; }
  }
  .legal-doc dt { font-weight: 700; }
  .legal-doc dd { margin: 0; }
  .sitemap { columns: 14rem; column-gap: var(--space-m); list-style: none; padding: 0; }
  .sitemap li { break-inside: avoid; padding-block: .15rem; }
  .credits { font-size: var(--step--1); display: grid; gap: .3rem; padding: 0; list-style: none; columns: 20rem; }
  .credits li { break-inside: avoid; }
  .price-table td:last-child, .price-table th:last-child { text-align: end; }
  .sitemap-cols { display: grid; gap: var(--space-m); grid-template-columns: repeat(auto-fit, minmax(min(18rem, 100%), 1fr)); }
  .sitemap-cols h3 { font-size: var(--step-1); margin-block-end: .4rem; }
  .alerts { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--space-xs); }
  .alerts li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-xs) var(--space-s); padding: var(--space-s); background: var(--chaux); border: 1px solid var(--bordure); border-radius: var(--radius); }
  .cmp-add { margin-block-start: var(--space-s); display: grid; gap: .4rem; }
}
/* pages légales : le texte suit directement l'en-tête */
@layer pages {
  .page-hero + .wrap.section { padding-block-start: var(--space-s); }
  .legal-doc > .callout:first-child h2 { margin-block-start: 0; }
}
/* encadré « en bref » des en-têtes intérieurs : cartouche borné, faits chiffrés */
@layer pages {
  .hero-facts { position: relative; align-self: end; padding: var(--space-s) var(--space-m) var(--space-xs); background: var(--chaux); border: 1px solid var(--bordure-forte); }
  .hero-facts::after {
    content: ""; position: absolute; inset: -4px; pointer-events: none;
    background-image: linear-gradient(var(--rouille), var(--rouille)), linear-gradient(var(--rouille), var(--rouille)), linear-gradient(var(--rouille), var(--rouille)), linear-gradient(var(--rouille), var(--rouille));
    background-size: 7px 7px; background-repeat: no-repeat; background-position: 0 0, 100% 0, 0 100%, 100% 100%;
  }
  .hero-facts__t { margin: 0 0 .35rem; font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--olive-fonce); }
  .hero-facts .statut { margin: 0 0 .4rem; }
  .hero-facts dl { margin: 0; display: grid; }
  .hero-facts dl > div { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); gap: .2rem var(--space-s); padding: .55rem 0; border-block-start: 1px dashed var(--bordure-forte); font-size: var(--step--1); }
  .hero-facts dt { font-weight: 700; color: var(--encre); }
  .hero-facts dd { margin: 0; color: var(--encre-2); }
  @media (min-width: 64em) { .page-hero__grid > .hero-facts { grid-column: 9 / span 4; } }
}