/* Lazentis — pages vendeurs (accueil, Vendre mon bien, situations, partenaires).
   Chargée après styles.css, dont elle reprend les variables (couleurs, polices).
   D'après la maquette v5 : docs/superpowers/specs/2026-11-09-seo-vendeurs-toulouse-maquette-accueil.html
   Une seule colonne, lisible sur téléphone d'abord. */

/* ---------- En-tête (bloc commun à toutes les pages) ---------- */
/* Fond plein, dans le flux (sticky) : pas de compensation de hauteur à prévoir,
   pas de backdrop-filter (qui enfermerait le menu mobile dans la barre). */
.lz-nav--solid{position:sticky;top:0;background:var(--navy-900);border-bottom:1px solid rgba(201,169,97,.18)}
.lz-nav--solid .lz-nav__inner{gap:20px}
.lz-nav--solid .lz-nav__links{gap:22px}
.lz-nav__tel{white-space:nowrap;font-size:15px;letter-spacing:.03em}
.lz-nav--solid .lz-nav__brand,.lz-nav--solid .lz-nav__burger,.lz-nav--solid .lz-nav__tel{position:relative;z-index:46}
main [id]{scroll-margin-top:88px}
/* Jusqu'à 1100 px, avec JavaScript : menu en tiroir derrière le burger (6 liens + numéro ne tiennent pas sur une ligne).
   styles.css ne le fait que sous 720 px et y remet display:none sur le burger après sa media query. */
@media (max-width:1100px){
  html.lz-js .lz-nav--solid .lz-nav__tel{margin-left:auto}
  html.lz-js .lz-nav--solid .lz-nav__burger{display:inline-flex;order:2;margin-left:0}
  html.lz-js .lz-nav--solid .lz-nav__links{position:fixed;inset:0;z-index:45;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;margin:0;padding:104px var(--pad-x) 40px;background:var(--navy-900);transform:translateX(100%);visibility:hidden;transition:transform .28s var(--ease-out),visibility .28s;overflow-y:auto;-webkit-overflow-scrolling:touch}
  html.lz-js .lz-nav--solid .lz-nav__links.is-open{transform:none;visibility:visible}
  html.lz-js .lz-nav--solid .lz-nav__links li{border-bottom:1px solid rgba(201,169,97,.18)}
  html.lz-js .lz-nav--solid .lz-nav__links li:last-child{border-bottom:0}
  html.lz-js .lz-nav--solid .lz-nav__links a{display:block;font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:-.005em;text-transform:none;color:var(--cream-50);padding:22px 0;border-bottom:0;line-height:1.1}
  html.lz-js .lz-nav--solid .lz-nav__links a:hover,html.lz-js .lz-nav--solid .lz-nav__links a:focus-visible{color:var(--gold-400)}
}
@media (max-width:720px){
  .lz-nav--solid .lz-nav__inner{gap:8px}
  .lz-nav--solid .lz-nav__tel{margin-left:auto;padding:10px 12px;font-size:14px}
  main [id]{scroll-margin-top:76px}
}
/* Téléphone étroit : le numéro passe avant le nom écrit (le monogramme reste). */
@media (max-width:399px){.lz-nav--solid .lz-wordmark{display:none}}
/* Sans JavaScript sur téléphone, le tiroir ne peut pas s'ouvrir : les liens s'affichent sous la barre. */
@media (max-width:720px){
  html:not(.lz-js) .lz-nav--solid{position:static}
  html:not(.lz-js) .lz-nav--solid .lz-nav__inner{flex-wrap:wrap}
  html:not(.lz-js) .lz-nav--solid .lz-nav__burger{display:none}
  html:not(.lz-js) .lz-nav--solid .lz-nav__links{position:static;inset:auto;order:3;width:100%;flex-direction:row;flex-wrap:wrap;gap:2px 18px;padding:6px 0 0;background:none;transform:none;visibility:visible;overflow:visible;transition:none}
  html:not(.lz-js) .lz-nav--solid .lz-nav__links li{border:0}
  html:not(.lz-js) .lz-nav--solid .lz-nav__links a{font-family:var(--font-sans);font-size:14px;font-weight:500;padding:8px 0}
  html:not(.lz-js) main [id]{scroll-margin-top:0}
}

/* ---------- Colonne ---------- */
.lz-col{max-width:720px;margin:0 auto;padding:0 20px}

/* ---------- Ouverture (bleu nuit, monogramme en filigrane) ---------- */
.lz-ouverture{position:relative;overflow:hidden;background:var(--navy-900);color:#fff;padding:52px 0 56px;font-size:17px;line-height:1.6}
.lz-ouverture__filigrane{position:absolute;right:-80px;top:30px;width:380px;max-width:none;opacity:.05;pointer-events:none}
.lz-ouverture .lz-col{position:relative}
.lz-ouverture__titre{font-family:var(--font-display);font-weight:500;font-size:46px;line-height:1.04;letter-spacing:-.01em;color:#fff;margin:0 0 18px}
.lz-ouverture__titre em{display:block;color:var(--gold-500);font-style:italic}
.lz-ouverture__chapo{font-size:18px;color:rgba(255,255,255,.85);margin:0 0 34px}

/* ---------- Déroulé : ligne dorée verticale, ronds vides, dernier rond plein ---------- */
/* Les règles visent .lz-deroule > li seulement, pour ne pas toucher aux listes imbriquées. */
.lz-deroule{list-style:none;margin:0 0 34px;padding:0;border-left:1px solid rgba(201,169,97,.5)}
.lz-deroule > li{position:relative;padding:0 0 24px 24px}
.lz-deroule > li:last-child{padding-bottom:0}
.lz-deroule > li::before{content:"";position:absolute;left:-6px;top:8px;width:11px;height:11px;border-radius:50%;background:var(--navy-900);border:1px solid var(--gold-500)}
.lz-deroule > li:last-child::before{background:var(--gold-500)}
.lz-deroule__titre{display:block;font-family:var(--font-display);font-weight:600;font-size:24px;line-height:1.2;color:#fff}
.lz-deroule__texte{display:block;color:rgba(255,255,255,.7);font-size:16px}
.lz-deroule__delai{display:inline-block;margin-top:2px;color:var(--gold-300);font-weight:600;font-size:16px}
/* Variante sur fond crème (pages de contenu). */
.lz-partie .lz-deroule > li::before{background:var(--cream-100)}
.lz-partie .lz-deroule > li:last-child::before{background:var(--gold-500)}
.lz-partie .lz-deroule__titre{color:var(--navy-900)}
.lz-partie .lz-deroule__texte{color:var(--ink-700)}
.lz-partie .lz-deroule__delai{color:var(--gold-900)}

/* ---------- Documents : <details> replié, puces = ronds dorés vides ---------- */
.lz-docs{font-size:15px;margin-top:8px}
.lz-docs summary{cursor:pointer;color:var(--gold-300);text-decoration:underline;text-underline-offset:3px}
.lz-docs__liste{background:var(--navy-800);border:1px solid rgba(201,169,97,.15);padding:14px 16px;margin-top:10px;color:rgba(255,255,255,.82)}
.lz-docs__liste p{margin:0 0 8px}
.lz-docs__liste .lz-docs__groupe{margin:12px 0 2px;font-weight:600;color:#fff}
.lz-docs__liste ul,ul.lz-puces{list-style:none;margin:0;padding:0}
.lz-docs__liste li,.lz-puces li{position:relative;padding:2px 0 2px 20px}
.lz-docs__liste li::before,.lz-puces li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;border:1px solid var(--gold-500)}
/* Liste sur fond crème (non repliée, pages de contenu). */
.lz-partie .lz-docs summary{color:var(--navy-900);text-decoration-color:var(--gold-500)}
.lz-partie .lz-docs__liste{background:var(--cream-50);border-color:var(--cream-300);color:var(--ink-700)}
.lz-partie .lz-docs__liste .lz-docs__groupe{color:var(--navy-900)}
/* liens dans le texte des pages situation : visibles sans changer la couleur du texte */
.lz-partie p a:not([class]),.lz-partie ul:not(.lz-situations)>li a:not([class]){text-decoration:underline;text-decoration-color:var(--gold-500);text-decoration-thickness:1px;text-underline-offset:3px}
.lz-partie p a:not([class]):hover,.lz-partie ul:not(.lz-situations)>li a:not([class]):hover{text-decoration-thickness:2px}

/* ---------- Boutons de l'ouverture ---------- */
.lz-actions{display:flex;flex-wrap:wrap;gap:12px}
.lz-actions .lz-btn{font-size:16px;padding:13px 20px}

/* ---------- Sections de contenu (une colonne, ≤ 720 px) ---------- */
.lz-partie{padding:56px 0;font-size:17px;line-height:1.6;color:var(--ink-900)}
.lz-partie + .lz-partie{border-top:1px solid var(--cream-300)}
.lz-partie__titre{font-family:var(--font-display);font-weight:500;font-size:36px;line-height:1.1;color:var(--navy-900);margin:0 0 8px}
.lz-partie__sous{color:var(--ink-500);margin:0 0 22px}

/* ---------- Situations : une ligne par situation ---------- */
.lz-situations{list-style:none;margin:0;padding:0}
.lz-situations li{border-top:1px solid var(--cream-300)}
.lz-situations li:last-child{border-bottom:1px solid var(--cream-300)}
.lz-situations a{display:block;padding:16px 0;text-decoration:none}
.lz-situations__nom{font-family:var(--font-display);font-size:23px;font-weight:600;color:var(--navy-900);text-decoration:underline;text-decoration-color:var(--gold-500);text-underline-offset:4px;text-decoration-thickness:1px}
.lz-situations__desc{display:block;color:var(--ink-700);font-size:16px;margin-top:2px}
.lz-situations a:hover .lz-situations__nom,.lz-situations a:focus-visible .lz-situations__nom{color:var(--gold-900)}

/* ---------- Lucas : portrait + texte ---------- */
.lz-lucas{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:start}
.lz-lucas img{width:100%;height:auto;display:block}
.lz-lucas p{margin:0 0 12px;color:var(--ink-700)}
.lz-lucas .lz-lucas__citation{font-family:var(--font-display);font-style:italic;font-size:24px;line-height:1.25;color:var(--navy-900)}

/* ---------- Questions (FAQ) ---------- */
.lz-questions details{border-bottom:1px solid var(--cream-300);padding:14px 0}
.lz-questions details:first-of-type{border-top:1px solid var(--cream-300)}
.lz-questions summary{cursor:pointer;font-family:var(--font-display);font-size:22px;font-weight:600;line-height:1.25;color:var(--navy-900)}
.lz-questions details p{margin:8px 0 0;color:var(--ink-700)}

/* ---------- Formulaire (bleu nuit) ---------- */
.lz-partie.lz-formulaire{background:var(--navy-900);color:#fff;border-top:0}
.lz-formulaire .lz-partie__titre{color:#fff}
.lz-formulaire .lz-partie__sous{color:rgba(255,255,255,.7)}
.lz-demande{display:grid;gap:14px}
.lz-demande label{display:grid;gap:6px;font-size:15px;font-weight:600;color:rgba(255,255,255,.85)}
.lz-demande label small{font-size:14px;font-weight:400;color:rgba(255,255,255,.6)}
.lz-demande input,.lz-demande select,.lz-demande textarea{font:inherit;font-size:16px;font-weight:400;padding:12px;border:1px solid rgba(201,169,97,.33);background:var(--navy-800);color:#fff;border-radius:2px;width:100%;min-width:0}
.lz-demande select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23c9a961' stroke-width='1.5'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}
.lz-demande select option{background:var(--navy-900);color:#fff}
.lz-demande input:focus,.lz-demande select:focus,.lz-demande textarea:focus{outline:none;border-color:var(--gold-500);box-shadow:0 0 0 3px rgba(201,169,97,.2)}
.lz-demande textarea{min-height:110px;resize:vertical}
.lz-demande .lz-btn{justify-self:start;font-size:16px;padding:13px 20px}
.lz-demande.is-busy button[type=submit]{pointer-events:none;opacity:.7}
.lz-demande .lz-form__status{margin-top:0}
.lz-form__status[hidden]{display:none}
.lz-rappel{margin:18px 0 0;color:rgba(255,255,255,.7);font-size:15px}
.lz-rappel a{color:var(--gold-300);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}

/* ---------- Ligne partenaires ---------- */
.lz-partenaires-ligne{background:var(--cream-50);padding:28px 0;font-size:16px;line-height:1.6;color:var(--ink-700);border-top:1px solid var(--cream-300)}
.lz-partenaires-ligne a{color:var(--gold-900);font-weight:600;text-decoration:underline;text-decoration-color:var(--gold-500);text-underline-offset:3px}

/* ---------- Pied de page (bloc commun à toutes les pages) ---------- */
.lz-pied{background:var(--navy-950);color:rgba(255,255,255,.6);font-size:14px;line-height:1.6;padding:32px 0}
.lz-pied img{height:34px;width:auto;margin-bottom:10px;display:block}
.lz-pied p{margin:0 0 4px}
.lz-pied a{color:rgba(255,255,255,.85)}
.lz-pied a:hover{color:var(--gold-300)}
.lz-pied__tel a{color:var(--gold-300);font-weight:600;white-space:nowrap}
.lz-pied__liens{display:flex;flex-wrap:wrap;gap:4px 18px;list-style:none;margin:16px 0;padding:0}
.lz-pied__legal{margin-top:16px;font-size:12px;color:rgba(255,255,255,.5)}
.lz-pied__legal a{color:rgba(255,255,255,.6)}

:focus-visible{outline:2px solid var(--gold-500);outline-offset:3px}

@media (min-width:760px){
  .lz-ouverture{padding:72px 0 76px}
  .lz-ouverture__titre{font-size:58px}
}
@media (max-width:440px){
  .lz-lucas{grid-template-columns:1fr}
  .lz-lucas img{max-width:180px}
}
@media (prefers-reduced-motion:reduce){
  html.lz-js .lz-nav--solid .lz-nav__links{transition:none}
}