/* =========================================================================
 * KIT LI — le seul jeu de composants d'interface du site (KIT-0310).
 *
 * Règle du propriétaire (03/10/2026) : chaque élément d'interface réutilise
 * une pièce de ce kit ; s'il en manque une, on l'ajoute ICI, jamais dans une
 * feuille de page. Valeurs reprises de l'inventaire du site (12 000 règles) :
 * on garde la meilleure version existante, on n'invente pas.
 *
 * Univers : les jetons --k-a* suivent la marque Logement (framboise) ; sous
 * .li-u-creation ou .li-k-travail, ils passent au violet Travail.
 * ====================================================================== */

/* ---------- 1. Jetons ----------------------------------------------------
 * FUSION (KIT-0310 b) : le kit reprend les réglages du site (style.css :root,
 * creation.css .li-u-creation) au lieu d'en créer un second jeu. Les --k-* ne
 * sont que des alias, avec la valeur du site en repli.
 * ----------------------------------------------------------------------- */
:root{
	/* Marque (constantes) */
	--k-rasp:var(--k4-a); --k-rasp-deep:var(--k4-a-deep); --k-rasp-br:var(--k4-a-br);
	--k-gold:var(--gold,#D0861E); --k-gold-deep:var(--gold-deep,#A86A12); --k-gold-br:var(--gold-br,#F3BE6B);
	--k-crea:#6C4BF4; --k-crea-deep:#5326D9; --k-crea-ink:#2A1B57; --k-crea-bg:#F4F1FE; --k-crea-br:#9B86FF;
	/* Accent de l'univers = l'accent du site (--rasp devient violet sous .li-u-creation) */
	--k-a:var(--rasp,var(--k4-a)); --k-a-deep:var(--rasp-deep,var(--k4-a-deep)); --k-a-br:var(--rasp-br,var(--k4-a-br));
	--k-a-rgb:238,61,111; --k-a-soft:#FFF1F5; --k-a-line:#F3DBE6; --k-a-end:var(--k-a-deep); /* KIT-V4 : l'or est réservé au Premium */
	--k-box-bg:linear-gradient(180deg,#FFF7FA,#FFF);
	/* Encres, fonds, lignes (contrastes vérifiés : texte ≥ 4,5:1 sur blanc, crème et crème 2) */
	--k-ink:var(--ink,var(--k4-ink)); --k-ink-2:var(--k4-ink-2); --k-mute:var(--k4-mute); --k-faint:var(--k4-faint); /* faint : décor et indications de saisie uniquement, jamais du texte à lire */
	--k-bg:#FBF7F2; --k-cream:var(--cream,var(--k4-bg)); --k-cream-2:var(--cream-2,var(--k4-bg-2)); --k-card:var(--card,#FFFFFF);
	--k-line:var(--border,var(--k4-line)); --k-line-2:var(--k4-line-2);
	/* Statuts */
	--k-ok:var(--k4-ok); --k-ok-bg:var(--k4-ok-bg); --k-wait:var(--k4-warn); --k-wait-bg:var(--k4-warn-bg);
	--k-err:var(--k4-ko); --k-err-bg:var(--k4-ko-bg); --k-info:var(--k4-info); --k-info-bg:var(--k4-info-bg);
	/* Confiance, Premium, Pro */
	--k-trust-blue:var(--trust-blue,#2563EB); --k-trust-teal:var(--trust-teal-deep,#0F766E);
	--k-premium:linear-gradient(135deg,#C87D16,#A86A12 55%,#8F5A0E); --k-pro:#22252B; --k-pro-ink:#F5F1EA;
	/* Typographie */
	--k-serif:var(--serif,'Fraunces',Georgia,serif);
	--k-sans:var(--sans,'Inter',system-ui,-apple-system,'Segoe UI',sans-serif);
	--k-fs-xs:.72rem; --k-fs-sm:.8rem; --k-fs-md:.9rem; --k-fs-base:1rem; --k-fs-lg:1.15rem; --k-fs-xl:1.5rem; --k-fs-2xl:2rem;
	--k-fs-h1:clamp(2rem,4.2vw,2.9rem);
	/* Espacements (10 et 14 px : crans très utilisés sur le site, gardés) */
	--k-s1:4px; --k-s2:8px; --k-s25:10px; --k-s3:12px; --k-s35:14px; --k-s4:16px; --k-s5:20px; --k-s6:24px; --k-s7:32px; --k-s8:48px;
	/* Rayons */
	--k-r-xs:8px; --k-r-sm:12px; --k-r:18px; --k-r-lg:26px; --k-r-xl:32px; --k-pill:var(--pill,999px);
	/* Ombres */
	--k-sh-xs:0 1px 2px rgba(38,19,31,.05),0 6px 18px -12px rgba(38,19,31,.22);
	--k-sh-sm:0 2px 4px rgba(38,19,31,.05),0 16px 34px -18px rgba(38,19,31,.30);
	--k-sh-md:0 2px 4px rgba(38,19,31,.05),0 16px 34px -18px rgba(38,19,31,.30);
	--k-sh-lg:0 4px 10px rgba(38,19,31,.06),0 24px 50px -20px rgba(38,19,31,.34);
	--k-sh-xl:0 30px 80px -24px rgba(38,19,31,.45);
	/* Mouvement */
	--k-ease:var(--ease,cubic-bezier(.22,1,.36,1));
	--k-t-fast:.15s; --k-t:.24s; --k-t-slow:.4s;
	--k-hdr:96px;
}
/* Univers Travail : site (.li-u-creation, où --rasp est déjà violet) et vitrine (.li-k-travail). */
.li-u-creation,.li-k-travail{
	--k-a-rgb:108,75,244; --k-a-soft:#F4F1FE; --k-a-line:#E3D9FB; --k-a-end:var(--k-crea-deep);
	--k-box-bg:linear-gradient(180deg,#F8F5FF,#FFF);
}
.li-k-travail{--k-a:var(--k-crea); --k-a-deep:var(--k-crea-deep); --k-a-br:var(--k-crea-br)}
/* Jetons DÉRIVÉS de l'accent : redéclarés à chaque endroit où l'accent change,
   sinon ils restent calculés en framboise (défaut corrigé, ombre rose en Travail). */
:root,.li-u-creation,.li-k-travail{
	--k-a-grad:linear-gradient(135deg,var(--k-a-br) 0%,var(--k-a) 45%,var(--k-a-deep) 100%);
	--k-a-grad2:linear-gradient(135deg,var(--k-a),var(--k-a-end));
	--k-sh-cta:0 10px 24px -10px rgba(var(--k-a-rgb),.65);
	--k-ring:0 0 0 3px var(--k-card,#fff),0 0 0 5px rgba(var(--k-a-rgb),.55);
	/* KIT-V2-1710 : surfaces et ombres nommées, dérivées de l'accent de l'univers (planche validée : dégradé 2,5 %). */
	--k-surf-douce:linear-gradient(180deg,rgba(var(--k-a-rgb),.025),#fff 55%);
	--k-surf-avant:linear-gradient(180deg,rgba(var(--k-a-rgb),.06),#fff 62%);
	--k-surf-ligne:rgba(var(--k-a-rgb),.18);
	--k-box-bg:var(--k-card);
	--k-el-1:0 1px 2px rgba(38,19,31,.05),0 6px 18px -12px rgba(38,19,31,.22);
	--k-el-cta:0 10px 24px -10px rgba(var(--k-a-rgb),.65);
}

/* ---------- 2. Comportements globaux du kit ------------------------------ */
.li-k [id]{scroll-margin-top:var(--k-hdr)}
.li-k :focus-visible{outline:none;box-shadow:var(--k-ring);border-radius:var(--k-r-xs)}
@media (prefers-reduced-motion:reduce){.li-k *,.li-k *::before,.li-k *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* ---------- 3. Typographie ------------------------------------------------ */
.li-k-eyebrow{display:inline-flex;align-items:center;gap:6px;font:800 var(--k-fs-xs)/1 var(--k-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--k-a-deep)}
.li-k-h1{font:600 var(--k-fs-h1)/1.1 var(--k-serif);color:var(--k-ink);margin:0;text-wrap:balance}
.li-k-h2{font:600 var(--k-fs-2xl)/1.15 var(--k-serif);color:var(--k-ink);margin:0;text-wrap:balance}
.li-k-h3{font:600 var(--k-fs-xl)/1.2 var(--k-serif);color:var(--k-ink);margin:0}
.li-k-h4{font:700 var(--k-fs-lg)/1.3 var(--k-sans);color:var(--k-ink);margin:0}
.li-k-lead{font:400 1.08rem/1.6 var(--k-sans);color:var(--k-ink-2);margin:0;max-width:65ch}
.li-k-p{font:400 var(--k-fs-base)/1.6 var(--k-sans);color:var(--k-ink-2);margin:0;max-width:70ch}
.li-k-small{font:400 var(--k-fs-sm)/1.5 var(--k-sans);color:var(--k-mute)}
.li-k-link{color:var(--k-a-deep);font-weight:600;text-decoration:underline;text-decoration-color:rgba(var(--k-a-rgb),.35);text-underline-offset:3px;transition:text-decoration-color var(--k-t-fast) var(--k-ease)}
.li-k-link:hover{text-decoration-color:currentColor}

/* ---------- 4. Lignes et séparateurs ------------------------------------- */
.li-k-hr{border:0;border-top:1px solid var(--k-line);margin:var(--k-s5) 0}
.li-k-hr--dash{border-top-style:dashed}
.li-k-sep{display:flex;align-items:center;gap:var(--k-s3);font:700 var(--k-fs-xs)/1 var(--k-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--k-mute)}
.li-k-sep::before,.li-k-sep::after{content:"";flex:1;border-top:1px solid var(--k-line)}

/* ---------- 5. Boutons ---------------------------------------------------- */
.li-k-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:var(--k-pill);border:1.5px solid transparent;font:700 var(--k-fs-md)/1 var(--k-sans);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform var(--k-t-fast) var(--k-ease),box-shadow var(--k-t) var(--k-ease),background-color var(--k-t-fast),color var(--k-t-fast),border-color var(--k-t-fast)}
.li-k-btn:active{transform:translateY(1px) scale(.99)}
.li-k-btn--primary{background:var(--k-a-grad);color:#fff;box-shadow:var(--k-sh-cta)}
.li-k-btn--primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(var(--k-a-rgb),.4);color:#fff}
.li-k-btn--secondary{background:var(--k-card);color:var(--k-a-deep);border-color:rgba(var(--k-a-rgb),.35)}
.li-k-btn--secondary:hover{background:var(--k-a-soft);border-color:var(--k-a)}
.li-k-btn--ghost{background:transparent;color:var(--k-a-deep);padding:0 14px}
.li-k-btn--ghost:hover{background:var(--k-a-soft)}
.li-k-btn--danger{background:var(--k-card);color:var(--k-err);border-color:rgba(180,35,24,.3)}
.li-k-btn--danger:hover{background:var(--k-err-bg);border-color:var(--k-err)}
.li-k-btn--sm{min-height:36px;padding:0 14px;font-size:var(--k-fs-sm)}
.li-k-btn--lg{min-height:52px;padding:0 28px;font-size:var(--k-fs-base)}
.li-k-btn--icon{width:44px;padding:0}
.li-k-btn[disabled],.li-k-btn.is-disabled{opacity:.45;pointer-events:none;box-shadow:none}
.li-k-btn.is-loading{color:transparent!important;position:relative;pointer-events:none}
.li-k-btn.is-loading::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;animation:li-k-spin .7s linear infinite}
.li-k-btn--secondary.is-loading::after,.li-k-btn--ghost.is-loading::after{border-color:rgba(var(--k-a-rgb),.25);border-top-color:var(--k-a)}
.li-k-actions{display:flex;flex-wrap:wrap;gap:var(--k-s3);justify-content:flex-end;align-items:center}
@keyframes li-k-spin{to{transform:rotate(360deg)}}
/* Bouclier : le thème force les <button> et [type=submit] (dégradé, majuscules, hauteur,
   rayon) avec !important ; le kit l'emporte, sinon chaque page devrait le contrer à la main. */
.li-k-btn{text-transform:none!important;letter-spacing:normal!important;height:auto!important;text-shadow:none!important;font-family:var(--k-sans)!important;border-radius:var(--k-pill)!important;margin:0!important;width:auto}
.li-k-btn--icon{width:44px!important;padding:0!important}
.li-k-btn--primary,.li-k-btn--primary:hover,.li-k-btn--primary:focus{background:var(--k-a-grad)!important;color:#fff!important;border-color:transparent!important}
.li-k-btn--primary{box-shadow:var(--k-sh-cta)!important}
.li-k-btn--primary:hover{box-shadow:0 10px 28px rgba(var(--k-a-rgb),.4)!important}
.li-k-btn--secondary{background:var(--k-card)!important;color:var(--k-a-deep)!important;border-color:rgba(var(--k-a-rgb),.35)!important;box-shadow:none!important}
.li-k-btn--secondary:hover{background:var(--k-a-soft)!important;border-color:var(--k-a)!important}
.li-k-btn--ghost{background:transparent!important;color:var(--k-a-deep)!important;border-color:transparent!important;box-shadow:none!important}
.li-k-btn--ghost:hover{background:var(--k-a-soft)!important}
.li-k-btn--danger{background:var(--k-card)!important;color:var(--k-err)!important;border-color:rgba(180,35,24,.3)!important;box-shadow:none!important}
.li-k-btn--danger:hover{background:var(--k-err-bg)!important;border-color:var(--k-err)!important}

/* ---------- 6. Formulaires ------------------------------------------------ */
.li-k-field{display:flex;flex-direction:column;gap:6px}
.li-k-label{font:700 var(--k-fs-sm)/1.3 var(--k-sans);color:var(--k-ink)}
.li-k-label .li-k-req{color:var(--k-a);margin-left:2px}
.li-k-input,.li-k-select,.li-k-textarea{width:100%;box-sizing:border-box;min-height:46px;padding:11px 14px;border:1.5px solid var(--k-line);border-radius:var(--k-r-sm);background:var(--k-card);font:400 var(--k-fs-base)/1.4 var(--k-sans);color:var(--k-ink);transition:border-color var(--k-t-fast),box-shadow var(--k-t-fast)}
.li-k-textarea{min-height:110px;resize:vertical}
.li-k-input::placeholder,.li-k-textarea::placeholder{color:var(--k-faint)}
.li-k-input:hover,.li-k-select:hover,.li-k-textarea:hover{border-color:#E2D2C8}
.li-k-input:focus,.li-k-select:focus,.li-k-textarea:focus{outline:none;border-color:var(--k-a);box-shadow:var(--k-ring)}
.li-k-field.is-error .li-k-input,.li-k-field.is-error .li-k-select,.li-k-field.is-error .li-k-textarea{border-color:var(--k-err);box-shadow:0 0 0 3px rgba(180,35,24,.12)}
.li-k-help{font:400 var(--k-fs-sm)/1.45 var(--k-sans);color:var(--k-mute)}
.li-k-field.is-error .li-k-help{color:var(--k-err)}
.li-k-check{display:flex;gap:10px;align-items:flex-start;font:400 var(--k-fs-md)/1.45 var(--k-sans);color:var(--k-ink-2);cursor:pointer}
.li-k-check input{appearance:none;flex:none;width:20px;height:20px;margin:1px 0 0;border:1.5px solid #D9C9BF;border-radius:6px;background:#fff;display:grid;place-content:center;transition:background var(--k-t-fast),border-color var(--k-t-fast);cursor:pointer}
.li-k-check input[type=radio]{border-radius:50%}
.li-k-check input:checked{background:var(--k-a);border-color:var(--k-a)}
.li-k-check input:checked::after{content:"";width:10px;height:6px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.li-k-check input[type=radio]:checked::after{width:8px;height:8px;border:0;border-radius:50%;background:#fff;transform:none}
.li-k-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font:600 var(--k-fs-md)/1.3 var(--k-sans);color:var(--k-ink)}
.li-k-switch input{appearance:none;flex:none;width:44px;height:26px;border-radius:var(--k-pill);background:#E4D8D0;position:relative;cursor:pointer;transition:background var(--k-t) var(--k-ease)}
.li-k-switch input::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--k-sh-xs);transition:transform var(--k-t) var(--k-ease)}
.li-k-switch input:checked{background:var(--k-a)}
.li-k-switch input:checked::after{transform:translateX(18px)}

/* ---------- 7. Onglets (pastille glissante intégrée) ---------------------- */
.li-k-tabs{position:relative;isolation:isolate;display:flex;gap:4px;padding:5px;background:var(--k-cream-2);border:1px solid var(--k-line);border-radius:var(--k-pill);overflow-x:auto;scrollbar-width:none}
.li-k-tabs::-webkit-scrollbar{display:none}
.li-k-tab{position:relative;z-index:1;flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 16px;border:0;border-radius:var(--k-pill);background:transparent;font:700 var(--k-fs-md)/1 var(--k-sans);color:var(--k-mute);text-decoration:none;white-space:nowrap;cursor:pointer;transition:color var(--k-t) var(--k-ease)}
.li-k-tab:hover{color:var(--k-a-deep)}
.li-k-tab.is-active{color:var(--k-ink)}
.li-k-tab__n{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--k-pill);background:rgba(var(--k-a-rgb),.12);color:var(--k-a-deep);font-size:.72rem;font-weight:800}
.li-k-tab.is-active .li-k-tab__n{background:var(--k-a);color:#fff}
.li-k-tabs__ind{position:absolute;z-index:0;left:0;top:0;border-radius:var(--k-pill);background:var(--k-card);box-shadow:var(--k-sh-xs),0 0 0 1px rgba(36,23,38,.04);transition:transform .32s var(--k-ease),width .32s var(--k-ease);pointer-events:none}
.li-k-tabs--line{background:transparent;border:0;border-bottom:1px solid var(--k-line);border-radius:0;padding:0;gap:var(--k-s5)}
.li-k-tabs--line .li-k-tab{flex:none;padding:0 2px;border-radius:0}
.li-k-tabs--line .li-k-tabs__ind{top:auto!important;bottom:-1px;height:3px!important;border-radius:3px 3px 0 0;background:var(--k-a);box-shadow:none}
.li-k-panel[hidden]{display:none}

/* ---------- 8. Chips de filtre (choix multiple) --------------------------- */
.li-k-chips{display:flex;flex-wrap:wrap;gap:8px}
.li-k-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1.5px solid var(--k-line);border-radius:var(--k-pill);background:var(--k-card);font:600 var(--k-fs-sm)/1 var(--k-sans);color:var(--k-ink-2);cursor:pointer;transition:all var(--k-t-fast) var(--k-ease)}
.li-k-chip:hover{border-color:rgba(var(--k-a-rgb),.45);color:var(--k-a-deep)}
.li-k-chip.is-on,.li-k-chip[aria-pressed=true]{background:var(--k-a-soft);border-color:var(--k-a);color:var(--k-a-deep)}
.li-k-chip.is-on::before{content:"✓";font-weight:800}

/* ---------- 9. Pastilles : statut, étiquette, marque ---------------------- */
.li-k-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--k-pill);font:700 var(--k-fs-xs)/1.2 var(--k-sans);white-space:nowrap}
.li-k-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}
.li-k-pill--ok{color:var(--k-ok);background:var(--k-ok-bg)}
.li-k-pill--wait{color:var(--k-wait);background:var(--k-wait-bg)}
.li-k-pill--err{color:var(--k-err);background:var(--k-err-bg)}
.li-k-pill--info{color:var(--k-info);background:var(--k-info-bg)}
/* KIT-FERMER-1710 — RÈGLE : un message d'information non bloquant peut se fermer par une croix à droite (li-k-notice--fermable + a.li-k-notice__x) ; la fermeture est mémorisée pour le membre. */
.li-k-notice--fermable{position:relative;padding-right:46px!important}.li-k-notice__x{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;border-radius:999px;font:400 22px/1 var(--k-sans,Inter,sans-serif);color:inherit!important;text-decoration:none!important;opacity:.7}.li-k-notice__x:hover,.li-k-notice__x:focus-visible{opacity:1;background:rgba(0,0,0,.06)}
.li-k-pill--neutral{color:var(--k-ink-2);background:var(--k-cream-2)}
.li-k-tag{display:inline-flex;align-items:center;padding:5px 11px;border-radius:var(--k-pill);background:var(--k-a-soft);color:var(--k-a-deep);font:800 .68rem/1 var(--k-sans);letter-spacing:.06em;text-transform:uppercase}
.li-k-mark{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--k-pill);font:700 var(--k-fs-xs)/1.2 var(--k-sans);white-space:nowrap}
.li-k-mark--premium{background:var(--k-premium);color:#fff}
.li-k-mark--pro{background:var(--k-pro);color:var(--k-pro-ink)}
.li-k-mark--offre{background:var(--k-a);color:#fff;text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}
.li-k-mark--une{background:#C47A14;color:#fff;text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}

/* ---------- 10. Surfaces : carte, encadré, médaillon ---------------------- */
.li-k-card{background:var(--k-card);border:1px solid var(--k-line);border-radius:var(--k-r);padding:var(--k-s5);box-shadow:var(--k-sh-xs);transition:transform var(--k-t) var(--k-ease),box-shadow var(--k-t) var(--k-ease),border-color var(--k-t)}
.li-k-card--link{display:block;color:inherit;text-decoration:none;cursor:pointer}
.li-k-card--link:hover{transform:translateY(-3px);box-shadow:var(--k-sh-md);border-color:rgba(var(--k-a-rgb),.25)}
.li-k-box{background:var(--k-box-bg);border:1px solid var(--k-line);border-radius:var(--k-r);padding:var(--k-s5) 22px 22px;margin:0 0 26px;box-shadow:var(--k-el-1)}
.li-k-box__head{display:flex;align-items:center;gap:var(--k-s3);margin:0 0 var(--k-s3)}
.li-k-box__title{font:600 1.35rem/1.2 var(--k-serif);color:var(--k-ink);margin:0}
.li-k-box__aside{margin-left:auto}
.li-k-box__sub{font:400 var(--k-fs-md)/1.55 var(--k-sans);color:var(--k-mute);margin:0 0 var(--k-s4)}
@media (max-width:640px){.li-k-box{padding:16px 14px 18px}}
.li-k-ico{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;font-size:1.05rem;background:rgba(var(--k-a-rgb),.1);color:var(--k-a-deep)}
.li-k-ico--grad{background:var(--k-a-grad2);color:#fff;box-shadow:0 6px 14px -6px rgba(var(--k-a-rgb,238,61,111),.6)} /* KIT-V3-1710 : une seule ombre de tuile */
.li-k-ico--gold{background:rgba(208,134,30,.15);color:var(--k-gold-deep)}
.li-k-ico i{font-size:inherit!important;width:auto!important;height:auto!important;line-height:1!important;color:inherit!important;margin:0!important}
.li-k-medal{display:grid;place-items:center;width:120px;height:120px;border-radius:34px;background:var(--k-a-grad2);color:#fff;font-size:2.8rem;box-shadow:0 18px 40px -20px rgba(36,23,38,.45);transform:rotate(-4deg);transition:transform var(--k-t-slow) var(--k-ease)}
.li-k-medal:hover{transform:rotate(0)}
.li-k-medal i{font-size:inherit!important;width:auto!important;height:auto!important;line-height:1!important;color:#fff!important;margin:0!important}
@media (max-width:860px){.li-k-medal{width:92px;height:92px;font-size:2.1rem;border-radius:26px}}

/* ---------- 11. En-tête d'espace + indicateurs --------------------------- */
.li-k-hero{display:grid;grid-template-columns:1fr auto;gap:var(--k-s6);align-items:center;padding:var(--k-s7);border-radius:var(--k-r-xl);background:linear-gradient(135deg,var(--k-a-soft),#FFF 70%);border:1px solid var(--k-a-line)}
.li-k-hero__txt{display:flex;flex-direction:column;gap:var(--k-s3);min-width:0}
@media (max-width:700px){.li-k-hero{grid-template-columns:1fr;padding:var(--k-s5)}.li-k-hero .li-k-medal{display:none}}
.li-k-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--k-s3)}
.li-k-kpi{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:var(--k-r-sm);background:var(--k-card);border:1px solid var(--k-line);text-decoration:none;transition:border-color var(--k-t-fast),transform var(--k-t) var(--k-ease)}
a.li-k-kpi:hover{border-color:rgba(var(--k-a-rgb),.35);transform:translateY(-2px)}
.li-k-kpi__n{font:600 1.7rem/1 var(--k-serif);color:var(--k-ink);font-variant-numeric:tabular-nums}
.li-k-kpi__l{font:700 var(--k-fs-xs)/1.2 var(--k-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--k-mute)}
.li-k-kpi.is-on{border-color:var(--k-a);background:var(--k-a-soft)}
.li-k-kpi.is-on .li-k-kpi__n{color:var(--k-a-deep)}

/* ---------- 12. Retours : notices, état vide, toast, infobulle ------------ */
.li-k-notice{display:flex;gap:var(--k-s3);align-items:flex-start;padding:12px 16px;border-radius:var(--k-r-sm);border:1px solid;font:400 var(--k-fs-md)/1.5 var(--k-sans)}
.li-k-notice b{font-weight:700}
.li-k-notice--ok{color:#145C37;background:var(--k-ok-bg);border-color:#BFE8CF}
.li-k-notice--wait{color:#6E4800;background:var(--k-wait-bg);border-color:#F0D9A6}
.li-k-notice--err{color:#8C1C13;background:var(--k-err-bg);border-color:#F4C7C3}
.li-k-notice--info{color:#173E96;background:var(--k-info-bg);border-color:#CCDAFB}
.li-k-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--k-s3);padding:var(--k-s7) var(--k-s5);border:1px dashed #E6D6CC;border-radius:var(--k-r);background:var(--k-cream)}
.li-k-empty .li-k-ico{width:52px;height:52px;border-radius:16px;font-size:1.3rem}
.li-k-empty__t{font:600 var(--k-fs-lg)/1.3 var(--k-serif);color:var(--k-ink);margin:0}
.li-k-empty__p{font:400 var(--k-fs-md)/1.55 var(--k-sans);color:var(--k-mute);margin:0;max-width:46ch}
.li-k-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:9999;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--k-pill);background:var(--k-ink);color:#fff;font:600 var(--k-fs-md)/1.2 var(--k-sans);box-shadow:var(--k-sh-lg);transform:translate(-50%,140%);opacity:0;transition:transform var(--k-t-slow) var(--k-ease),opacity var(--k-t)}
.li-k-toast.is-on{transform:translate(-50%,0);opacity:1}
.li-k-toast__ok{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#2BB673;font-size:.75rem}
.li-k-tip{position:relative;display:inline-flex}
.li-k-tip__b{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);width:max-content;max-width:260px;padding:10px 12px;border-radius:var(--k-r-sm);background:var(--k-ink);color:#fff;font:400 var(--k-fs-sm)/1.45 var(--k-sans);box-shadow:var(--k-sh-md);opacity:0;pointer-events:none;transition:opacity var(--k-t-fast),transform var(--k-t-fast) var(--k-ease)}
.li-k-tip__b::after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border:6px solid transparent;border-top-color:var(--k-ink)}
.li-k-tip:hover .li-k-tip__b,.li-k-tip:focus-within .li-k-tip__b{opacity:1;transform:translate(-50%,0)}

/* ---------- 13. Structure : accordéon, tableau, modale ------------------- */
.li-k-acc{border:1px solid var(--k-line);border-radius:var(--k-r-sm);background:var(--k-card);overflow:hidden}
.li-k-acc+.li-k-acc{margin-top:var(--k-s2)}
.li-k-acc>summary{list-style:none;display:flex;align-items:center;gap:var(--k-s3);padding:14px 18px;font:700 var(--k-fs-base)/1.35 var(--k-sans);color:var(--k-ink);cursor:pointer;transition:background var(--k-t-fast)}
.li-k-acc>summary::-webkit-details-marker{display:none}
.li-k-acc>summary::after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid var(--k-mute);border-bottom:2px solid var(--k-mute);transform:rotate(45deg);transition:transform var(--k-t) var(--k-ease)}
.li-k-acc[open]>summary::after{transform:rotate(-135deg)}
.li-k-acc>summary:hover{background:var(--k-cream)}
/* ACC-1610 (règle du kit) : un contenu déplié commence TOUJOURS à 14 px sous son titre — jamais collé à la ligne du résumé. */
.li-faq__item[open]>summary+*:not(style):not(script){margin-top:12px}
.li-k-acc__body{padding:14px 18px 16px;font:400 var(--k-fs-md)/1.6 var(--k-sans);color:var(--k-ink-2)}
.li-k-table-wrap{overflow-x:auto;border:1px solid var(--k-line);border-radius:var(--k-r-sm);background:var(--k-card)}
.li-k-table{width:100%;border-collapse:collapse;font:400 var(--k-fs-md)/1.45 var(--k-sans);color:var(--k-ink-2)}
.li-k-table th{text-align:left;padding:12px 16px;font:800 var(--k-fs-xs)/1.2 var(--k-sans);letter-spacing:.05em;text-transform:uppercase;color:var(--k-mute);background:var(--k-cream);border-bottom:1px solid var(--k-line)}
.li-k-table td{padding:12px 16px;border-bottom:1px solid var(--k-line-2);font-variant-numeric:tabular-nums}
.li-k-table tr:last-child td{border-bottom:0}
.li-k-table tbody tr:hover td{background:#FFFCF8}
.li-k-modal{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;padding:var(--k-s4);background:rgba(36,23,38,.45);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity var(--k-t)}
.li-k-modal.is-on{opacity:1;pointer-events:auto}
.li-k-modal__in{width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--k-card);border-radius:var(--k-r-lg);padding:var(--k-s6);box-shadow:var(--k-sh-xl);transform:translateY(12px) scale(.98);transition:transform var(--k-t-slow) var(--k-ease)}
.li-k-modal.is-on .li-k-modal__in{transform:none}

/* ---------- 14. Navigation : fil d'Ariane, pagination, étapes ----------- */
.li-k-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font:400 var(--k-fs-sm)/1.4 var(--k-sans);color:var(--k-mute)}
.li-k-crumbs a{color:var(--k-mute);text-decoration:none}
.li-k-crumbs a:hover{color:var(--k-a-deep)}
.li-k-crumbs span[aria-hidden]{opacity:.5}
.li-k-pager{display:flex;gap:6px;align-items:center}
.li-k-pager a,.li-k-pager span{display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border-radius:var(--k-pill);font:700 var(--k-fs-md)/1 var(--k-sans);color:var(--k-ink-2);text-decoration:none;border:1px solid var(--k-line);background:var(--k-card);transition:all var(--k-t-fast)}
.li-k-pager a:hover{border-color:var(--k-a);color:var(--k-a-deep)}
.li-k-pager .is-current{background:var(--k-a-grad);border-color:transparent;color:#fff}
.li-k-steps{display:flex;gap:var(--k-s2);counter-reset:k}
.li-k-step{flex:1;display:flex;flex-direction:column;gap:8px;font:700 var(--k-fs-xs)/1.3 var(--k-sans);color:var(--k-mute);letter-spacing:.03em}
.li-k-step::before{content:"";height:5px;border-radius:5px;background:var(--k-line)}
.li-k-step.is-done,.li-k-step.is-current{color:var(--k-a-deep)}
.li-k-step.is-done::before{background:var(--k-a)}
.li-k-step.is-current::before{background:linear-gradient(90deg,var(--k-a) 50%,var(--k-line) 50%)}
.li-k-progress{height:8px;border-radius:var(--k-pill);background:var(--k-line);overflow:hidden}
.li-k-progress>span{display:block;height:100%;border-radius:inherit;background:var(--k-a-grad);transition:width var(--k-t-slow) var(--k-ease)}

/* ---------- 15. Personnes et chargement ---------------------------------- */
.li-k-avatar{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--k-a-grad2);color:#fff;font:800 .9rem/1 var(--k-sans);overflow:hidden;flex:none}
.li-k-avatar img{width:100%;height:100%;object-fit:cover}
.li-k-avatar{position:relative;background-size:cover;background-position:center}
.li-k-avatar>img{position:absolute;inset:0;border-radius:inherit}
.li-k-avatar--md{width:48px;height:48px;font-size:1rem}
.li-k-avatar--sm{width:28px;height:28px;font-size:.7rem}
.li-k-avatar--lg{width:64px;height:64px;font-size:1.3rem}
.li-k-skel{display:block;border-radius:var(--k-r-xs);background:linear-gradient(90deg,#F3EAE3 25%,#FBF5F0 50%,#F3EAE3 75%);background-size:200% 100%;animation:li-k-shine 1.3s linear infinite}
@keyframes li-k-shine{to{background-position:-200% 0}}
.li-k-spinner{display:inline-block;width:22px;height:22px;border-radius:50%;border:2.5px solid rgba(var(--k-a-rgb),.2);border-top-color:var(--k-a);animation:li-k-spin .7s linear infinite}

/* ---------- 16. Compteur, menu, bulle de message, recherche (KIT-0310 b) -- */
.li-k-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--k-pill);background:var(--k-a);color:#fff;font:800 .7rem/1 var(--k-sans);font-variant-numeric:tabular-nums}
.li-k-count--soft{background:rgba(var(--k-a-rgb),.12);color:var(--k-a-deep)}
.li-k-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--k-a);box-shadow:0 0 0 3px rgba(var(--k-a-rgb),.15)}
.li-k-menu{position:relative;display:inline-block}
.li-k-menu>summary{list-style:none;cursor:pointer}
.li-k-menu>summary::-webkit-details-marker{display:none}
.li-k-menu__pop{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:210px;padding:6px;background:var(--k-card);border:1px solid var(--k-line);border-radius:var(--k-r-sm);box-shadow:var(--k-sh-lg);animation:li-k-pop var(--k-t) var(--k-ease)}
.li-k-menu__item{display:flex!important;align-items:center;gap:10px;width:100%!important;margin:0!important;padding:10px 12px!important;border:0!important;border-radius:var(--k-r-xs)!important;background:none!important;box-shadow:none!important;font:600 var(--k-fs-md)/1.2 var(--k-sans)!important;color:var(--k-ink-2)!important;text-align:left!important;text-decoration:none;text-transform:none!important;letter-spacing:normal!important;height:auto!important;cursor:pointer}
.li-k-menu__item:hover{background:var(--k-a-soft)!important;color:var(--k-a-deep)!important}
.li-k-menu__item--danger{color:var(--k-err)!important}
.li-k-menu__item--danger:hover{background:var(--k-err-bg)!important;color:var(--k-err)!important}
.li-k-menu__sep{height:1px;margin:5px 4px;background:var(--k-line)}
@keyframes li-k-pop{from{opacity:0;transform:translateY(-4px)}}
.li-k-bubble{max-width:min(78%,560px);padding:11px 15px;border-radius:18px 18px 18px 6px;background:var(--k-card);border:1px solid var(--k-line);font:400 var(--k-fs-base)/1.5 var(--k-sans);color:var(--k-ink);box-shadow:var(--k-sh-xs);overflow-wrap:anywhere}
.li-k-bubble--me{margin-left:auto;border-radius:18px 18px 6px 18px;background:var(--k-a-soft);border-color:var(--k-a-line)}
.li-k-bubble__meta{display:block;margin-top:4px;font:400 var(--k-fs-xs)/1.3 var(--k-sans);color:var(--k-mute)}
.li-k-search{position:relative;display:block}
.li-k-search .li-k-input{padding-left:40px;border-radius:var(--k-pill)}
.li-k-search__i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--k-mute);font-size:.9rem;pointer-events:none}
.li-k-tab__short{display:none}
@media (max-width:700px){.li-k-tab__long{display:none}.li-k-tab__short{display:inline}}

/* KIT-MSG-0310 : bouton-icône compact et action destructive discrète (corbeille dans une liste). */
.li-k-btn--icon.li-k-btn--sm{width:36px!important;min-height:36px}
.li-k-btn--ghost.li-k-btn--tone-err{color:var(--k-mute)!important}
.li-k-btn--ghost.li-k-btn--tone-err:hover{background:var(--k-err-bg)!important;color:var(--k-err)!important}
.li-k-btn--ghost.li-k-btn--tone-mute{color:var(--k-mute)!important}
.li-k-btn--ghost.li-k-btn--tone-mute:hover{color:var(--k-a-deep)!important}
/* Onglets sur téléphone : compacts, pour tenir sur une ligne (comme l'ancienne messagerie). */
@media (max-width:640px){.li-k-tabs{gap:2px;padding:4px}.li-k-tab{min-height:38px;padding:0 10px;font-size:.82rem;gap:5px}}

/* ---------- 17. Pages éditoriales (KIT-PAGES-0310) ------------------------
 * Squelette commun : en-tête (.li-k-hero), « l'essentiel » (.li-k-ess), encadrés
 * (.li-k-box), questions (.li-k-acc), appel à l'action (.li-k-cta). */
.li-k-page{max-width:1080px;margin:0 auto;display:flex;flex-direction:column}
.li-k-page>.li-k-hero{margin:0 0 14px}
.li-k-page .li-k-medal{font-size:2.8rem}
.li-k-ess-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 26px}
.li-k-ess{display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:var(--k-card);border:1px solid var(--k-line);border-radius:var(--k-r);font:400 .9rem/1.5 var(--k-sans);color:var(--k-ink-2)}
.li-k-ess b{font:700 1rem/1.3 var(--k-sans);color:var(--k-ink)}
.li-k-ess__n{display:grid;place-items:center;width:32px;height:32px;margin-bottom:4px;border-radius:10px;background:var(--k-a-grad2);color:#fff;font:800 .9rem/1 var(--k-sans)}
.li-k-ess__n i{font-size:.95rem!important;width:auto!important;height:auto!important;line-height:1!important;color:#fff!important;margin:0!important}
.li-k-numlist{list-style:none;margin:0;padding:0;counter-reset:k-n;display:grid;gap:10px}
.li-k-numlist>li{counter-increment:k-n;position:relative;display:flex;flex-direction:column;gap:3px;margin:0;padding:12px 14px 12px 56px;background:var(--k-card);border:1px solid var(--k-line);border-radius:14px;font:400 .92rem/1.55 var(--k-sans);color:var(--k-ink-2)}
.li-k-numlist>li::before{content:counter(k-n);position:absolute;left:14px;top:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--k-a-grad2);color:#fff;font:800 .85rem/1 var(--k-sans)}
.li-k-numlist>li b{font-weight:700;color:var(--k-ink)}
.li-k-numlist[hidden],.li-k-panel[hidden],[data-k-panel-box][hidden]{display:none}
.li-k-box>.li-k-tabs{margin:0 0 16px}
.li-k-box .li-k-numlist+.li-k-notice{margin-top:14px}
.li-k-box .li-k-actions--start{justify-content:flex-end;margin-top:16px} /* BTN-DROITE-1710 : boutons à droite, comme partout */
.li-k-box .li-k-acc+.li-k-acc{margin-top:8px}
.li-k-links{display:flex;flex-wrap:wrap;gap:8px}
.li-k-links a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1.5px solid var(--k-line);border-radius:var(--k-pill);background:var(--k-card);font:600 .9rem/1.2 var(--k-sans);color:var(--k-ink);text-decoration:none;transition:border-color var(--k-t-fast),color var(--k-t-fast)}
.li-k-links a:hover{border-color:var(--k-a);color:var(--k-a-deep)}
.li-k-table td{vertical-align:top}
.li-k-table td.li-k-table__nowrap{white-space:nowrap;width:1%}
.li-k-table tr.li-k-table__group td{background:var(--k-cream);font:800 .7rem/1.2 var(--k-sans);letter-spacing:.05em;text-transform:uppercase;color:var(--k-mute);padding-top:9px;padding-bottom:9px}
.li-k-note{display:flex;gap:8px;align-items:flex-start;margin:14px 2px 0;font:400 var(--k-fs-sm)/1.5 var(--k-sans);color:var(--k-mute)}
.li-k-note i{color:var(--k-gold-deep);margin-top:3px}
.li-k-cta{text-align:center;padding:28px 18px;border-radius:var(--k-r-xl);background:linear-gradient(135deg,var(--k-a-soft),#fff 70%);border:1px solid var(--k-a-line)}
.li-k-cta .li-k-p{margin:8px auto 18px}
.li-k-cta .li-k-actions{justify-content:center}
@media (max-width:760px){
 .li-k-ess-grid{grid-template-columns:1fr}
 .li-k-table--stack thead{display:none}
 .li-k-table--stack,.li-k-table--stack tbody,.li-k-table--stack tr,.li-k-table--stack td{display:block;width:auto!important}
 .li-k-table--stack tr{padding:12px 14px;border-bottom:1px solid var(--k-line-2)}
 .li-k-table--stack td{padding:2px 0;border:0;white-space:normal!important}
 .li-k-table--stack td:first-child{margin-bottom:6px}
 .li-k-table--stack td:last-child{color:var(--k-mute);font-size:.85rem}
 .li-k-table--stack tr.li-k-table__group{padding:0}
 .li-k-table--stack tr.li-k-table__group td{padding:8px 14px}
 .li-k-box>.li-k-tabs .li-k-tab{white-space:normal;line-height:1.2;text-align:center;min-height:46px}
}

/* ---------- 18. Bouclier éditorial (KIT-PAGES-0310) -----------------------
 * Dans une page de contenu, le thème stylise TOUS les h1/h2, les listes <ol>
 * (pastilles numérotées) et souligne les liens. À l'intérieur d'un bloc .li-k,
 * les pièces du kit l'emportent — sinon chaque page devrait le contrer à la main. */
.li-k h1.li-k-h1,.li-k h2.li-k-box__title,.li-k h2.li-k-h3,.li-k h2.li-k-h2,.li-k p.li-k-lead,.li-k p.li-k-box__sub{margin:0!important;padding:0!important;letter-spacing:normal!important;text-transform:none!important;border:0!important}
.li-k h1.li-k-h1{font:600 var(--k-fs-h1)/1.1 var(--k-serif)!important;color:var(--k-ink)!important}
.li-k h2.li-k-box__title{font:600 1.35rem/1.2 var(--k-serif)!important;color:var(--k-ink)!important}
.li-k h2.li-k-h3{font:600 var(--k-fs-xl)/1.2 var(--k-serif)!important;color:var(--k-ink)!important}
.li-k h1.li-k-h1::before,.li-k h1.li-k-h1::after,.li-k h2.li-k-box__title::before,.li-k h2.li-k-box__title::after,.li-k h2.li-k-h3::before,.li-k h2.li-k-h3::after{content:none!important;display:none!important}
.li-k p.li-k-lead{font:400 1.08rem/1.6 var(--k-sans)!important;color:var(--k-ink-2)!important}
.li-k p.li-k-box__sub{margin:0 0 16px!important;font:400 var(--k-fs-md)/1.55 var(--k-sans)!important;color:var(--k-mute)!important}
.li-k .li-k-box__head{align-items:center!important;margin:0 0 14px!important}
.li-k ol.li-k-numlist{margin:0!important;padding:0!important;list-style:none!important}
.li-k ol.li-k-numlist>li{margin:0!important;padding:12px 14px 12px 56px!important;list-style:none!important}
.li-k ol.li-k-numlist>li::before{content:counter(k-n)!important;display:block!important;position:absolute!important;left:14px!important;top:12px!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:var(--k-a-grad2)!important;color:#fff!important;font:800 .85rem/28px var(--k-sans)!important;text-align:center!important;box-shadow:none!important;transform:none!important}
.li-k a.li-k-btn,.li-k .li-k-links a,.li-k a.li-k-card--link,.li-k a.li-k-kpi{text-decoration:none!important}
.li-k .li-k-acc>summary{margin:0!important}
.li-k .li-k-acc__body p{margin:0 0 8px}
.li-k table.li-k-table th,.li-k table.li-k-table td{padding:12px 16px!important;border-left:0!important;border-right:0!important}
.li-k table.li-k-table{margin:0!important;border:0!important}
@media (max-width:760px){.li-k table.li-k-table--stack td{padding:2px 0!important}.li-k table.li-k-table--stack tr.li-k-table__group td{padding:8px 14px!important}}

/* KIT-MSG-0310 : le thème force la TAILLE des boutons de formulaire (police, hauteur,
   marges) ; le bouclier couvre aussi les tailles, pour que deux boutons du kit identiques
   le soient partout, dans un formulaire ou non. */
.li-k-btn{font-size:var(--k-fs-md)!important;line-height:1!important;min-height:44px!important;padding:0 22px!important}
.li-k-btn.li-k-btn--sm{font-size:var(--k-fs-sm)!important;min-height:36px!important;padding:0 14px!important}
.li-k-btn.li-k-btn--lg{font-size:var(--k-fs-base)!important;min-height:52px!important;padding:0 28px!important}
.li-k-btn.li-k-btn--ghost{padding:0 14px!important}
.li-k-btn.li-k-btn--icon{padding:0!important;width:44px!important}
.li-k-btn.li-k-btn--icon.li-k-btn--sm{width:36px!important}
/* KIT-MSG-0310 : le dégradé d'un bouton part du bord EXTÉRIEUR. Sinon, sous la bordure
   transparente, il se répète et dessine un liseré foncé sur le bord gauche. */
.li-k-btn{background-origin:border-box!important;background-clip:border-box!important}
/* Espacements (03/10) : la note sous un tableau ne colle plus ; une grille de tuiles en fin d’encadré ne double pas la marge basse. */
.li-k .li-k-table-wrap + .li-k-note{margin-top:14px}
.li-k-box > .li-k-ess-grid:last-child{margin-bottom:0}

/* ---------- 5b. Anciens boutons rangés sur le kit (BOUTONS-0310) ---------
   Les boutons écrits avant le kit (li-btn, li-es-btn, li-cmp__btn, boutons
   HivePress…) prennent ICI les mêmes formes et couleurs que .li-k-btn : 5 rôles
   (principal, Premium doré, secondaire, discret, suppression), 3 tailles
   (36 / 44 / 52 px), toujours en pilule. Les couleurs viennent des jetons du kit,
   donc suivent l'univers (rose Logement, violet Travail) sans règle de plus.
   Exception assumée : le bouton de l'en-tête (.li-hdr), intouchable. */
:is(.li-btn,.li-es-btn,.li-vs-btn,.li-cmp__btn,.li-sl-nudge__go,.li-myl-act--primary,[class*="hp-form__action--li-noti"],.li-upsell__cta,.hp-listing__action--message,.hp-form__button.button-primary,.hp-field--button,.li-alert-item .hp-button):not(.li-hdr *){
	min-height:44px!important;height:auto!important;padding-block:0!important;padding-inline:22px!important;border-radius:var(--k-pill)!important;border-width:1.5px!important;border-style:solid!important;
	font:700 var(--k-fs-md)/1.15 var(--k-sans)!important;letter-spacing:normal!important;text-transform:none!important;text-shadow:none!important;
	display:inline-flex;align-items:center;justify-content:center;gap:8px;background-origin:border-box!important;
	transition:transform var(--k-t-fast) var(--k-ease),box-shadow var(--k-t) var(--k-ease),background-color var(--k-t-fast),border-color var(--k-t-fast)
}
/* Tailles */
:is(.li-dcard__reply,.li-nc__markall,.li-alert-item .hp-button,.li-btn--sm,.li-myl-act--primary):not(.li-hdr *){min-height:36px!important;padding-inline:14px!important;font-size:var(--k-fs-sm)!important}
.hp-listing__action--message.hp-listing__action--message:not(.li-hdr *){min-height:52px!important;padding-inline:28px!important;font-size:var(--k-fs-base)!important}
/* Principal */
:is(.li-btn--primary,.li-btn--rasp,.li-btn--velvet,.li-btn--publish,.li-es-btn:not(.li-es-btn--ghost),.li-cmp__btn--velvet,.hp-listing__action--message,.hp-form__button.button-primary,.hp-field--button,.li-alert-item__see,.li-onb__cta,.li-sl-nudge__go,.li-myl-act--primary,.li-vs-btn):not(.li-hdr *){
	background:var(--k-a-grad)!important;color:#fff!important;border-color:transparent!important;box-shadow:var(--k-sh-cta)!important}
:is(.li-btn--primary,.li-btn--rasp,.li-btn--velvet,.li-btn--publish,.li-es-btn:not(.li-es-btn--ghost),.li-cmp__btn--velvet,.hp-listing__action--message,.hp-form__button.button-primary,.hp-field--button,.li-alert-item__see,.li-onb__cta,.li-sl-nudge__go,.li-myl-act--primary,.li-vs-btn):not(.li-hdr *):hover{
	transform:translateY(-1px);box-shadow:0 10px 28px rgba(var(--k-a-rgb),.4)!important;color:#fff!important}
/* Premium : le doré ne sert qu'à vendre Premium */
:is(.li-cmp__btn--brass,.li-upsell__cta,.li-btn[href$="/tarifs/"]:not([class*="li-btn--"])):not(.li-hdr *){
	background:var(--k-premium)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 6px 22px rgba(168,106,18,.32)!important}
:is(.li-cmp__btn--brass,.li-upsell__cta,.li-btn[href$="/tarifs/"]:not([class*="li-btn--"])):not(.li-hdr *):hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(168,106,18,.4)!important;color:#fff!important}
/* Secondaire */
:is(.li-btn--rasp-outline,.li-btn--publish-soft,.li-es-btn--ghost,.li-cmp__btn--ghost,[class*="hp-form__action--li-noti"]):not(.li-hdr *):not(#li-k-x){
	background:var(--k-card)!important;color:var(--k-a-deep)!important;border-color:rgba(var(--k-a-rgb),.35)!important;box-shadow:none!important}
:is(.li-btn--rasp-outline,.li-btn--publish-soft,.li-es-btn--ghost,.li-cmp__btn--ghost,[class*="hp-form__action--li-noti"]):not(.li-hdr *):not(#li-k-x):hover{background:var(--k-a-soft)!important;border-color:var(--k-a)!important}
/* Discret */
.li-btn--ghost:not(.li-hdr *):not(#li-k-x){background:transparent!important;color:var(--k-a-deep)!important;border-color:transparent!important;box-shadow:none!important;padding-inline:14px!important}
.li-btn--ghost:not(.li-hdr *):not(#li-k-x):hover{background:var(--k-a-soft)!important}
/* Suppression */
.li-alert-item .hp-button.hp-button--secondary{background:var(--k-card)!important;color:var(--k-err)!important;border-color:rgba(180,35,24,.3)!important;box-shadow:none!important}
.li-alert-item .hp-button.hp-button--secondary:hover{background:var(--k-err-bg)!important;border-color:var(--k-err)!important}
/* Le raccourci `background` ci-dessus remet l'origine au bord intérieur : sans ceci, un
   liseré sombre (dégradé répété) apparaît sur les bords des boutons à contour transparent. */
:is(.li-btn,.li-es-btn,.li-vs-btn,.li-cmp__btn,.li-sl-nudge__go,.li-myl-act--primary,[class*="hp-form__action--li-noti"],.li-upsell__cta,.hp-listing__action--message,.hp-form__button.button-primary,.hp-field--button,.li-alert-item .hp-button):not(.li-hdr *):not(#li-k-y){background-origin:border-box!important;background-clip:border-box!important}

/* ---------- 5c. Une seule largeur de contenu (COLONNE-0310) --------------
   Toutes les pages prennent la colonne du site (bords du logo et du menu),
   comme Mon compte et Logements. Avant : 6 largeurs (720 à 1216 px à 1280 de
   large) selon que la page passait par .li-page (860), .li-page--wide (1000),
   .li-k-page (1080) ou .li-lim (720). Plafond commun 1216 px sur grand écran.
   Sur téléphone, rien ne change : tout était déjà aligné. */
@media (min-width:768px){
	.li-page,.li-page.li-page--wide,.li-k-page{max-width:var(--li-col,1216px)!important;width:100%!important;margin-inline:auto!important;padding-inline:0!important;box-sizing:border-box}
	.li-page .li-lim{max-width:var(--li-col,1216px)!important;width:100%!important;margin-inline:auto!important;box-sizing:border-box} /* LIM-MARGE-0610 : l'encadré garde sa marge intérieure (contenu collé aux bords sinon). */
	.li-page .li-page,.li-page .li-k-page{max-width:none!important}
	.page__text > .li-es,.page__text > .li-k{max-width:var(--li-col,1216px);margin-inline:auto}
}

/* ---------- 5d. En-tête unique (ENTETE-0310) ------------------------------
   .li-k-hero = même dessin que .li-es-hero (Demandes, Mon compte…) : carte à
   dégradé doux, pastille à icône, titre serif, médaillon 120 px incliné. */
.li-k-hero{padding:clamp(22px,4vw,40px)!important;border-radius:32px!important;gap:26px 36px!important;
	background:radial-gradient(700px 320px at 100% 0%,rgba(var(--k-a-rgb),.2),transparent 62%),linear-gradient(160deg,#FFFFFF,var(--k-a-soft))!important; /* ENTETE-ROSE-2010 : plus de dégradé jaune en bas à gauche */
	border:1px solid var(--k-a-line)!important;box-shadow:0 14px 40px -24px rgba(36,23,38,.28)}
.li-k-hero .li-k-eyebrow{align-self:flex-start;padding:5px 12px;border-radius:999px;font-size:.74rem;letter-spacing:.05em;background:var(--k-a-soft);border:1px solid var(--k-a-line)}
.li-k-hero .li-k-h1{font-size:clamp(2rem,4.2vw,2.9rem)!important;line-height:1.04!important;margin:4px 0 0!important}
.li-k-hero .li-k-lead{font-size:1.03rem;line-height:1.6;color:var(--k-mute)}
.li-k-hero__txt{gap:10px!important}
@media (max-width:520px){.li-k-hero{border-radius:24px!important}}

/* KIT-V3-1710 — RÈGLE : un seul bouton plein (li-k-btn--primary) par encart ; les autres actions en contour (--secondary) ou en lien (--ghost). Contrôle : controle-surfaces.sh. */
/* Médaillons d'en-tête : UN seul dessin pour tous (li-pgk-art, li-msg-art, li-dsp-art…).
   Avant : 7 variantes (tailles 120 à 165 px, bleu sur Vérification, cloche dessinée). */
.li-es-hero__side > :is(.li-pgk-art,.li-eqe-art,.li-dsp-art,.li-docs-art,.li-fav-art,.li-msg-art,.li-vs-art,.li-nc-art){
	display:grid!important;place-items:center!important;position:relative;width:120px!important;height:120px!important;margin:0 0 0 auto!important;padding:0!important;border-radius:34px!important;
	background:var(--k-a-grad2)!important;color:#fff!important;font-size:2.8rem!important;box-shadow:0 14px 30px -16px rgba(var(--k-a-rgb),.55)!important;transform:rotate(-4deg)!important; /* KIT-V3-1710 : 120 px, ombre douce, inclinaison gardée */border:0!important}
.li-es-hero__side > * :is(i,svg){font-size:inherit!important;width:1em!important;height:1em!important;color:#fff!important;fill:currentColor;margin:0!important;line-height:1!important}
.li-es-hero__side > .li-vs-art > :not(i):not(svg){display:contents}
.li-nc-art .li-nc-art__l{display:none!important}
.li-nc-art .li-nc-art__cloche{display:grid;place-items:center;position:static!important;background:none!important;box-shadow:none!important;width:auto!important;height:auto!important;transform:none!important}
.li-nc-art .li-nc-art__cloche b{position:absolute;top:-8px;right:-8px;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:#fff;color:var(--k-a-deep);font:800 .9rem/30px var(--k-sans);box-shadow:0 6px 14px -6px rgba(0,0,0,.3);transform:rotate(4deg)}
@media (max-width:900px){.li-es-hero__side{display:none!important}}
/* ---------- 5e. Espacements verticaux autour de l'en-tête (ESPACES-0310) ----
   Valeurs du modèle majoritaire (FAQ, Contact, Demandes…), mesurées :
   fil d'Ariane → en-tête 14 px (téléphone 24), en-tête → suite 42 px (30),
   interrupteur Me loger / Travailler → en-tête 24 px. Avant : de −6 à 88 px. */
.page__text > :is(.li-page,.li-page--wide){padding-top:20px!important}
.page__text > :is(.li-k-page,.li-es){margin-top:20px!important}
[data-li-cu] > :is(.li-k-page,.li-es,.li-page){margin-top:0!important;padding-top:0!important}
.li-cu-bar{margin-top:0!important;margin-bottom:24px!important}
.li-es-hero{margin-top:0!important;margin-bottom:42px!important}
.li-k-page > .li-k-hero{margin-top:0!important;margin-bottom:42px!important}
.li-cu-barwrap{padding-bottom:0!important}
@media (max-width:767px){
	.page__text > :is(.li-page,.li-page--wide){padding-top:18px!important}
	.page__text > :is(.li-k-page,.li-es){margin-top:24px!important}
	.li-es-hero{margin-bottom:30px!important}
	.li-k-page > .li-k-hero{margin-bottom:30px!important}
}
/* Le corps qui suit l'en-tête n'ajoute pas sa propre marge (Demander un logement : +6 px). */
.li-pgk-body{margin-top:0!important;padding-top:0!important}
.li-pgk-body > :first-child{margin-top:0!important}
/* Écrans du compte (HivePress) : depuis le fil d'Ariane, même départ que les autres pages. */
body:has(.li-bc) .hp-page.site-main{padding-top:20px!important}
body:has(.li-bc) .li-es-hero.li-msg-hero,body:has(.li-bc) .li-es-hero.li-myl-hero{margin-top:0!important}
@media (max-width:767px){body:has(.li-bc) .hp-page.site-main{padding-top:18px!important}}
/* Bulle envoyée : le dégradé couvre aussi le contour transparent (liseré sombre à gauche). */
.hp-message--sent .hp-message__content{background-origin:border-box!important}
/* ---------- 5f. Titres de section : trois niveaux (TITRES-0310) -------------
   Relevé du 03/10 : 20 styles (13 tailles de 17 à 46 px, encre / framboise /
   bordeaux, et du violet Travail sur une page Logement). Désormais, en Fraunces
   600, couleur encre :
     · section libre (posée sur la page) ........ 2rem  (32 px)
     · section d'encadré (titre + icône) ........ 1.35rem (22 px) = .li-k-box__title
     · titre de carte / sous-section ............ 1.15rem (18 px)
   L'accueil (titres d'affiche) et la fiche logement gardent leur échelle propre. */
:is(.li-pgk-body h2,.page__text .li-page > h2,.li-abo-acts__h,.li-rj__t,.li-svl__h):not(.screen-reader-text){
	font:600 var(--k-fs-2xl)/1.15 var(--k-serif)!important;color:var(--k-ink)!important;letter-spacing:-.01em;text-wrap:balance}
:is(.li-vstep__title h2,.li-myl-section__title,.li-k-box__title){font:600 1.35rem/1.2 var(--k-serif)!important;color:var(--k-ink)!important}
:is(.li-dl__body h3,.li-myl-card__title,.li-feature h3,.li-pgk-body h3,.li-abo h3,.li-hrs__title,.li-ical__title,.li-cmp h3,.page__text .li-page h3){
	font:600 var(--k-fs-lg)/1.3 var(--k-serif)!important;color:var(--k-ink)!important;letter-spacing:normal}
@media (max-width:767px){
	:is(.li-pgk-body h2,.page__text .li-page > h2,.li-abo-acts__h,.li-rj__t,.li-svl__h):not(.screen-reader-text){font-size:1.6rem!important}
}
/* Rattrapages (mesure du 03/10) : appel final du kit, Tarifs, Vérification, état vide. */
.page__text :is([data-li-cu] .li-page > h2,[data-li-cu] > h2,[data-li-cu] .li-pgk-body h2):not(.screen-reader-text){font:600 var(--k-fs-2xl)/1.15 var(--k-serif)!important;color:var(--k-ink)!important}
.page__text :is(.li-k-cta .li-k-h3,.li-vstep__title h2,.li-docs-empty h3){font:600 1.35rem/1.2 var(--k-serif)!important;color:var(--k-ink)!important}
@media (max-width:767px){.page__text :is([data-li-cu] .li-page > h2,[data-li-cu] > h2):not(.screen-reader-text){font-size:1.6rem!important}}

/* ---------- 5g. Encadrés : quatre rôles (ENCADRES-0310) ---------------------
   Relevé du 03/10 : 29 styles (arrondis 10 à 32 px, avec ou sans contour/ombre,
   fond blanc ou dégradé, marges 12 à 34 px). Échelle unique :
     en-tête / appel final 32 · encadré de section 26 · carte 20 · note 14. */
:is(.li-k-box,.li-pf-card,.li-avail.is-multi,.li-hrs,.li-ical,.li-onb,.li-conv,.li-res--compact,.li-qp__card,.li-lim,.li-plans--table,.li-cmp__scroll,.li-vstep){
	border-radius:26px!important;background:#fff!important;border:1px solid var(--k-line,var(--k4-line))!important;box-shadow:0 10px 30px -22px rgba(36,23,38,.35)!important}
:is(.li-k-box,.li-pf-card,.li-avail.is-multi,.li-hrs,.li-ical,.li-onb,.li-plans--table){padding:24px!important}
.li-qp__card--legal{background:#FFFCF6!important;border-color:rgba(208,134,30,.35)!important}
.li-qp__card.li-urgent-opt{border-color:rgba(208,134,30,.45)!important}
:is(.li-myl-card,.li-dl__card,.li-abo-card){border-radius:20px!important;border:1px solid var(--k-line,var(--k4-line))!important;box-shadow:0 6px 18px -14px rgba(36,23,38,.3)!important}
:is(.li-note,.li-sl-nudge,.li-upsell,.li-founder-banner,.li-docs-empty,.li-abo-empty){border-radius:14px!important;box-shadow:none!important}
@media (max-width:767px){
	:is(.li-k-box,.li-pf-card,.li-avail.is-multi,.li-hrs,.li-ical,.li-onb,.li-plans--table){padding:18px!important}
	:is(.li-k-box,.li-pf-card,.li-avail.is-multi,.li-hrs,.li-ical,.li-onb,.li-conv,.li-res--compact,.li-qp__card,.li-lim,.li-plans--table,.li-cmp__scroll,.li-vstep){border-radius:22px!important}
}
/* Rattrapages (mesure du 03/10) : calendrier multi-annonces, cartes de l'abonnement = encadrés, formulaire de demande. */
.page__text .li-avail.is-multi,.page__text .li-abo-card,.page__text .li-qp__card{border-radius:26px!important;border:1px solid var(--k-line,var(--k4-line))!important;box-shadow:0 10px 30px -22px rgba(36,23,38,.35)!important;padding:24px!important}
.page__text .li-qp__card.li-urgent-opt{border-color:rgba(208,134,30,.45)!important}
@media (max-width:767px){.page__text .li-avail.is-multi,.page__text .li-abo-card,.page__text .li-qp__card{border-radius:22px!important;padding:18px!important}}
/* ---------- 5h. Onglets harmonisés sur le dessin du profil (ONGLETS-0310, maquette validée) ----
   Rail unique : blanc, contour fin, ombre légère.
   · onglets de contenu (profil, Notifications, kit : Comment ça marche, messagerie…) :
     actif = teinte douce de l'univers + texte foncé de l'univers ;
   · interrupteurs (Me loger / Travailler, Liste / Carte, modes du calendrier) :
     actif = pastille en dégradé (inchangée). Texte Inter 700 13,5 px partout. */
:is(.li-pf-nav,.li-nc__tabs,.li-k-tabs:not(.li-k-tabs--line),.li-hu-switch,.li-mapx-seg,.li-avail__modes){
	background:#fff!important;border:1px solid var(--k-line,var(--k4-line))!important;box-shadow:0 4px 14px -10px rgba(36,23,38,.25)!important;padding:5px!important;gap:4px!important}
:is(.li-pf-nav,.li-nc__tabs,.li-k-tabs:not(.li-k-tabs--line)){border-radius:16px!important}
:is(.li-hu-switch,.li-mapx-seg,.li-avail__modes){border-radius:999px!important}
:is(.li-pf-nav,.li-nc__tabs,.li-k-tabs:not(.li-k-tabs--line),.li-hu-switch,.li-mapx-seg,.li-avail__modes) :is(a,button,.li-gl-item,.li-k-tab){
	min-height:36px!important;font:700 13.5px/1 var(--k-sans,Inter,sans-serif)!important;white-space:nowrap!important;letter-spacing:normal!important}
:is(.li-pf-nav,.li-nc__tabs,.li-k-tabs:not(.li-k-tabs--line)) :is(a,button,.li-gl-item,.li-k-tab){display:inline-flex!important;align-items:center;justify-content:center;padding:0 14px!important;border-radius:11px!important;color:#5D4A55!important;background:transparent!important}
:is(.li-hu-switch,.li-mapx-seg,.li-avail__modes) :is(a,button,.li-gl-item){padding:0 18px!important;border-radius:999px!important}
/* Contenu : l'actif en teinte douce (pastille glissante du kit et de onglets-glisse comprises). */
body :is(.li-pf-nav,.li-nc__tabs,.li-k-tabs:not(.li-k-tabs--line)) :is(a,button,.li-gl-item,.li-k-tab):is(.is-active,.li-gl-act,[aria-selected=true]){color:var(--k-a-deep)!important}
/* L'actif porte la teinte douce ; la pastille glissante (onglets-glisse.js) la recopie, puis rend l'onglet transparent. */
body :is(.li-pf-nav,.li-nc__tabs) :is(a,button,.li-gl-item):is(.is-active,.is-on,.active,[aria-selected=true],[aria-current]):not(.li-gl-act){background:var(--k-a-soft)!important}
.li-k-tabs:not(.li-k-tabs--line) .li-k-tabs__ind{background:var(--k-a-soft)!important;box-shadow:none!important;border-radius:11px!important}
:is(.li-pf-nav,.li-nc__tabs) .li-gl-pastille{background-image:none!important;box-shadow:none!important;border:0!important;border-radius:11px!important}
@media (max-width:640px){
	:is(.li-pf-nav,.li-nc__tabs,.li-k-tabs:not(.li-k-tabs--line)) :is(a,button,.li-gl-item,.li-k-tab){padding:0 11px!important;font-size:13px!important}
	:is(.li-hu-switch,.li-mapx-seg,.li-avail__modes) :is(a,button,.li-gl-item){padding:0 14px!important;font-size:13px!important}
}
/* Téléphone : deux onglets longs dans un encadré (Comment ça marche) passent sur deux lignes plutôt que d'être coupés. */
@media (max-width:640px){.li-k-box>.li-k-tabs .li-k-tab{white-space:normal!important;line-height:1.2!important;text-align:center;min-height:46px!important;flex:1 1 0!important}}
/* ---------- 5i. Pastilles : quatre familles (PASTILLES-0310, maquette validée) -----
   Couleurs et icônes de chaque badge INCHANGÉES : seules taille, graisse et forme
   s'alignent. Relevé du 03/10 : 28 styles. */
/* Badges de confiance — normal 26 px (fiche, profil, tableaux) */
:is(.li-tbadge,.li-status__chip,.li-k-mark){display:inline-flex!important;align-items:center;gap:6px;height:26px!important;min-height:0!important;padding:0 11px!important;border-radius:999px!important;font:700 13px/1 var(--k-sans,Inter,sans-serif)!important;letter-spacing:normal!important;text-transform:none!important;white-space:nowrap;box-sizing:border-box}
/* … compact 22 px (cartes d'annonce, accueil, demandes) */
/* Statuts — petites majuscules, fond teinté, sans contour */
:is(.li-myl-badge,.li-lim__st,.li-urgent-opt2__tag,.li-cmp__pill,.li-flag--featured,.li-lflag--featured,.li-flag--arr){display:inline-flex!important;align-items:center;gap:5px;height:22px!important;min-height:0!important;padding:0 10px!important;border-radius:999px!important;border:0!important;font:800 11px/1 var(--k-sans,Inter,sans-serif)!important;letter-spacing:.05em!important;text-transform:uppercase!important;white-space:nowrap;box-sizing:border-box}
/* Étiquettes — équipements, dates */
:is(.li-chip,.li-dchip){display:inline-flex!important;align-items:center;gap:6px;height:28px!important;min-height:0!important;padding:0 12px!important;border-radius:999px!important;border-width:1px!important;border-style:solid!important;font:600 12.5px/1 var(--k-sans,Inter,sans-serif)!important;white-space:nowrap;box-sizing:border-box}
/* Sur-titres d'en-tête */
:is(.li-es-eyebrow,.li-k-hero .li-k-eyebrow){display:inline-flex!important;align-items:center;gap:6px;height:28px!important;padding:0 12px!important;border-radius:999px!important;font:800 11.5px/1 var(--k-sans,Inter,sans-serif)!important;letter-spacing:.05em!important;text-transform:uppercase!important;box-sizing:border-box}
:is(.li-es-eyebrow,.li-k-hero .li-k-eyebrow) .hp-icon{font-size:11px!important;line-height:1!important;width:auto!important;height:auto!important;display:block!important;transform:translateY(-.5px)} /* KIT-V3-1710 : icône à la hauteur des capitales, centrée */
/* Téléphone : les badges de l'en-tête du compte prennent la taille compacte (sinon ils passaient sur deux lignes). */
@media (max-width:640px){.li-status__chip{height:22px!important;padding:0 9px!important;font-size:11.5px!important;gap:5px}}
/* Statuts d'annonce (STATUTS-0410, maquette validée) : vert = visible ; Brouillon / En pause
   neutres ; En attente JAUNE (distinct du doré Premium). Une icône dit pourquoi. */
.li-myl-badge--ok{background:#E3F4EC!important;color:#11734C!important}
.li-myl-badge--ok::before{content:"";width:6px;height:6px;border-radius:50%;background:#16A34A;box-shadow:0 0 0 2px rgba(22,163,74,.18);flex:none}
:is(.li-myl-badge--draft,.li-myl-badge--hidden){background:#EFE8E1!important;color:#4F433D!important}
.li-myl-badge--wait{background:#FFEFD0!important;color:#8F5B00!important;box-shadow:inset 0 0 0 1px rgba(240,169,46,.33)!important} /* « Miel clair », choisi le 04/10 */
:is(.li-myl-badge--draft,.li-myl-badge--hidden,.li-myl-badge--wait)::before{content:"";width:12px;height:12px;flex:none;background:currentColor;-webkit-mask:var(--li-st-ic) center/contain no-repeat;mask:var(--li-st-ic) center/contain no-repeat}
.li-myl-badge--draft{--li-st-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16z'/%3E%3C/svg%3E")}
.li-myl-badge--wait{--li-st-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h10M7 21h10M8 3c0 5 8 5 8 9s-8 4-8 9M16 3c0 5-8 5-8 9s8 4 8 9'/%3E%3C/svg%3E")}
.li-myl-badge--hidden{--li-st-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M9 5v14M15 5v14'/%3E%3C/svg%3E")}
/* Carte en pause : on estompe photo et textes, PAS le statut (il restait illisible). */
.li-myl-card--hidden{opacity:1!important}
.li-myl-card--hidden :is(.li-myl-card__media,.li-myl-card__title,.li-myl-card__meta,.li-myl-card__body > p){opacity:.6}
/* ---------- 5j. Actions des cartes de Mes annonces (ACTIONS-0410) ----------
   Une seule taille de texte (14 px, 700), une seule hauteur (42 px) pour TOUTES les
   actions d'une carte, principale comprise ; icône + texte centrés, jamais sur deux
   lignes. Les actions du menu passent une par ligne (en demi-largeur, « Visualiser
   l'annonce » ou « Mettre à la une — 2 € » se coupaient). */
.li-myl-card__acts :is(a,button,.li-myl-act,.li-myl-mitem):not(#li-k-z){height:42px!important;min-height:42px!important;padding:0 14px!important;gap:8px!important;font:700 14px/1 var(--k-sans,Inter,sans-serif)!important;letter-spacing:normal!important;text-transform:none!important;white-space:nowrap!important;justify-content:center!important;text-align:center!important;box-sizing:border-box!important;border-radius:999px!important}
.li-myl-card__acts :is(a,button) *{white-space:nowrap!important}
.li-myl-card__acts :is(a,button) > i{font-size:14px!important;width:auto!important}
.li-myl-card__acts .li-myl-menu__panel{grid-template-columns:1fr!important}
.li-myl-card__acts .li-myl-menu__panel > *{grid-column:1 / -1!important}
@media (max-width:420px){.li-myl-card__acts :is(a,button,.li-myl-act,.li-myl-mitem):not(#li-k-z){font-size:13px!important;padding:0 10px!important}}
/* ---------- 5k. « Mes modèles » en section de Mes documents (MM-SECTION-0410) ---------- */
.li-mm-row .li-mm-h2{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.li-mm-flag.li-mm-flag--inline{position:static!important;display:inline-flex!important;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:999px;font:700 13px/1 var(--k-sans,Inter,sans-serif);background:#22252B;color:#F5F1EA}
.li-mm-intro{margin:-4px 0 18px;color:var(--k-mute,var(--k4-mute));max-width:70ch}
/* La section « Mes modèles » prend le dessin des encadrés de section de la page (26 px, blanc, contour, ombre). */
.page__text section.li-mm{background:#fff;border:1px solid var(--k-line,var(--k4-line));border-radius:26px;box-shadow:0 10px 30px -22px rgba(36,23,38,.35);padding:24px;margin:0 0 22px}
@media (max-width:767px){.page__text section.li-mm{border-radius:22px;padding:18px}}
/* ---------- 5l. Petits écarts du contrôle élargi (ECARTS-0410) ----------------
   Titres et pastilles restés hors des règles, marges en trop sous l'en-tête. */
:is(.page__text > h2,.li-authgate__title,.li-wz__q):not(.screen-reader-text){font:600 var(--k-fs-2xl)/1.15 var(--k-serif)!important;color:var(--k-ink)!important;letter-spacing:-.01em}
@media (max-width:767px){:is(.page__text > h2,.li-authgate__title,.li-wz__q):not(.screen-reader-text){font-size:1.6rem!important}}
:is(.li-ip-card h2,.li-ong__h){font:600 1.35rem/1.2 var(--k-serif)!important;color:var(--k-ink)!important}
/* Pastilles : « Inscription gratuite » = sur-titre ; « Obligatoire » = statut ; séparateur de date = étiquette. */
.li-authgate__badge{display:inline-flex!important;align-items:center;gap:6px;height:28px!important;padding:0 12px!important;border-radius:999px!important;font:800 11.5px/1 var(--k-sans,Inter,sans-serif)!important;letter-spacing:.05em!important;text-transform:uppercase!important}
.li-vstep__tag{display:inline-flex!important;align-items:center;height:22px!important;padding:0 10px!important;border-radius:999px!important;border:0!important;font:800 11px/1 var(--k-sans,Inter,sans-serif)!important;letter-spacing:.05em!important;text-transform:uppercase!important}
.li-msg-day{height:28px!important;min-height:0!important;padding:0 12px!important;font:600 12.5px/28px var(--k-sans,Inter,sans-serif)!important;border-radius:999px!important}
/* Marges en trop sous l'en-tête : formulaire de demande (+6 px), titre de Mon abonnement (+7 px). */
.li-pgk-body form.li-qp{margin-top:0!important}
.li-abo > .li-abo-h-masque + h3{margin-top:0!important}
/* Deuxième passe (contrôle élargi du 04/10) */
:is(.li-docs-sec__head h3,.li-vs-card__t,.li-lim__h){font:600 1.35rem/1.2 var(--k-serif)!important;color:var(--k-ink)!important}
.li-mm-card h3{font:600 var(--k-fs-lg)/1.3 var(--k-serif)!important;color:var(--k-ink)!important}
:is(.li-mm-pill,.li-hpro-pill,.li-docs-sec__count,.li-vs-card__n){display:inline-flex!important;align-items:center;gap:5px;height:22px!important;min-height:0!important;padding:0 10px!important;border-radius:999px!important;border:0!important;font:800 11px/1 var(--k-sans,Inter,sans-serif)!important;letter-spacing:.05em!important;text-transform:uppercase!important;white-space:nowrap}
.li-hpro-flag{display:inline-flex!important;align-items:center;gap:6px;height:26px!important;padding:0 11px!important;border-radius:999px!important;font:700 13px/1 var(--k-sans,Inter,sans-serif)!important}
/* Le premier titre du corps n'ajoute pas sa marge à celle de l'en-tête (Répondre à une demande : +2 px). */
.li-pgk-body > :first-child > :first-child{margin-top:0!important}
body .page__text h2.li-lim__h:not(#li-k-z){font:600 1.35rem/1.2 var(--k-serif)!important;color:var(--k-ink)!important}
/* Profil public d'un hôte : nom = titre de carte (22 px) ; « Avis reçus » = titre de section (22 px dans la colonne étroite, comme un encadré). */
.single-hp_vendor .li-reviews__title{font:600 1.35rem/1.2 var(--k-serif)!important;color:var(--k-ink)!important}
/* Profil public (PROFIL-0410) : nom = titre de page ; annonces en 3 colonnes ; « Avis reçus » avec sa tuile d'icône. */
.single-hp_vendor .li-pvp-hero .li-pvp__nom{font:600 clamp(2rem,4.2vw,2.9rem)/1.04 var(--k-serif)!important;color:var(--k-ink)!important;letter-spacing:-.01em}
.single-hp_vendor .hp-page__content .hp-listings .hp-row{margin:0 -9px!important;row-gap:18px}
.single-hp_vendor .hp-page__content .hp-listings .hp-grid__item{padding:0 9px!important;margin:0!important}
@media (min-width:992px){.single-hp_vendor .hp-page__content .hp-listings .hp-grid__item{flex:0 0 33.333%!important;max-width:33.333%!important}}
.single-hp_vendor .li-reviews--profile .li-reviews__title{display:flex;align-items:center;gap:12px}
.single-hp_vendor .li-reviews--profile .li-reviews__title::before{content:"";flex:none;width:40px;height:40px;border-radius:13px;background:var(--k-a-grad2) }
.single-hp_vendor .li-reviews--profile .li-reviews__title{position:relative}
.single-hp_vendor .li-reviews--profile .li-reviews__title::after{content:"";position:absolute;left:10px;top:50%;width:20px;height:20px;margin-top:-10px;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1-4.4-4.3 6.1-.9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1-4.4-4.3 6.1-.9z'/%3E%3C/svg%3E") center/contain no-repeat}
.single-hp_vendor .hp-page__content .hp-page__title + * > :last-child,.single-hp_vendor .hp-page__content .hp-listings{margin-bottom:0!important}
.single-hp_vendor .hp-page__content .hp-pagination:not(:has(a,span)){display:none!important}
/* Profil sans annonce : l'état vide se fond dans l'encadré « Annonces de … » (pas d'encadré dans l'encadré). */
.single-hp_vendor .hp-page__content > .hp-page__title ~ .li-vnores.li-k-empty{background:#fff!important;border:1px solid var(--k-line,var(--k4-line))!important;border-top:0!important;border-radius:0 0 26px 26px!important;box-shadow:0 10px 30px -22px rgba(36,23,38,.35)!important;padding:6px 24px 26px!important;margin:0!important}
@media (max-width:767px){.single-hp_vendor .hp-page__content > .hp-page__title ~ .li-vnores.li-k-empty{padding:4px 18px 20px!important;border-radius:0 0 22px 22px!important}}
/* Espace entre les deux encadrés : 18 px, posé sur « Avis reçus » (indépendant du contenu au-dessus). */
.single-hp_vendor .hp-page__content .li-reviews--profile{margin-top:18px!important}
.single-hp_vendor .hp-page__content > .hp-page__title + *{margin-bottom:0!important}
.single-hp_vendor .li-reviews--profile + *{margin-top:14px}
/* Fiche logement : toutes les sections au même niveau (22 px), y compris « D'autres logements près de … »
   (20 px) ; les titres écrits en CSS (« À propos… », « Ce que propose… ») suivent la même taille. */
.single-hp_listing :is(.li-reviews__title,.li-map-title,.li-simi .hp-section__title),
.single-hp_listing .hp-listing--view-page .hp-listing__description::before,
.single-hp_listing .hp-listing--view-page .hp-listing__attributes--secondary::before{font:600 1.35rem/1.2 var(--k-serif)!important;color:var(--k-ink)!important;letter-spacing:normal}

/* ---------- 5m. États vides : un seul dessin, deux tailles (VIDES-0410, maquette validée) ----
   Tuile d'icône (médaillon en petit), titre, phrase, puis un ou deux boutons. */
:is(.li-k-empty,.li-empty){display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:10px!important;padding:28px 24px!important;background:#fff!important;border:1px solid var(--k-line,var(--k4-line))!important;border-radius:26px!important;box-shadow:0 10px 30px -22px rgba(36,23,38,.35)!important;max-width:none!important;color:var(--k-ink)}
:is(.li-k-empty .li-k-ico,.li-empty__icon){display:grid!important;place-items:center;width:56px!important;height:56px!important;border-radius:18px!important;margin:0 0 4px!important;background:var(--k-a-grad2)!important;color:#fff!important;font-size:1.4rem!important;box-shadow:0 12px 26px -14px rgba(var(--k-a-rgb),.6)!important}
:is(.li-k-empty .li-k-ico,.li-empty__icon) i{color:#fff!important}
:is(.li-k-empty__t,.li-empty__title){font:600 1.35rem/1.2 var(--k-serif)!important;color:var(--k-ink)!important;margin:0!important}
:is(.li-k-empty__p,.li-empty__text){font:400 15px/1.6 var(--k-sans)!important;color:var(--k-mute)!important;margin:0!important;max-width:46ch}
:is(.li-k-empty,.li-empty) .li-k-actions,.li-empty__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px}
.li-k-empty.li-k-empty--c{padding:18px!important;border-radius:20px!important;gap:6px!important}
.li-k-empty--c .li-k-ico{width:40px!important;height:40px!important;border-radius:13px!important;font-size:1rem!important}
.li-k-empty--c .li-k-empty__t{font-size:1.15rem!important}
.li-k-empty--c .li-k-empty__p{font-size:14px!important}
@media (max-width:767px){:is(.li-k-empty,.li-empty){padding:22px 18px!important;border-radius:22px!important}}
:is(.li-k-empty,.li-empty) a.li-k-btn,:is(.li-k-empty,.li-empty) a.li-btn{text-decoration:none!important}
/* ---------- 5n. Fiche logement : vrais titres + initiales (FICHE-0410) ---------- */
.hp-listing--view-page .hp-listing__description:has(> h2.li-fiche-h)::before,
.hp-listing--view-page .hp-listing__attributes--secondary:has(> h2.li-fiche-h)::before{content:none!important;display:none!important}
.hp-listing--view-page h2.li-fiche-h{font:600 1.35rem/1.2 var(--k-serif)!important;color:var(--k-ink)!important;margin:0 0 20px!important;letter-spacing:normal;max-width:none!important}
.hp-listing--view-page .hp-page__content > .hp-listing__description > h2.li-fiche-h{order:-1;flex:1 1 auto;grid-column:1!important;grid-row:1;align-self:center;margin-bottom:0!important}
.hp-listing--view-page .hp-page__content > .hp-listing__description:has(> h2.li-fiche-h) > .hp-listing__actions--secondary{align-self:center;margin-top:0!important;margin-bottom:0!important}
.hp-listing--view-page .hp-page__content > .hp-listing__description:has(> h2.li-fiche-h) > p:first-of-type{margin-top:20px}
@media (max-width:500px){.hp-listing--view-page .hp-page__content > .hp-listing__description > h2.li-fiche-h{margin-bottom:12px!important}}
/* Initiales de l'hôte sans photo (fiche, cartes) : même dessin que le profil public. */
.hp-vendor__image .li-av-ini{display:grid;place-items:center;width:100%;height:100%;aspect-ratio:1;border-radius:50%;background:var(--k-a-grad2,linear-gradient(135deg,var(--k4-a),#D0861E));color:#fff;font:600 2.4rem/1 var(--k-serif,Fraunces,serif);letter-spacing:.02em}
/* ---------- 5o. Carte d'annonce unique (CARTES-0410, maquette validée) ---------------
   Anatomie : photo 16:10 (pastilles en haut à gauche, actions rondes en haut à droite),
   type en statut neutre, titre Fraunces sur 2 lignes, voyageurs · couchages · m²,
   2 équipements pour artistes, hôte ; pied : prix + ville. Univers Logement seulement. */
body:not(.li-u-creation) .hp-listing--view-block{position:relative!important;display:flex!important;flex-direction:column!important;background:#fff!important;border:1px solid var(--k-line,var(--k4-line))!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 6px 18px -14px rgba(36,23,38,.3)!important;padding:0!important}
body:not(.li-u-creation) .hp-listing--view-block.hp-listing--featured{border-color:var(--k-line,var(--k4-line))!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__featured-badge,
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__details--primary,
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__attributes--secondary .hp-col-lg-6:has(> .hp-listing__attribute--arrangement),
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__attributes--secondary .hp-col-lg-6:has(> .hp-listing__attribute--type-bien){display:none!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__header{position:relative;margin:0!important;border-radius:0!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__image img{width:100%!important;height:auto!important;aspect-ratio:16/10;object-fit:cover;border-radius:0!important;display:block}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__content{display:flex!important;flex-direction:column;gap:8px;padding:14px 16px 12px!important;flex:1;margin:0!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__categories{margin:0!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__categories a{display:inline-flex!important;align-items:center;height:22px!important;padding:0 9px!important;border-radius:999px!important;background:#EFE8E1!important;color:#4F433D!important;border:0!important;font:800 10.5px/1 var(--k-sans,Inter,sans-serif)!important;letter-spacing:.05em!important;text-transform:uppercase!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__title{margin:0!important;font:600 1.15rem/1.3 var(--k-serif,Fraunces,serif)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__title a{color:var(--k-ink,var(--k4-ink))!important;text-decoration:none!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__attributes--secondary{margin:0!important;padding:0!important;border:0!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__attributes--secondary .hp-row{display:flex!important;flex-wrap:wrap;gap:4px 12px;margin:0!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__attributes--secondary .hp-row > div{flex:none!important;max-width:none!important;width:auto!important;padding:0!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__attributes--secondary .hp-listing__attribute{font:500 13px/1.4 var(--k-sans,Inter,sans-serif)!important;color:var(--k-mute,var(--k4-mute))!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
body:not(.li-u-creation) .hp-listing--view-block .li-card-equip{display:flex;flex-wrap:wrap;gap:6px;margin:0}
body:not(.li-u-creation) .hp-listing--view-block .li-card-host{margin-top:auto!important;padding-top:10px!important;border-top:1px solid #F1E9E2!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__footer{display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 14px!important;margin:0!important;border-top:1px solid #F1E9E2!important;background:#fff!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__footer .hp-listing__attributes--primary{display:flex!important;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:0!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__attribute--prix-nuit{font:600 1.2rem/1.2 var(--k-serif,Fraunces,serif)!important;color:var(--k-a-deep,var(--k4-a-deep))!important;margin:0!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__attribute--ville{display:inline-flex!important;align-items:center;gap:5px;font:600 13.5px/1.2 var(--k-sans,Inter,sans-serif)!important;color:var(--k-mute,var(--k4-mute))!important;margin:0!important;text-align:right}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__attribute--ville::before{content:"";width:13px;height:13px;flex:none;background:var(--k-a,var(--k4-a));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2'%3E%3Cpath d='M12 21s-7-6-7-11a7 7 0 0 1 14 0c0 5-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2'%3E%3Cpath d='M12 21s-7-6-7-11a7 7 0 0 1 14 0c0 5-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat}
/* Actions (contacter, favoris) : boutons ronds en haut à droite de la photo. */
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__actions--primary{position:absolute!important;top:10px;right:10px;display:flex!important;gap:6px;margin:0!important;z-index:3}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__actions--primary .hp-listing__action{width:34px!important;height:34px!important;border-radius:50%!important;display:grid!important;place-items:center;background:rgba(255,255,255,.92)!important;color:var(--k-a-deep,var(--k4-a-deep))!important;margin:0!important;box-shadow:0 4px 10px -6px rgba(0,0,0,.3)}
/* Pastilles de la photo : en haut à gauche, à l'écart des actions. */
body:not(.li-u-creation) .hp-listing--view-block :is(.li-boost-badges,.li-arr-flags){position:absolute!important;top:10px;left:10px;right:auto!important;z-index:2;display:flex;gap:6px;flex-wrap:wrap;max-width:calc(100% - 100px)}
body:not(.li-u-creation) .hp-listing--view-block .li-boost-badges + .li-arr-flags{top:38px}
/* Carte compacte : pages ville et « D'autres logements près de … ». */
body:not(.li-u-creation) .li-simi .hp-listing--view-block :is(.hp-listing__attributes--secondary,.li-card-equip,.li-card-host){display:none!important}
/* Ajustements après mesure : photo sans bande vide, pied en ligne, étiquettes roses, actions fixes. */
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__image{height:auto!important;min-height:0!important;padding:0!important;margin:0!important;line-height:0!important;background:none!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__image > a{display:block}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__footer .hp-listing__attributes--primary{flex-direction:row!important;align-items:center!important}
body:not(.li-u-creation) .hp-listing--view-block .li-card-equip .li-chip{height:26px!important;padding:0 10px!important;border:1px solid #F3C9D7!important;background:#FFF6F9!important;color:var(--k-a-deep,var(--k4-a-deep))!important;font:600 12px/1 var(--k-sans,Inter,sans-serif)!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__actions--primary .hp-listing__action:not(#li-k-z){width:34px!important;height:34px!important;min-height:0!important;padding:0!important;border:0!important;font-size:15px!important;background:rgba(255,255,255,.92)!important;color:var(--k-a-deep,var(--k4-a-deep))!important;box-shadow:0 4px 10px -6px rgba(0,0,0,.3)!important;transform:none!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__actions--primary .hp-listing__action i{color:inherit!important;margin:0!important}
.li-card-host__av.is-ini{display:grid!important;place-items:center;background:var(--k-a-grad2,linear-gradient(135deg,var(--k4-a),#D0861E))!important;color:#fff!important}
/* La photo garde un cadre 16:10 (le conteneur imposait 4:3 : bande vide sous l'image). */
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__image{aspect-ratio:16/10!important;overflow:hidden!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__image :is(a,.slick-list,.slick-track,.slick-slide,.slick-slide > div){height:100%!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__image img{height:100%!important;aspect-ratio:auto!important}
/* Initiales des hôtes : même dégradé que partout (profil, fiche). */
.li-card-host__av:not(.li-card-host__av--img){background:var(--k-a-grad2,linear-gradient(135deg,var(--k4-a),#D0861E))!important;color:#fff!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__title{min-height:0!important}

/* ===================================================================== */
/* 5p CHAMPS (CHAMPS-0410, maquette validée) : un seul champ partout —    */
/* 48 px, bordure 1,5 px beige, arrondi 12, texte 16 px ; framboise + halo */
/* à la saisie (violet sous Travail via --k-a), rouge en erreur. Les       */
/* contrôles composites (barre de recherche, pas à pas) ne sont pas visés. */
/* ===================================================================== */
:is(.hp-form__field,.li-ac-wrap,.hp-field--date,.li-verif-form,.li-ref-share,.li-k-field):not(.li-sfield):not(.li-nstep):not(.hp-form--listing-filter *) > :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=file]):not([type=range]),textarea):not(#li-k-z),
.li-k-input:not(#li-k-z),.li-k-select:not(#li-k-z),.li-k-textarea:not(#li-k-z){
	box-sizing:border-box!important;min-height:48px!important;padding:12px 14px!important;
	border:1.5px solid var(--k-line,var(--k4-line))!important;border-radius:12px!important;
	background-color:#fff!important;font-size:16px!important;line-height:1.4!important;
	color:var(--k-ink,var(--k4-ink))!important;box-shadow:none;transition:border-color .15s,box-shadow .15s}
/* ESPACES-2010 : le champ de recherche du kit garde la place de sa loupe (la règle commune ci-dessus imposait 14 px). */
.li-k-search .li-k-input:not(#li-k-z){padding-left:40px!important;border-radius:var(--k-pill)!important}
:is(.hp-form__field,.li-ac-wrap,.hp-field--date,.li-verif-form,.li-k-field):not(.li-sfield):not(.li-nstep) > textarea:not(#li-k-z):not(#li-k-y),.li-k-textarea:not(#li-k-z){min-height:120px!important}
.li-ref-share > input:not(#li-k-z){height:48px!important}
:is(.hp-form__field,.li-ac-wrap,.hp-field--date,.li-verif-form,.li-ref-share,.li-k-field):not(.li-sfield):not(.li-nstep):not(.hp-form--listing-filter *) > :is(input,textarea):not(#li-k-z)::placeholder{color:var(--k-faint,#8C7F8E)}
:is(.hp-form__field,.li-ac-wrap,.hp-field--date,.li-verif-form,.li-ref-share,.li-k-field):not(.li-sfield):not(.li-nstep):not(.hp-form--listing-filter *) > :is(input,textarea):not(#li-k-z):hover{border-color:#E2D2C8!important}
:is(.hp-form__field,.li-ac-wrap,.hp-field--date,.li-verif-form,.li-ref-share,.li-k-field):not(.li-sfield):not(.li-nstep):not(.hp-form--listing-filter *) > :is(input,textarea):not(#li-k-z):focus{outline:none!important;border-color:rgb(var(--k-a-rgb,238,61,111))!important;box-shadow:var(--k-ring,0 0 0 3px rgba(var(--k4-a-rgb),.18))!important}
:is(.hp-form__field,.li-k-field) > :is(input,textarea):not(#li-k-z):not(#li-k-y):is([aria-invalid=true],.hp-field--invalid,.is-error){border-color:var(--k-err,#B42318)!important;box-shadow:0 0 0 3px rgba(180,35,24,.12)!important}
:is(.hp-form__field,.li-k-field) > :is(input,textarea):not(#li-k-z):not(#li-k-y):is([disabled],[readonly]:not(.li-ref-share *)){background:#F7F2EE!important;color:var(--k-faint,#8C7F8E)!important;border-style:dashed!important}
/* Listes Select2 hors barre de recherche : même boîte. */
:not(.li-sfield) > .select2-container .select2-selection--single:not(#li-k-z){height:48px!important;min-height:48px!important;border:1.5px solid var(--k-line,var(--k4-line))!important;border-radius:12px!important;background-color:#fff!important}
:not(.li-sfield) > .select2-container .select2-selection--single:not(#li-k-z) .select2-selection__rendered{line-height:45px!important;font-size:16px!important;color:var(--k-ink,var(--k4-ink))!important}
:not(.li-sfield) > .select2-container .select2-selection--single:not(#li-k-z) .select2-selection__arrow{height:45px!important}
:not(.li-sfield) > .select2-container:is(.select2-container--focus,.select2-container--open) .select2-selection--single:not(#li-k-z){border-color:rgb(var(--k-a-rgb,238,61,111))!important;box-shadow:var(--k-ring,0 0 0 3px rgba(var(--k4-a-rgb),.18))!important}
/* Bouton « Sélectionner une image » : le label (overflow:hidden, pour cacher le champ fichier) coupait l’ombre du bouton en rectangle. */
.hp-field--attachment-upload > label:not(#li-k-z){border-radius:999px;display:inline-block;max-width:100%}

/* ===================================================================== */
/* 5q MESSAGES (MESSAGES-0410, maquette validée) : une seule pièce pour   */
/* les messages d'information. Bleu = information, vert = fait, miel =    */
/* attente/à faire, rouge = problème, framboise = accès réservé.          */
/* ===================================================================== */
:is(.li-note:not(.li-note--inline),.li-docs-notice,.li-abo-notice,.li-lock-notice,.li-k-notice):not(#li-k-z){
	--li-n-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E");
	position:relative!important;display:block!important;box-sizing:border-box;
	padding:14px 16px 14px 46px!important;border:1px solid #CCDAFB!important;border-radius:16px!important;
	background:#EEF3FF!important;color:#173E96!important;font:400 15px/1.5 var(--k-sans,Inter,sans-serif)!important;text-align:left}
:is(.li-note:not(.li-note--inline),.li-docs-notice,.li-abo-notice,.li-lock-notice,.li-k-notice):not(#li-k-z)::before{
	content:""!important;position:absolute!important;left:16px!important;top:15px!important;width:20px!important;height:20px!important;
	background:currentColor!important;-webkit-mask:var(--li-n-ic) center/contain no-repeat;mask:var(--li-n-ic) center/contain no-repeat;font:0/0 a!important;float:none!important;margin:0!important}
:is(.li-note,.li-docs-notice,.li-abo-notice,.li-lock-notice,.li-k-notice):not(#li-k-z) > i:first-child,
:is(.li-note,.li-docs-notice,.li-abo-notice,.li-lock-notice,.li-k-notice):not(#li-k-z) > .hp-icon:first-child{display:none!important}
:is(.li-note,.li-docs-notice,.li-abo-notice,.li-lock-notice,.li-k-notice):not(#li-k-z) :is(strong,b){color:inherit!important;font-weight:700}
:is(.li-note,.li-docs-notice,.li-abo-notice,.li-lock-notice,.li-k-notice):not(#li-k-z) a:not(.li-btn):not(.button):not([class*=btn]){color:inherit!important;font-weight:700;text-decoration:underline;text-underline-offset:3px}
/* Vert : c'est fait */
:is(.li-note--ok,.li-docs-notice:not(.li-docs-notice--warn),.li-k-notice--ok):not(#li-k-z):not(#li-k-y):not(.li-k-x):not(.li-k-x2){background:#EAFAF0!important;border-color:#BFE8CF!important;color:#145C37!important;
	--li-n-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
/* Miel : en attente ou à faire */
:is(.li-note--warn,.li-docs-notice--warn,.li-k-notice--wait):not(#li-k-z):not(#li-k-y):not(.li-k-x):not(.li-k-x2){background:#FFEFD0!important;border-color:#F0D9A6!important;color:#8F5B00!important;
	--li-n-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4l9 16H3z'/%3E%3Cpath d='M12 10v4M12 17h.01'/%3E%3C/svg%3E")}
/* Rouge : problème */
:is(.li-note--err,.li-note--error,.li-k-notice--err):not(#li-k-z):not(#li-k-y):not(.li-k-x):not(.li-k-x2){background:#FDECEC!important;border-color:#F4C7C3!important;color:#8C1C13!important;
	--li-n-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v6M12 16.5h.01'/%3E%3C/svg%3E")}
/* Framboise : accès réservé */
:is(.li-lock-notice,.li-note--rasp):not(#li-k-z):not(#li-k-y):not(.li-k-x):not(.li-k-x2){background:linear-gradient(135deg,#FFF1F5,#FFF7EE)!important;border-color:#F3C9D7!important;color:var(--k-a-deep,var(--k4-a-deep))!important;
	--li-n-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 018 0v3'/%3E%3C/svg%3E")}

/* ===================================================================== */
/* 5r FENETRES (FENETRES-0410, maquette validée) : un seul cadre —        */
/* arrondi 24, fond prune, fermer rond 40, titre Fraunces 24 ; sur        */
/* téléphone la fenêtre monte du bas.                                      */
/* ===================================================================== */
.fancybox-container:not(#li-k-z) .fancybox-bg{background:var(--k4-ink)!important}
.fancybox-is-open:not(#li-k-z) .fancybox-bg{opacity:.6!important}
:is(.li-dgate-modale,.li-doc-modal,.li-example-modal,.li-k-modal,.li-cnd-modale,.li-ha-modal) :is([class$="__backdrop"],[class*="__backdrop "]):not(#li-k-z){background:rgba(36,23,38,.6)!important}
:is(.hp-modal.fancybox-content,.li-dgate-modale__w,.li-doc-modal__box,.li-example-modal__box,.li-k-modal__in):not(#li-k-z){
	border-radius:24px!important;box-shadow:0 30px 70px -20px rgba(36,23,38,.55)!important;background:#fff!important}
.hp-modal.fancybox-content:not(#li-k-z){width:440px!important;max-width:calc(100vw - 32px)!important;padding:32px 28px 26px!important;overflow:visible}
:is(.hp-modal,.li-dgate-modale__w,.li-doc-modal__box,.li-example-modal__box,.li-k-modal__in):not(#li-k-z) :is(.hp-modal__title,[class*="-title"]):is(h2,h3,h4){
	font:600 24px/1.2 var(--k-serif,Fraunces,Georgia,serif)!important;color:var(--k-ink,var(--k4-ink))!important;margin:0 44px 18px!important;text-align:center;text-wrap:balance}
/* Bouton fermer : rond, 40 px, même place partout. */
:is(.hp-modal .fancybox-close-small,.li-dgate-modale__x,.li-doc-modal__close,.li-example-modal__close,.li-mapx-sheet__close):not(#li-k-z){
	position:absolute!important;top:14px!important;right:14px!important;width:40px!important;height:40px!important;padding:0!important;
	border-radius:50%!important;border:1px solid var(--k-line,var(--k4-line))!important;background:#fff!important;color:var(--k-ink,var(--k4-ink))!important;
	display:grid!important;place-items:center;opacity:1!important;box-shadow:none!important}
.hp-modal .fancybox-close-small:not(#li-k-z) svg{width:18px;height:18px;opacity:1}
:is(.hp-modal .fancybox-close-small,.li-dgate-modale__x,.li-doc-modal__close,.li-example-modal__close):not(#li-k-z):hover{border-color:#E2D2C8!important;background:#FBF7F3!important}
/* Formulaires dans les fenêtres : libellés comme ailleurs, un seul bouton principal. */
.hp-modal.fancybox-content:not(#li-k-z) .hp-form__label{text-transform:none!important;letter-spacing:normal!important;font:600 14px/1.3 var(--k-sans,Inter,sans-serif)!important;color:var(--k-ink,var(--k4-ink))!important}
.hp-modal.fancybox-content:not(#li-k-z) .hp-form__footer{display:flex;flex-direction:column;gap:14px;align-items:stretch}
.hp-modal.fancybox-content:not(#li-k-z) .hp-form__footer .hp-form__button{width:100%!important;margin:0!important}
.hp-modal.fancybox-content:not(#li-k-z) .hp-form__actions{display:flex;flex-direction:column-reverse;align-items:center;gap:8px;margin:0!important;text-align:center}
.hp-modal.fancybox-content:not(#li-k-z) .hp-form__action{margin:0!important;font:400 14px/1.4 var(--k-sans,Inter,sans-serif)!important;color:var(--k-mute,var(--k4-mute))!important}
.hp-modal.fancybox-content:not(#li-k-z) .hp-form__action--user-register a,
.hp-modal.fancybox-content:not(#li-k-z) a.hp-form__action{display:inline!important;height:auto!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;
	color:var(--k-a-deep,var(--k4-a-deep))!important;font:700 14px/1.4 var(--k-sans,Inter,sans-serif)!important;text-decoration:none}
.hp-modal.fancybox-content:not(#li-k-z) .hp-form__action--user-register a:hover,.hp-modal.fancybox-content:not(#li-k-z) a.hp-form__action:hover{text-decoration:underline!important}
/* Téléphone : la fenêtre monte du bas, pleine largeur. */
@media (max-width:767px){
	.fancybox-slide--html:not(#li-k-z){padding:0!important;display:flex!important;align-items:flex-end;justify-content:center}
	.fancybox-slide--html:not(#li-k-z)::before{display:none!important}
	.hp-modal.fancybox-content:not(#li-k-z){width:100%!important;max-width:100%!important;margin:0!important;border-radius:24px 24px 0 0!important;
		padding:34px 18px calc(22px + env(safe-area-inset-bottom,0px))!important;max-height:92vh;overflow:auto!important;vertical-align:bottom}
	.hp-modal.fancybox-content:not(#li-k-z)::before{content:"";position:absolute;top:10px;left:50%;width:42px;height:5px;margin-left:-21px;border-radius:9px;background:#E4D8D0}
	:is(.li-dgate-modale__w,.li-doc-modal__box,.li-example-modal__box,.li-k-modal__in):not(#li-k-z){border-radius:24px 24px 0 0!important;max-width:100%!important;width:100%!important;align-self:flex-end;margin:0!important}
	:is(.li-dgate-modale,.li-doc-modal,.li-example-modal,.li-k-modal):not(#li-k-z){align-items:flex-end!important;padding:0!important}
}

/* CONFIRM-0410 : fenêtre de confirmation du site (assets/js/confirm.js). */
.li-cfm{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(36,23,38,.6);opacity:0;transition:opacity .16s}
.li-cfm.is-in{opacity:1}
html.li-cfm-ouverte{overflow:hidden}
.li-cfm__box{position:relative;width:440px;max-width:100%;max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:24px;padding:28px 28px 24px;box-shadow:0 30px 70px -20px rgba(36,23,38,.55);display:flex;flex-direction:column;gap:14px;font-family:var(--k-sans,Inter,sans-serif);transform:translateY(10px);transition:transform .18s}
.li-cfm.is-in .li-cfm__box{transform:none}
.li-cfm__x{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:1px solid var(--k-line,var(--k4-line));background:#fff;display:grid;place-items:center;cursor:pointer;padding:0;color:var(--k-ink,var(--k4-ink))}
.li-cfm__x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.li-cfm__med{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#FFF1F5;color:var(--k-a-deep,var(--k4-a-deep))}
.li-cfm__med.is-danger{background:#FDECEC;color:#B42318}
.li-cfm__med svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.li-cfm__t{margin:0!important;padding-right:44px;font:600 22px/1.25 var(--k-serif,Fraunces,Georgia,serif)!important;color:var(--k-ink,var(--k4-ink))!important;text-wrap:balance}
.li-cfm__p{margin:0;font-size:15px;line-height:1.55;color:var(--k-mute,var(--k4-mute))}
.li-cfm__foot{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:6px}
.li-cfm__b{height:48px;padding:0 22px;border-radius:999px;font:700 15px/1 var(--k-sans,Inter,sans-serif);cursor:pointer;border:1.5px solid transparent}
.li-cfm__b--non{background:#fff;border-color:#E4D8D0;color:var(--k-ink,var(--k4-ink))}
.li-cfm__b--oui{background:var(--k-a-grad,linear-gradient(135deg,var(--k4-a),var(--k4-a-deep)));color:#fff}
.li-cfm__b--danger{background:#B42318;color:#fff}
.li-cfm__b:focus-visible,.li-cfm__x:focus-visible{outline:none;box-shadow:var(--k-ring,0 0 0 3px rgba(var(--k4-a-rgb),.25))}
@media (max-width:767px){
	.li-cfm{align-items:flex-end;padding:0}
	.li-cfm__box{width:100%;max-height:92vh;border-radius:24px 24px 0 0;padding:34px 18px calc(22px + env(safe-area-inset-bottom,0px));transform:translateY(30px)}
	.li-cfm__box::before{content:"";position:absolute;top:10px;left:50%;width:42px;height:5px;margin-left:-21px;border-radius:9px;background:#E4D8D0}
	.li-cfm__foot{flex-direction:column-reverse}
	.li-cfm__b{width:100%}
}
@media (prefers-reduced-motion:reduce){.li-cfm,.li-cfm__box{transition:none}}

/* Carte d’annonce : pas de bulle « conversation » sur la photo, seulement le cœur des favoris (décision du 04/10). */
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__actions--primary :is(.hp-listing__action--message,[class*="message"],a[href*="message"]):not(#li-k-z):not(#li-k-y){display:none!important}

/* Cartes d’annonce : pas de badge « Échange possible » sur la photo (décision du 04/10). */
:is(.hp-listing--view-block,.li-lcard,.li-svl__c) .li-flag--arr:has(.fa-exchange-alt):not(#li-k-z){display:none!important}

/* URGENT 04/10 : la photo suit l'arrondi de la carte ; aucun bouton (message, favori) sur la photo. */
body:not(.li-u-creation) .hp-listing--view-block:not(#li-k-z){overflow:hidden!important;isolation:isolate;clip-path:inset(0 round 20px)}
body:not(.li-u-creation) .hp-listing--view-block:not(#li-k-z) :is(.hp-listing__header,.hp-listing__image,.li-lslider,.li-lslider__track,.li-lslide,.hp-listing__image img){border-radius:20px 20px 0 0!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__actions--primary:not(#li-k-z):not(#li-k-y){display:none!important}
:is(.li-card-host__badge,.li-badge,.li-dbadge,.li-flag--premium,.li-lcard .li-tbadge,.li-dcard .li-tbadge){display:inline-flex!important;align-items:center;gap:5px;height:22px!important;min-height:0!important;padding:0 9px!important;border-radius:999px!important;font:700 11.5px/1 var(--k-sans,Inter,sans-serif)!important;letter-spacing:normal!important;text-transform:none!important;white-space:nowrap;box-sizing:border-box}
/* Carte de l'accueil (.li-lcard) : même anatomie. */
.li-lcard{display:flex!important;flex-direction:column!important;background:#fff!important;border:1px solid var(--k-line,var(--k4-line))!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 6px 18px -14px rgba(36,23,38,.3)!important;color:var(--k-ink,var(--k4-ink))!important;text-decoration:none!important}
.li-lcard .li-lcard__img{position:relative;aspect-ratio:16/10!important;height:auto!important;border-radius:0!important;overflow:hidden}
.li-lcard .li-lcard__img :is(.li-lslider,.li-lslider__track,.li-lslide){height:100%!important}
.li-lcard .li-lcard__img img{width:100%;height:100%!important;object-fit:cover;border-radius:0!important}
.li-lcard .li-lflag{top:10px!important;left:10px!important}
.li-lcard .li-lcard__body{display:flex!important;flex-direction:column;gap:8px!important;padding:14px 16px 12px!important;flex:1}
.li-lcard .li-lcard__type{align-self:flex-start;display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:#EFE8E1;color:#4F433D;font:800 10.5px/1 var(--k-sans,Inter,sans-serif);letter-spacing:.05em;text-transform:uppercase}
.li-lcard .li-lcard__title{margin:0!important;font:600 1.15rem/1.3 var(--k-serif,Fraunces,serif)!important;color:var(--k-ink,var(--k4-ink))!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0!important;height:auto!important;max-height:2.6em /* TITRE-UNE-LIGNE-2210 : hauteur réelle (1 ou 2 lignes), plus de ligne vide sous un titre court ; l'espace restant va au-dessus de l'hôte (margin-top:auto), les pieds des cartes restent alignés */}
/* META-LIGNE-2210 : caractéristiques sur UNE ligne (voyageurs • couchages • m²), points de suspension en dernier recours. */
.li-lcard .li-lcard__meta{margin:0;font:500 13px/1.4 var(--k-sans,Inter,sans-serif);color:var(--k-mute,var(--k4-mute));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.li-lcard .li-card-equip{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.li-lcard .li-card-equip .li-chip{height:26px!important;padding:0 10px!important;border:1px solid #F3C9D7!important;background:#FFF6F9!important;color:var(--k-a-deep,var(--k4-a-deep))!important;font:600 12px/1 var(--k-sans,Inter,sans-serif)!important;border-radius:999px!important;display:inline-flex;align-items:center}
.li-lcard .li-lcard__host{margin-top:auto!important;padding-top:10px!important;border-top:1px solid #F1E9E2!important}
.li-lcard .li-avatar:not(.li-avatar--img){background:var(--k-a-grad2,linear-gradient(135deg,var(--k4-a),#D0861E))!important;color:#fff!important}
.li-lcard .li-lcard__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 14px;border-top:1px solid #F1E9E2}
.li-lcard .li-lcard__foot .li-lcard__price{position:static!important;inset:auto!important;transform:none!important;background:none!important;box-shadow:none!important;padding:0!important;border:0!important;backdrop-filter:none!important;font:600 1.2rem/1.2 var(--k-serif,Fraunces,serif)!important;color:var(--k-a-deep,var(--k4-a-deep))!important}
.li-lcard .li-lcard__foot .li-lcard__loc{display:inline-flex!important;align-items:center;gap:5px;margin:0!important;font:600 13.5px/1.2 var(--k-sans,Inter,sans-serif)!important;color:var(--k-mute,var(--k4-mute))!important}
.li-lcard .li-lcard__foot .li-lcard__loc .li-icn{color:var(--k-a,var(--k4-a))}

/* ENTETE-0310 (PROD, 04/10) : médaillon aussi sur Mes annonces et Mon abonnement — la refonte du 14/09 le masquait. */
@media (min-width:901px){:is(.li-myl-es,.li-abo-es) .li-es-hero__side:not(#li-k-z){display:flex}}

/* (04/10) Tri « Date » : la flèche est centrée en hauteur dans le sélecteur (elle était collée en haut à droite). */
.hp-form--listing-sort .select2-container .select2-selection--single:not(#li-k-z){position:relative!important}
.hp-form--listing-sort .select2-container .select2-selection--single:not(#li-k-z) .select2-selection__rendered{padding-right:34px!important}
.hp-form--listing-sort .select2-container .select2-selection--single:not(#li-k-z) .select2-selection__arrow{position:absolute!important;top:50%!important;right:12px!important;height:20px!important;width:20px!important;transform:translateY(-50%);display:flex!important;align-items:center;justify-content:center;margin:0!important}
.hp-form--listing-sort .select2-container .select2-selection--single:not(#li-k-z) .select2-selection__arrow b{position:static!important;margin:0!important;top:auto!important;left:auto!important}

/* (04/10) Tunnel de publication, téléphone seulement : le titre de l'étape suit le fil d'Ariane de près (68 → 26 px). */
@media (max-width:767px){form.li-wz .li-wz-step > .li-wz__q:first-child:not(#li-k-z){margin-top:0!important}}

/* (04/10) Tunnel, téléphone : « Retour » redevient le bouton rond à flèche (les règles communes des boutons lui avaient rendu son texte) ; le halo de l'étape active n'est plus coupé par le rail qui défile. */
@media (max-width:559px){
	.li-wz-foot [data-li-prev]:not(#li-k-z):not(#li-k-y){flex:0 0 46px!important;width:46px!important;min-width:46px!important;max-width:46px!important;height:46px!important;padding:0!important;font-size:0!important;letter-spacing:0!important;gap:0!important;justify-content:center}
	.li-wz-rail__scroll:not(#li-k-z){padding:14px 12px 24px!important;margin:-7px -12px -17px!important}
}

/* (04/10) Conversation, téléphone : onglets sur une ligne sans coupe, fond sous l'onglet collé, zone de saisie plus basse. */
@media (max-width:767px){
	body .li-msgux-tabs.li-k-tabs:not(#li-k-z):not(#li-k-y){box-shadow:0 -6px 0 4px var(--k-cream,#FBF7F3),/* MSG-ENTETE-0710 : 20 px de cache crème mangeaient la bordure basse de l'en-tête (écart 14 px) ; 10 px suffisent sous l'en-tête collé (+6 px) */0 8px 16px -10px rgba(36,23,38,.25)!important;gap:0!important;padding:4px!important;overflow:hidden!important}
	body .li-msgux-tabs.li-k-tabs:not(#li-k-z):not(#li-k-y) > .li-k-tab{padding:0 8px!important;font-size:13px!important;gap:5px!important;flex:1 1 auto!important;min-width:0!important;justify-content:center!important;letter-spacing:0!important}
	body .li-msgux-tabs.li-k-tabs:not(#li-k-z):not(#li-k-y) > .li-k-tab :is(i,svg){font-size:12px!important;width:12px!important}
	body .li-msgux-tabs.li-k-tabs:not(#li-k-z):not(#li-k-y) > .li-k-tab :is(.li-k-count,[class*="count"],[class*="badge"]){min-width:18px!important;height:18px!important;font-size:11px!important;padding:0 5px!important}
}

/* (04/10) Zone de saisie des messages : une ligne qui grandit, partout (la règle commune des champs lui imposait 120 px). */
body .hp-form--message-send .hp-form__field > textarea:not(#li-k-z):not(#li-k-y):not(#li-k-w){min-height:52px!important;height:52px;max-height:200px}
/* (04/10) Téléphone : zone de saisie basse (44 px comme avant le kit) et bouton d'envoi rond 40 px — la règle commune des boutons l'étirait en ovale 32×44. */
@media (max-width:767px){
	body .hp-form--message-send .hp-form__field > textarea:not(#li-k-z):not(#li-k-y):not(#li-k-w):not(#li-k-v){min-height:44px!important;height:44px;max-height:160px;padding-top:10px!important;padding-bottom:10px!important}
	body form.hp-form--message-send .hp-form__button:not(#li-k-z):not(#li-k-y){width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-height:40px!important;padding:0!important;border-radius:50%!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}
	body .li-msgux-panel--conv > form.hp-form--message-send:not(#li-k-z){padding-top:6px!important;padding-bottom:6px!important}
}

/* (04/10) PROD : séparateur de date = la pastille est le <span> intérieur (pas le conteneur) — texte centré. */
.li-msg-day:has(> span):not(#li-k-z){height:auto!important;padding:0!important;font:inherit!important;border-radius:0!important;background:none!important}
.li-msg-day > span:not(#li-k-z){display:inline-flex!important;align-items:center;height:28px!important;padding:0 12px!important;font:600 12.5px/1 var(--k-sans,Inter,sans-serif)!important;border-radius:999px!important}
/* Zone de saisie : un seul encadré (le champ se fond dans la barre). */
@media (max-width:767px){.li-msgux-panel--conv > form.hp-form--message-send .hp-form__field > textarea:not(#li-k-z):not(#li-k-y):not(#li-k-w):not(#li-k-v){border:0!important;box-shadow:none!important;background:transparent!important}}
/* Carte d'annonce (profil, colonnes étroites) : la ville ne déborde plus du pied. */
.hp-listing--view-block .hp-listing__attributes > .hp-listing__attribute:not(#li-k-z){min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__footer:not(#li-k-z){flex-wrap:wrap!important;column-gap:10px;row-gap:4px}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__footer > .hp-listing__attributes--primary:not(#li-k-z){flex:1 1 auto!important;min-width:0!important;width:auto!important;justify-content:space-between!important}

/* (04/10) Cartes d'annonce : ville lisible (noir foncé, gras, pin framboise collé) ; plus de mention « Membre » sans badge ; prix et ville sur une ligne. */
:is(.hp-listing--view-block .hp-listing__attribute--ville, .li-lcard .li-lcard__loc):not(#li-k-z){gap:4px!important;color:var(--k-ink,var(--k4-ink))!important;font-weight:700!important}
.hp-listing--view-block .hp-listing__attribute--ville:not(#li-k-z)::before{margin:0!important;background-color:var(--k-a,var(--k4-a))!important}
.li-lcard .li-lcard__loc:not(#li-k-z) :is(i,svg){margin:0!important;color:var(--k-a,var(--k4-a))!important}
.li-card-host__sub:not(#li-k-z){display:none!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__footer:not(#li-k-z):not(#li-k-y){flex-wrap:nowrap!important;align-items:center}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__footer > .li-card-price:not(#li-k-z){flex:0 0 auto;white-space:nowrap}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__footer > .hp-listing__attributes--primary:not(#li-k-z):not(#li-k-y){flex:1 1 auto!important;min-width:0!important;flex-wrap:nowrap!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__footer > .li-card-price ~ .hp-listing__attributes--primary:not(#li-k-z):not(#li-k-y){justify-content:flex-end!important}

/* (04/10) Tarifs : notes sous le tableau en noir gras ; « À quoi sert votre adhésion » repliée à l'ouverture. Accueil : pas de badge Premium sur les cartes. */
.li-tarifs-notes:not(#li-k-z){color:var(--k-ink,var(--k4-ink))!important;font-weight:700!important;margin-top:0!important;line-height:1.7}
details.li-adh-det{margin:28px 0 0;border:1px solid var(--k-line,var(--k4-line));border-radius:20px;background:#fff;padding:0 22px}
details.li-adh-det > summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0}
details.li-adh-det > summary::-webkit-details-marker{display:none}
details.li-adh-det > summary h2{margin:0!important}
details.li-adh-det > summary::after{content:"";flex:none;width:10px;height:10px;border-right:2.5px solid var(--k-a-deep,var(--k4-a-deep));border-bottom:2.5px solid var(--k-a-deep,var(--k4-a-deep));transform:rotate(45deg) translateY(-3px);transition:transform .2s}
details.li-adh-det[open] > summary::after{transform:rotate(-135deg) translateY(-3px)}
details.li-adh-det[open]{padding-bottom:18px}
.li-lcard .li-badge--premium:not(#li-k-z){display:none!important}

/* LOGIN-MOBILE-0410 : bouton rond de connexion (téléphone, visiteur) et retournement de l'avatar après connexion. */
.li-hdr__login{display:none}
@media (max-width:1230px){ /* DES-004 : aligné sur style.css (1230) — plus d'écart d'1 px */
	.li-hdr__login{display:inline-flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;margin-right:0;border-radius:50%;background:#fff;border:1px solid var(--k4-line);box-shadow:0 4px 18px rgba(36,23,38,.07);color:var(--k-a-deep,var(--k4-a-deep));text-decoration:none}
	.li-hdr__login svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
}
.li-hdr__avatar--flip{animation:li-avatar-flip .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes li-avatar-flip{0%{transform:perspective(300px) rotateY(180deg)}100%{transform:perspective(300px) rotateY(0)}}
@media (prefers-reduced-motion:reduce){.li-hdr__avatar--flip{animation:none}}

/* LOGIN-MOBILE-0410 : touche « magique » après la connexion (une seule fois) — halo doré + étincelles, comme la confirmation d'adhésion. */
.li-hdr__avatar--flip{animation:li-avatar-flip .7s cubic-bezier(.2,.7,.2,1) both,li-avatar-halo 1.4s ease-out .5s both}
@keyframes li-avatar-halo{0%{box-shadow:0 0 0 0 rgba(232,170,58,.75),0 4px 18px rgba(36,23,38,.07)}100%{box-shadow:0 0 0 16px rgba(232,170,58,0),0 4px 18px rgba(36,23,38,.07)}}
.li-avatar-etincelle{position:fixed;z-index:400;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;pointer-events:none;opacity:0;animation:li-avatar-etincelle 1.1s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes li-avatar-etincelle{0%{opacity:0;transform:translate(0,0) scale(.4)}20%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1)}}
@media (prefers-reduced-motion:reduce){.li-hdr__avatar--flip{animation:none}.li-avatar-etincelle{display:none}}
.li-avatar-etincelle{width:9px!important;height:9px!important;margin:-4.5px 0 0 -4.5px!important;animation-duration:1.6s!important;box-shadow:0 0 6px currentColor}
.li-hdr__avatar--flip{animation:li-avatar-flip .8s cubic-bezier(.2,.7,.2,1) both,li-avatar-halo 1.8s ease-out .45s both!important}
@media (prefers-reduced-motion:reduce){.li-hdr__avatar--flip{animation:none!important}.li-avatar-etincelle{display:none!important}} /* DES-001 : garde mouvement réduit replacée APRÈS les !important */
@keyframes li-avatar-halo{0%{box-shadow:0 0 0 0 rgba(232,170,58,.9),0 0 18px 4px rgba(var(--k4-a-rgb),.35)}100%{box-shadow:0 0 0 22px rgba(232,170,58,0),0 4px 18px rgba(36,23,38,.07)}}
/* Étincelles affinées (04/10) : petites étoiles à quatre branches, scintillantes, tailles variées. */
.li-avatar-etincelle{width:var(--t,6px)!important;height:var(--t,6px)!important;margin:calc(var(--t,6px) / -2) 0 0 calc(var(--t,6px) / -2)!important;border-radius:0!important;box-shadow:none!important;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:li-avatar-etincelle-fine 1.5s cubic-bezier(.2,.7,.2,1) forwards!important;filter:drop-shadow(0 0 2px rgba(246,199,107,.9))}
@keyframes li-avatar-etincelle-fine{0%{opacity:0;transform:translate(0,0) scale(.2) rotate(0)}25%{opacity:1;transform:translate(calc(var(--dx) * .55),calc(var(--dy) * .55)) scale(1.15) rotate(45deg)}60%{opacity:.9}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.35) rotate(90deg)}}

/* MYL-INFOS-0410 : repères de la carte de Mes annonces. */
.li-myl-infos{display:flex;flex-direction:column;gap:9px;margin-top:10px}
.li-myl-infos.is-doux .li-myl-kpis{opacity:.6}
.li-myl-kpis{display:flex;flex-wrap:wrap;gap:8px}
.li-myl-kpi{flex:0 1 128px;min-width:96px;border:1px solid #F1E9E2;border-radius:14px;padding:8px 11px;background:#FFFBF8;color:var(--k-ink,var(--k4-ink));text-decoration:none;display:flex;flex-direction:column}
.li-myl-kpi > span{font:600 11.5px/1.3 var(--k-sans,Inter,sans-serif);color:var(--k-mute,var(--k4-mute))}
.li-myl-kpi b{font:600 21px/1.15 var(--k-serif,Fraunces,serif)}
.li-myl-kpi small{font:700 11.5px/1.3 var(--k-sans,Inter,sans-serif);color:var(--k-a-deep,var(--k4-a-deep))}
.li-myl-kpi small.is-doux{color:var(--k-mute,var(--k4-mute));font-weight:500}
a.li-myl-kpi:hover{border-color:#F3C9D7}
.li-myl-ligne{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;color:#3B2D3D}
.li-myl-ligne i{flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:11px}
.li-myl-ligne--ok i{background:#E3F4EC;color:#11734C}
.li-myl-ligne--miel i{background:#FFEFD0;color:#8F5B00}
.li-myl-ligne--une i{background:#FFF2D6;color:#8F5B00}
.li-myl-comp{display:flex;align-items:center;gap:10px;margin:0;padding:8px 12px;border:1px dashed #F3C9D7;border-radius:14px;background:#FFF8FA;font-size:13.5px;color:#3B2D3D}
.li-myl-comp__bar{flex:none;width:80px;height:7px;border-radius:9px;background:#F3E3EA;overflow:hidden}
.li-myl-comp__bar span{display:block;height:100%;background:linear-gradient(90deg,var(--k-a,var(--k4-a)),#E8AA3A)}
.li-myl-maj{margin:0;font-size:12.5px;color:#8C7F8E}
@media (min-width:768px){.li-myl-card__body > .li-myl-infos{grid-column:1;grid-row:auto;align-self:start}.li-myl-card__body > .li-myl-card__acts{grid-row:1 / span 6!important}}
/* MYL-INFOS-0410 b : section « Conseils » cliquable. */
.li-myl-conseils{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.li-myl-conseils__t{margin:0;font:800 11px/1 var(--k-sans,Inter,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--k-mute,var(--k4-mute))}
a.li-myl-conseil{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #F3E3EA;border-radius:14px;background:#FFF8FA;color:var(--k-ink,var(--k4-ink));text-decoration:none;transition:border-color .15s,background .15s}
a.li-myl-conseil:hover{border-color:#F3C9D7;background:#FFF1F5}
.li-myl-conseil > i:first-child{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#fff;color:var(--k-a-deep,var(--k4-a-deep));font-size:13px;border:1px solid #F3C9D7}
.li-myl-conseil span{display:flex;flex-direction:column;min-width:0}
.li-myl-conseil strong{font:700 14px/1.3 var(--k-sans,Inter,sans-serif)}
.li-myl-conseil small{font-size:12.5px;line-height:1.35;color:var(--k-mute,var(--k4-mute))}
.li-myl-conseil__go{margin-left:auto;color:var(--k-a-deep,var(--k4-a-deep));font-size:12px}
.li-myl-comp{display:none!important}

/* SEJOURS-0410 : « Mes séjours » en tête de Mes alertes. */
.li-sej{display:flex;flex-direction:column;gap:16px;margin:0 0 28px}
.li-sej__h{font:600 22px/1.2 var(--k-serif,Fraunces,serif)!important;margin:0!important}
.li-sej__h--liste,.li-sej__h--autres{margin-top:6px!important}
.li-sej__s{margin:4px 0 14px;color:var(--k-mute,var(--k4-mute));font-size:14px}
.li-sej-form-box{background:#fff;border:1px solid var(--k-line,var(--k4-line));border-radius:24px;padding:22px}
.li-sej-form{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end}
.li-sej-f--titre,.li-sej-f--ville{grid-column:span 3}
.li-sej-f--go{grid-column:span 2}
.li-sej-f label{display:block;font:600 13.5px var(--k-sans,Inter,sans-serif);margin-bottom:5px}
.li-sej-opt{font-weight:500;color:#8C7F8E}
.li-sej-f input,.li-sej-f select{width:100%}
.li-sej-f--go .li-btn{width:100%;height:48px}
.li-sej__quota{margin:12px 0 0;font-size:13.5px;color:var(--k-mute,var(--k4-mute))}
.li-sej__quota a{color:var(--k-a-deep,var(--k4-a-deep));font-weight:700}
.li-sej-c{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:16px;background:#fff;border:1px solid var(--k-line,var(--k4-line));border-radius:24px;padding:20px 22px}
.li-sej-c__t{font:600 21px/1.25 var(--k-serif,Fraunces,serif)!important;margin:0!important}
.li-sej-c__chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}
.li-sej-c__n{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-weight:700}
.li-sej-c__n span{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#E3F4EC;color:#11734C;font-size:13px}
.li-sej-c__mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.li-sej-m{display:flex;flex-direction:column;border:1px solid #F1E9E2;border-radius:16px;overflow:hidden;background:#fff;color:var(--k-ink,var(--k4-ink));text-decoration:none}
.li-sej-m__img{height:84px;background:#F3EDE8 center/cover no-repeat}
.li-sej-m__t{padding:8px 10px 2px;font:600 13.5px/1.3 var(--k-serif,Fraunces,serif);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.li-sej-m__p{padding:2px 10px 9px;font:600 13px var(--k-serif,Fraunces,serif);color:var(--k-a-deep,var(--k4-a-deep))}
.li-sej-m__conf{align-self:flex-start;margin:4px 10px 9px;min-height:22px;display:inline-flex;align-items:center;padding:3px 9px;line-height:1.2;white-space:nowrap;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;border-radius:999px;background:#FFEFD0;color:#8F5B00;font:700 11px var(--k-sans,Inter,sans-serif)}
.li-sej-c__vide{border:1px dashed #F3C9D7;background:#FFF8FA;border-radius:16px;padding:14px;font-size:14px;color:#3B2D3D}
.li-sej-c__vide strong{display:block;font:600 16px var(--k-serif,Fraunces,serif);margin-bottom:4px}
.li-sej-c__side{display:flex;flex-direction:column;gap:10px}
.li-sej-c__side .li-btn{width:100%;justify-content:center;text-align:center}
.li-sej-c__alerte{display:flex;align-items:center;gap:8px;font-size:13px;color:#11734C;font-weight:600}
.li-sej-c__alerte::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#16A34A;box-shadow:0 0 0 3px #CDEFDC}
.li-sej-c__suppr{font-size:13px;color:var(--k-mute,var(--k4-mute));text-align:center}
.li-sej-passes{font-size:14px;color:var(--k-mute,var(--k4-mute))}
.li-sej-passes summary{cursor:pointer;font-weight:700;color:var(--k-ink,var(--k4-ink))}
@media (max-width:767px){
	.li-sej-form{grid-template-columns:1fr 1fr}
	.li-sej-f--titre,.li-sej-f--ville,.li-sej-f--go{grid-column:1/-1}
	.li-sej-c{grid-template-columns:1fr;padding:18px}
	.li-sej-c__mini{grid-template-columns:1fr 1fr}
	.li-sej-c__mini .li-sej-m:nth-child(3){display:none}
}
/* SEJOURS-0410 b : champs contenus à 375 px, titres des mini-cartes sans soulignement, bouton aligné. */
.li-sej-f{min-width:0}
.li-sej-f input,.li-sej-f select{box-sizing:border-box;max-width:100%;min-width:0}
.li-sej-form{align-items:end}
.li-sej-f--go .li-btn{margin:0!important}
.li-sej-m,.li-sej-m *{text-decoration:none!important}
.li-sej-form-box{box-shadow:none}
@media (max-width:767px){.li-sej-form .li-sej-f:has(select){grid-column:1/-1}}

/* (04/10) Trait au-dessus des titres : couleur de l’univers (framboise côté Logement) au lieu du jaune du thème parent ListingHive. */
.title::before,.footer-widgets .widget__title::before,.hp-page__title::before,.hp-section__title::before{background-color:var(--rasp,var(--k4-a))!important}

/* (05/10) Tunnel : la barre d’étapes passe du vert d’origine à la couleur de l’univers, et la ligne passe DERRIÈRE les ronds. */
.li-wz-rail{--li-ok:var(--rasp,var(--k4-a));--li-ok-deep:var(--rasp-deep,var(--k4-a-deep))}
.li-wz-rail .li-wz-rail__fill,.li-wz-rail.is-complete .li-wz-rail__fill{background:color-mix(in srgb,var(--rasp,var(--k4-a)) 40%,transparent)!important;box-shadow:none!important}
.li-wz-rail__node{position:relative;z-index:1}
.li-wz-rail__node.is-done:not(.is-current) .li-wz-rail__dot{background-color:#FDECF1!important}
/* SUP-DEMANDES-0610 : pastille d'accent de l'univers (ex. « Nouvelle réponse »). */
.li-k-pill--accent{color:#fff;background:var(--k-a)}

/* ---------- IDOB-0710 — Identité obligatoire : « Qui doit envoyer quoi ? », écran « annonce enregistrée » ---------- */
.li-idob-qui{margin:var(--k-s7) 0 0;display:grid;gap:var(--k-s35)}
.li-idob-prof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--k-s25)}
.li-idob-prof .li-k-chip{display:block;line-height:1.25;text-align:left;white-space:normal;height:auto;padding:var(--k-s3) var(--k-s35);border-radius:var(--k-r-sm);font-weight:700;cursor:pointer}
.li-idob-prof .li-k-chip small{display:block;font-weight:400;color:var(--k-mute)}
.li-idob-prof .li-k-chip[aria-pressed=true]{border-color:var(--k-a);background:var(--k-a-soft)}
.li-idob-cartes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--k-s25)}
.li-idob-carte h3{margin:0 0 var(--k-s1);font-size:var(--k-fs-base)}
.li-k-ticks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.li-k-ticks>li{position:relative;margin:0;padding:0 0 0 30px;font:400 var(--k-fs-md)/1.45 var(--k-sans);color:var(--k-ink-2);text-wrap-style:pretty}
.li-k-ticks>li::before{content:"✓";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--k-a);color:#fff;font:800 .72rem/20px var(--k-sans);text-align:center}
.li-idob-carte{display:flex;flex-direction:column;gap:var(--k-s25)}
.li-idob-carte .li-k-ticks{margin:0}
.li-idob-carte__res{margin:0;padding-top:var(--k-s2);border-top:1px solid var(--k-line);font-weight:700;color:var(--k-a-deep);font-size:var(--k-fs-md)}
.li-idob-carte.is-on{border-color:var(--k-a)}
.li-idob-bloc{text-align:center;max-width:560px;margin:0 auto}
.li-idob-bloc .li-k-actions{justify-content:center}
.li-idob-ok{list-style:none;padding:0;margin:var(--k-s35) 0;text-align:left;display:grid;gap:6px}
.li-idob-ok li::before{content:"✓ ";color:var(--k-ok);font-weight:800}
.li-idob-bandeau{margin:0 0 var(--k-s4)}
@media (min-width:761px) and (max-width:1023px){.li-idob-cartes{grid-template-columns:1fr 1fr}} /* VERIF-ALIGN-0710 : tablette = 2 cartes par rangée */
@media (max-width:760px){.li-idob-prof{grid-template-columns:1fr 1fr}.li-idob-cartes{grid-template-columns:1fr}.li-idob-carte:not(.is-on){display:none}.li-idob-cartes:not(:has(.is-on)) .li-idob-carte{display:block}}
.li-idob-bloc .li-k-ico{margin:0 auto var(--k-s3)}
.li-idob-bloc .li-k-btn{text-decoration:none}
.li-idob-bandeau .li-k-link{font-weight:700;text-decoration:underline}

/* VERIF-QUI-0810 : carte « Ce qu'il vous faut » (membre) et cartes plates (visiteur). */
.li-idob-carte{box-shadow:none}
.li-idob-carte h3,.li-idob-carte h4{margin:0 0 var(--k-s1);font:600 var(--k-fs-base)/1.25 var(--k-serif,Georgia,serif);color:var(--k-ink)}
.li-idob-moi{display:grid;gap:0}
.li-idob-moi__t{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 var(--k-s25)}
.li-idob-moi__t strong{font:600 1.25rem/1.2 var(--k-serif,Georgia,serif);color:var(--k-ink)}
.li-idob-moi__t span{color:var(--k-mute);font-size:var(--k-fs-sm)}
.li-idob-moi__l{list-style:none;margin:0;padding:0}
.li-idob-moi__l>li{display:flex;align-items:center;gap:14px;margin:0;padding:14px 0;border-top:1px solid var(--k-line)}
.li-idob-moi__i{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:800 13px/1 var(--k-sans)}
.li-idob-moi__l>li.is-ok .li-idob-moi__i{background:var(--k-ok,#0F766E);color:#fff}
.li-idob-moi__l>li.is-wait .li-idob-moi__i{background:#FFF3D6;color:#8A5A00}
.li-idob-moi__l>li.is-todo .li-idob-moi__i{border:2px solid var(--k-a);color:var(--k-a)}
.li-idob-moi__x{flex:1;min-width:0;font-weight:600;color:var(--k-ink)}
.li-idob-pill{flex:none;padding:7px 12px;border-radius:999px;font:700 .8rem/1 var(--k-sans)}
.li-idob-pill--ok{background:#E6F5F1;color:#0F766E}
.li-idob-pill--wait{background:#FFF3D6;color:#8A5A00}
.li-idob-moi__l .li-k-btn{flex:none;margin:0}
.li-idob-autre{margin:var(--k-s2) 0 0}
.li-idob-autre>summary{cursor:pointer;display:inline-block;color:var(--k-a-deep);font-weight:600;font-size:var(--k-fs-md);text-decoration:underline;text-underline-offset:3px;list-style:none}
.li-idob-autre>summary::-webkit-details-marker{display:none}
.li-idob-autre[open]>summary{margin-bottom:var(--k-s3)}
@media (max-width:1000px){.li-idob-cartes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .li-idob-cartes{grid-template-columns:1fr}
  .li-idob-moi__t{flex-direction:column;gap:2px}
  .li-idob-moi__l>li{flex-wrap:wrap}
  .li-idob-moi__x{flex:1 1 calc(100% - 42px)}
  .li-idob-moi__l .li-k-btn,.li-idob-pill{margin-left:42px}
}
.li-idob-qui{margin-bottom:var(--k-s5)} /* VERIF-QUI-0810 : respiration avant la carte du récépissé */
.li-idob-autre{margin:var(--k-s1) 0 0}
.li-idob-moi .li-idob-moi__l .li-k-btn{margin-top:0!important;margin-bottom:0!important} /* VERIF-QUI-0810 */

/* =====================================================================
   RÈGLES-KIT-1010 (propriétaire, 10/10/2026) — trois composants communs, pour ne plus
   refaire à la main ce qui a été corrigé sur « Mes alertes » et les tarifs.
   Contrôlés par reverif*.mjs (📏) : CALENDRIER NATIF, CHAMPS INÉGAUX, BOUTONS DÉCALÉS.
   ===================================================================== */

/* 1. Formulaire .li-k-form : tout champ fait 48 px (texte, date maison, Select2, compteur),
      même bordure, même rayon, même contour au focus. Dates : li_k_date() (calendrier maison). */
.li-k-form{--k-champ:48px}
.li-k-form .li-k-champs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--k-s3)}
.li-k-form .li-k-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.li-k-form .li-k-f--2{grid-column:span 2}.li-k-form .li-k-f--plein{grid-column:1/-1}
.li-k-form .li-k-f>label{display:block!important;margin:0!important;font:600 13px/18px var(--k-sans)!important;letter-spacing:0!important;color:var(--k-ink)}
.li-k-form .li-k-f>label i{margin-left:4px;color:var(--k-a);font-style:normal}
.li-k-form input[type=text],.li-k-form input[type=email],.li-k-form input[type=tel],.li-k-form input[type=number],.li-k-form input[type=url],.li-k-form input[type=search],.li-k-form input[type=password],.li-k-form select{height:var(--k-champ)!important;min-height:var(--k-champ)!important;box-sizing:border-box!important;width:100%;margin:0!important;border:1.5px solid var(--k-line)!important;border-radius:14px!important;padding:0 14px!important;font:500 15px/1 var(--k-sans)!important;color:var(--k-ink)!important;background-color:#fff!important;box-shadow:none!important}
.li-k-form select{padding-right:38px!important}
.li-k-form .select2-container{width:100%!important}
.li-k-form .select2-container .select2-selection--single{height:var(--k-champ)!important;box-sizing:border-box!important;border:1.5px solid var(--k-line)!important;border-radius:14px!important;box-shadow:none!important;background:#fff!important;display:flex!important;align-items:center!important}
.li-k-form .select2-selection__rendered{font:500 15px/45px var(--k-sans)!important;color:var(--k-ink)!important;padding-left:14px!important}
.li-k-form .select2-selection__arrow{height:45px!important}
.li-k-form input:focus,.li-k-form select:focus,.li-k-form .li-k-step:focus-within{outline:0;border-color:var(--k-a)!important;box-shadow:0 0 0 3px rgba(var(--k-a-rgb),.12)!important}
.li-k-form .li-dp__display{cursor:pointer;padding-right:42px!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23C2185B%27 stroke-width=%272%27 stroke-linecap=%27round%27%3E%3Crect x=%273.5%27 y=%275%27 width=%2717%27 height=%2715%27 rx=%273%27/%3E%3Cpath d=%27M3.5 10h17M8 3v4M16 3v4%27/%3E%3C/svg%3E") no-repeat right 14px center/18px!important}
.li-k-step{display:flex;align-items:center;height:var(--k-champ,48px);box-sizing:border-box;border:1.5px solid var(--k-line);border-radius:14px;overflow:hidden;background:#fff}
.li-k-step button{flex:none;width:44px;height:100%;border:0;background:#fff;color:var(--k-a-deep);font:700 20px var(--k-sans);cursor:pointer;padding:0}
.li-k-form .li-k-step input{flex:1;min-width:0;height:100%!important;min-height:0!important;border:0!important;text-align:center;padding:0!important;font-weight:600!important;-moz-appearance:textfield}
.li-k-step input::-webkit-inner-spin-button,.li-k-step input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.li-k-form .li-k-valider{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:16px;flex-wrap:wrap}
@media(max-width:760px){.li-k-form .li-k-champs{grid-template-columns:minmax(0,1fr)}.li-k-form .li-k-f--2{grid-column:auto}.li-k-form .li-k-valider{flex-direction:column-reverse;align-items:stretch}.li-k-form .li-k-valider>.li-k-btn,.li-k-form .li-k-valider>button{width:100%}}

/* 2. Rangée de cartes .li-k-cartes > .li-k-carte : même hauteur, contenu en haut,
      note (.li-k-carte__note) juste au-dessus du bouton, bouton (.li-k-carte__bas) toujours en bas, aligné. */
.li-k-cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;align-items:stretch}
.li-k-carte{display:flex;flex-direction:column;background:var(--k-card);border:1px solid var(--k-line);border-radius:18px;padding:22px}
.li-k-carte__haut{flex:1 1 auto;display:flex;flex-direction:column;gap:12px}
.li-k-carte__note{margin-top:18px;padding:12px 14px;border-radius:14px;background:var(--k-cream);font-size:13px;line-height:1.5;text-align:center;color:var(--k-ink)}
.li-k-carte__note>*{margin:0}
.li-k-carte__bas{margin-top:18px;display:flex;flex-direction:column}
.li-k-carte__bas>.li-k-btn,.li-k-carte__bas>a,.li-k-carte__bas>button{width:100%;justify-content:center}

/* 3. Étapes numérotées .li-k-etapes : encadrés de même hauteur sur ordinateur, empilés sur téléphone. */
.li-k-etapes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-auto-rows:1fr;gap:10px;margin:16px 0 0;padding:0;list-style:none}
.li-k-etapes>li{display:flex;gap:10px;align-items:center;margin:0;padding:12px 14px;background:#fff;border:1.5px solid var(--k-line);border-radius:16px;font-size:13.5px;line-height:20px;box-sizing:border-box}
.li-k-etapes>li>b{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--k-a-br),var(--k-a-deep));color:#fff;font-size:13px}
@media(max-width:760px){.li-k-etapes{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}}

/* KIT-COMPOSANTS-1010 : périodes libres, pastille « Archivée », filtres, encart « autre parcours », texte lisible. */
.li-k-libre{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:14px;line-height:1.5;color:var(--k-ink)}
.li-k-libre__i{flex:none;display:grid;place-items:center;width:20px;height:20px;margin-top:1px;border-radius:50%;background:var(--k-ok-bg);color:var(--k-ok);font-size:11px}
.li-k-libre a{color:var(--k-a-deep);font-weight:600}
.li-k-pill--arch{color:#5B3B79;background:#EFEBF4}
.li-k-filtres{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.li-k-filtre{border:1px solid var(--k-line);background:#fff;border-radius:var(--k-pill);padding:7px 13px;font:600 13px/1 var(--k-sans);color:var(--k-ink);cursor:pointer}
.li-k-filtre b{margin-left:4px}
.li-k-filtre[aria-pressed=true]{background:var(--k-ink);border-color:var(--k-ink);color:#fff}
.li-k-filtre:focus-visible{outline:2px solid var(--k-a);outline-offset:2px}
.li-k-filtres__plus{display:flex;justify-content:center;margin-top:10px}
.li-k-autre{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1.5px dashed #F2C4D2;border-radius:18px;padding:16px 18px;background:#fff}
.li-k-autre>p{margin:0;font-size:14px;line-height:1.5;color:var(--k-ink);flex:1 1 300px}
@media(max-width:640px){.li-k-autre>.li-k-btn,.li-k-autre>a{width:100%;justify-content:center}}
/* Texte à lire : jamais de gris. --k-faint reste pour les indications de saisie. */
.li-k-txt{color:var(--k-ink)}.li-k-indic{color:var(--k-faint)}

/* MARGE-PIED-1010 (propriétaire) : aucun contenu ne colle au pied de page. */
footer.li-ft{margin-top:56px}

/* KIT-ECRAN-SECTIONS-1010 : écran du kit dont le corps est fait de sections déjà encadrées (pas de cadre dans un cadre). */
.li-kec--sections .li-kec__carte{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}.li-kec--sections .li-vm-body,.li-kec--sections .li-verif-steps,.li-kec--sections .li-vstep__body{padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important}

/* CHAMP-FICHIER-1010 (règle ajoutée) : un champ fichier du kit a le bouton du kit, jamais le bouton gris du navigateur. */
.li-k-input[type=file]{height:auto!important;min-height:48px;padding:6px 8px!important;cursor:pointer;color:var(--k-mute,#766778);font-size:14px;display:flex;align-items:center}
.li-k-input[type=file]::file-selector-button{margin-right:12px;height:36px;padding:0 16px;border:1.5px solid var(--k-a,var(--k4-a));border-radius:999px;background:#fff;color:var(--k-a-deep,var(--k4-a-deep));font:700 13.5px/1 Inter,system-ui,sans-serif;cursor:pointer;transition:background .15s,color .15s}
.li-k-input[type=file]:hover::file-selector-button{background:var(--k-a,var(--k4-a));color:#fff}

/* DATE-BLANCHE-1010 (règle ajoutée) : le champ de notre calendrier est en lecture seule pour ouvrir le calendrier, il ne doit pas paraître désactivé. */
:is(.hp-form__field,.li-k-field) > input.li-dp__display[readonly]:not(#li-k-z):not(#li-k-y):not(#li-k-x){background-color:var(--k-card,#fff)!important;color:var(--k-ink,var(--k4-ink))!important;border-style:solid!important;cursor:pointer}

/* KEC-COLONNE-1010 (règle ajoutée) : un écran du kit (li_k_ecran_sortie, .li-kec) a la largeur de la colonne du site, comme Confiance ou Demandes — en-tête compris, centré. */
@media (min-width:768px){.li-es.li-kec{max-width:var(--li-col,1216px)!important;width:100%!important;margin-inline:auto!important;box-sizing:border-box}}

/* BC-COLONNE-1010 (règle ajoutée) : sur les pages du kit, le fil d'Ariane commence au bord gauche de la colonne, aligné sur l'en-tête. */
@media (min-width:768px){body:has(.li-k-page,.li-es,.li-pgk-page) nav.li-bc>ol{max-width:var(--li-col,1216px);margin-inline:auto!important;box-sizing:border-box}}
/* BC-ECART-1010 (règle ajoutée) : même place de l'en-tête sous le fil d'Ariane partout (14 px ordinateur, 24 px téléphone) — les écrans du kit (.li-kec) étaient 20 px plus haut. */
.li-es.li-kec>.li-kec__hero:first-child,.li-es.li-kec>.li-es-hero:first-child{margin-top:20px!important}
@media (max-width:767px){.li-es.li-kec>.li-kec__hero:first-child,.li-es.li-kec>.li-es-hero:first-child{margin-top:24px!important}} /* BC-ECART-1010 : 24 px sur téléphone, comme partout */

/* MARGE-PIED-1010 (complément) : un seul espace avant le pied de page — celui du kit (56 px) ; l'ancien bas de page de 108 px faisait doublon. */
main.page__text{padding-bottom:0!important}
/* Exception voulue : sur l'accueil, le bandeau final (.li-final) touche le pied de page. */
body:has(main .li-final:last-child) footer.li-ft,body:has(.li-final.li-scene) footer.li-ft{margin-top:0!important}

/* MARGE-PIED-1010 (complément) : pages « pgk » (Demandes…) — pas d'espace propre en bas, seul celui du kit compte. */
.li-pgk-page{padding-bottom:0!important}.li-pgk-body>:last-child{margin-bottom:0!important}
/* RSD-GRILLE-1010 : 4 types de logement = 4 colonnes sur ordinateur (personne seul sur sa ligne). */
@media (min-width:1024px){.li-rsd-types:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}}

/* MARGE-PIED-1010 (complément) : page de résidence — seul l'espace du kit avant le pied de page. */
main.li-rsd-page{padding-bottom:0!important;margin-bottom:0!important}.li-rsd>:last-child{margin-bottom:0!important}
.li-rsd-page>.li-rsd{margin-bottom:0!important} /* MARGE-PIED-1010 */

/* TEXTE-LONG-1010 (règle ajoutée) : un texte trop long sur une ligne de carte finit par « … », jamais coupé net. */
.li-lcard__foot{min-width:0}.li-lcard__foot .li-lcard__price{flex:0 0 auto}
.li-lcard__foot .li-lcard__loc{display:block!important;flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.li-lcard__foot .li-lcard__loc .li-icn{display:inline-block;vertical-align:-2px;margin-right:6px}

/* TEXTE-PLEINE-LARGEUR-1010 : le texte d’un encart occupe toute sa largeur (page de résidence). */
.li-rsd-pres p{max-width:none!important}

/* RSD-LIEN-1010 : sur la carte d'un type, le bloc « résidence » est un lien vers sa page. */
a.li-card-host--lien{text-decoration:none!important;color:inherit!important}
a.li-card-host--lien .li-card-host__main{min-width:0}a.li-card-host--lien .li-rsd-sub,a.li-card-host--lien .li-card-host__name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}a.li-card-host--lien:hover .li-card-host__name{color:var(--k-a-deep,var(--k4-a-deep))}
.li-card-host__go{margin-left:auto;padding-left:8px;color:var(--k-a-deep,var(--k4-a-deep));font-weight:700;flex:0 0 auto}

/* BOUTONS-ECART-1010 (règle ajoutée) : des boutons voisins ne se touchent jamais — l’en-tête d’un encart suit l’écart des groupes de boutons (.li-k-actions, --k-s3). */
.li-k-box__aside{display:flex;flex-wrap:wrap;align-items:center;gap:var(--k-s3,12px)}
@media (max-width:767px){.li-k-box__aside{flex-direction:column;align-items:stretch}}

/* MENU-ECRAN-1010 (règle ajoutée) : un menu « ⋯ » ne sort jamais de l’écran — sur téléphone il s’ouvre vers la droite, depuis le bord gauche du bouton. */
@media (max-width:767px){.li-docs-menu__pop{left:0!important;right:auto!important;max-width:calc(100vw - 32px)}}

/* DEFILEMENT-VISIBLE-1010 (règle ajoutée) : une zone qui défile de gauche à droite le montre — barre toujours visible (Safari/macOS la masquent sinon). */
.li-d3-oc,.l1-tw,.li-k-tw{scrollbar-width:thin;scrollbar-color:var(--k-a,var(--k4-a)) var(--k-cream,var(--k4-bg-2))}
:is(.li-d3-oc,.l1-tw,.li-k-tw)::-webkit-scrollbar{height:8px;-webkit-appearance:none}
:is(.li-d3-oc,.l1-tw,.li-k-tw)::-webkit-scrollbar-track{background:var(--k-cream,var(--k4-bg-2));border-radius:999px}
:is(.li-d3-oc,.l1-tw,.li-k-tw)::-webkit-scrollbar-thumb{background:var(--k-a,var(--k4-a));border-radius:999px}

/* TABLETTE-TABLEAUX-1010 : en tablette portrait (761-900 px), les tableaux « --stack » s'empilent aussi (sinon colonne d'actions hors écran). */
@media (min-width:761px) and (max-width:900px){
 .li-k-table--stack thead{display:none}
 .li-k-table--stack,.li-k-table--stack tbody,.li-k-table--stack tr,.li-k-table--stack td{display:block;width:auto!important}
 .li-k-table--stack tr{padding:12px 14px;border-bottom:1px solid var(--k-line-2)}
 .li-k-table--stack td{padding:2px 0;border:0;white-space:normal!important}
 .li-k-table--stack td:first-child{margin-bottom:6px}
 .li-k-table--stack td:last-child{color:var(--k-mute);font-size:.85rem}
 .li-k-table--stack tr.li-k-table__group{padding:0}
 .li-k-table--stack tr.li-k-table__group td{padding:8px 14px}
 .li-k table.li-k-table--stack td{padding:2px 0!important}
}

/* TITRE-RETOUR-1111 : un titre d’encadré passe toujours à la ligne (« Importer des séjours (réalisés ou à venir) » sortait de l’écran sur téléphone), et le menu « ⋯ » des logements reste dans la largeur. */
.li-k-box__head>.li-k-box__title{min-width:0;flex:1 1 auto;white-space:normal!important;overflow-wrap:anywhere}
@media (max-width:900px){.li-lga-plus{position:relative}.li-lga-plus .li-lga-menu{position:absolute!important;top:38px;right:0;left:auto;min-width:210px!important;max-width:calc(100vw - 32px);box-sizing:border-box;box-shadow:0 14px 30px -14px rgba(42,20,32,.35)!important;margin-top:0}.li-lga-menu a,.li-lga-menu button{white-space:normal}}
/* FAVORIS-SANS-APROPOS-1110 (règle ajoutée ; placement validé par Kaëlig le 11/10/2026 : « le bouton des favoris doit bien se trouver ici », à la ligne « À propos de ce logement ») : fiche SANS description, donc sans rubrique « À propos ». « Ajouter aux favoris » sort du bandeau crème et prend EXACTEMENT la place qu'il a sur une fiche avec description (mesures du 11/10 sur #104194) : même pilule framboise, sous la galerie, au bord droit sur ordinateur (ordre 5 = celui de la description, hivepress.css) ; sur tablette et téléphone à l'ordre 8 (= description, listing-mobile.css), au bord droit, puis à GAUCHE sous 600 px, comme la référence (inc/listing-layout-2026.php, @media max-width:599px : pilule sur sa propre ligne, flex-start). flex-direction:row : sous 768 px, HivePress met la barre en colonne. Ne vise que la barre qui ne porte que ce bouton (la barre d'onglets d'un propriétaire, 2 onglets ou plus, reste telle quelle). Les fiches avec description ne sont jamais concernées : le bouton y est déplacé par inc/listing-layout-2026.php. */
.hp-listing--view-page>.hp-page__content:not(:has(>.hp-listing__description))>.hp-page__topbar:not(:has(.hp-menu__item:nth-child(2))){order:5;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin:0;padding:0;background:none;border:0;box-shadow:none}
.hp-listing--view-page>.hp-page__content:not(:has(>.hp-listing__description))>.hp-page__topbar:not(:has(.hp-menu__item:nth-child(2)))>.hp-listing__actions--secondary{margin:0;padding:0}
.hp-listing--view-page>.hp-page__content:not(:has(>.hp-listing__description))>.hp-page__topbar:not(:has(.hp-menu__item:nth-child(2))) .hp-listing__action--favorite{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border:1px solid var(--rasp);border-radius:var(--pill);background:#fff;color:var(--rasp-deep);font-weight:600;font-size:.9rem;line-height:1;text-decoration:none;transition:background .18s ease,border-color .18s ease,color .18s ease}
.hp-listing--view-page>.hp-page__content:not(:has(>.hp-listing__description))>.hp-page__topbar:not(:has(.hp-menu__item:nth-child(2))) .hp-listing__action--favorite .hp-icon{color:var(--rasp)}
@media (hover:hover) and (pointer:fine){
 .hp-listing--view-page>.hp-page__content:not(:has(>.hp-listing__description))>.hp-page__topbar:not(:has(.hp-menu__item:nth-child(2))) .hp-listing__action--favorite:hover{background:var(--rasp);border-color:var(--rasp);color:#fff}
 .hp-listing--view-page>.hp-page__content:not(:has(>.hp-listing__description))>.hp-page__topbar:not(:has(.hp-menu__item:nth-child(2))) .hp-listing__action--favorite:hover .hp-icon{color:#fff}
}
@media (max-width:1023px){.hp-listing--view-page>.hp-page__content:not(:has(>.hp-listing__description))>.hp-page__topbar:not(:has(.hp-menu__item:nth-child(2))){order:8;margin:0}}
@media (max-width:599px){.hp-listing--view-page>.hp-page__content:not(:has(>.hp-listing__description))>.hp-page__topbar:not(:has(.hp-menu__item:nth-child(2))){justify-content:center}} /* FAVORIS-CENTRE-1210 : centrée au téléphone sur une fiche SANS description (décision du 12/10) ; la fiche AVEC description la garde à gauche sous « À propos » (listing-layout-2026.php) */


/* VILLE-DROITE-1210 : cartes de l’accueil et des pages villes — la ville est alignée à droite, à l’opposé du prix, comme dans le catalogue ; elle ne s’étire plus (TEXTE-LONG-1010 la faisait partir de la gauche). */
.li-lcard .li-lcard__foot .li-lcard__loc:not(#li-k-z){flex:0 1 auto;margin-left:auto!important}

/* CHAMPS-48-1210 : formulaire « Demander un logement » (.li-qp) — tous les champs à 48 px pile, comme .li-k-form (relevé du 12/10 : 48,4 px pour la ville, 49 px pour code postal, dates et budget). Le champ piège anti-robots n'est pas concerné. */
.li-qp :is(input[type=text],input[type=email],input[type=tel],input[type=number],input[type=url],input[type=search],input[type=password]):not([name=li_demande_hp]){height:48px!important;min-height:48px!important;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box!important}

/* FOCUS-PILULE-1210 : au clavier, un filtre du kit garde sa forme de pilule (.li-k :focus-visible lui imposait l'arrondi de 8 px). */
.li-k .li-k-filtre:focus-visible{border-radius:var(--k-pill)}

/* INSCR-PIED-1210 : page Inscription — le bouton « Inscription » et la note « Après l’inscription… » ne se touchent plus : 16 px entre les deux sur ordinateur (côte à côte), 16 px dessous au téléphone (empilés). La fenêtre de connexion garde son propre écart (règle .hp-modal plus forte). */
.hp-form__footer:has(>.li-idob-inscr){gap:16px}
.hp-form__footer>.li-idob-inscr,.hp-form__footer:has(>.li-idob-inscr)>.hp-form__button{margin:0!important}

/* ---------- PASTILLES-TDB-1210 : pastilles du tableau de bord des structures rangées dans les familles du kit ----------
   Contrôle complet du 12/10 + inventaire des 5 onglets (Accueil, Logements, Voyageurs, Équipe, Structure). Couleurs et
   icônes INCHANGÉES (principe de PASTILLES-0310) : seules hauteur, marges, texte et forme s'alignent.
   1) En-tête de la structure = badges de l'en-tête du compte (.li-status__chip) : 26 px, compact 22 px au téléphone
      (remplace la mesure de 32 px de PASTILLES-ENTETE-0910, plus haute que partout ailleurs). */
body .li-stx-hero2__badges > *:not(#li-k-z){height:26px!important;padding:0 11px!important;font-size:13px!important;font-weight:700!important;gap:6px!important;border-radius:999px!important}
body .li-stx-hero2__badges > *:not(#li-k-z) i{font-size:13px!important;width:13px}
body .li-stx-hero2__badges > *:not(#li-k-z) svg,body .li-stx-hero2__badges > *:not(#li-k-z) .li-tbadge__ic,body .li-stx-hero2__badges > *:not(#li-k-z) .li-act__ic{width:13px!important;height:13px!important}
@media (max-width:640px){
	body .li-stx-hero2__badges > *:not(#li-k-z){height:22px!important;padding:0 9px!important;font-size:11.5px!important;gap:5px!important}
	body .li-stx-hero2__badges > *:not(#li-k-z) i{font-size:12px!important;width:12px}
	body .li-stx-hero2__badges > *:not(#li-k-z) svg,body .li-stx-hero2__badges > *:not(#li-k-z) .li-tbadge__ic,body .li-stx-hero2__badges > *:not(#li-k-z) .li-act__ic{width:12px!important;height:12px!important}
}
/* 2) États compacts (résidence « ✓ En ligne », « Offre −15 % », « En attente de validation » ; « Toujours active » ;
      « Message automatique ») = mesure de .li-k-pill : 22 px, 700, .72rem. */
:is(.li-cfg-pill,.li-scfg-mod--fixe em,.li-auto-tag):not(#li-k-z){display:inline-flex!important;align-items:center!important;gap:5px!important;height:auto!important;min-height:0!important;padding:4px 10px!important;border-radius:999px!important;font:700 var(--k-fs-xs,.72rem)/1.2 var(--k-sans,Inter,sans-serif)!important;letter-spacing:normal!important;text-transform:none!important;white-space:nowrap;box-sizing:border-box}
.li-cfg-pill--info:not(#li-k-z){padding:3px 10px!important} /* contour de 1 px : même hauteur de 22 px */
/* 3) Période de l'occupation (« 14 jours / 2 mois / 6 mois ») = interrupteur du kit (ONGLETS-0310) : rail blanc,
      contour fin, actif en pastille dégradée, texte Inter 700 13,5 px, 36 px. */
.li-d3-fz__seg:not(#li-k-z){background:#fff!important;border:1px solid var(--k-line,var(--k4-line))!important;box-shadow:0 4px 14px -10px rgba(36,23,38,.25)!important;padding:5px!important;gap:4px!important;border-radius:999px!important}
.li-d3-fz__seg:not(#li-k-z) button{min-height:36px;padding:0 16px!important;border-radius:999px!important;font:700 13.5px/1 var(--k-sans,Inter,sans-serif)!important;color:#5D4A55!important;background:transparent!important;box-shadow:none!important;white-space:nowrap}
.li-d3-fz__seg:not(#li-k-z) button[aria-pressed=true]{background:linear-gradient(120deg,var(--k-a-br,var(--k4-a-br)),var(--k-a,var(--k4-a)))!important;color:#fff!important;box-shadow:0 3px 10px rgba(var(--k-a-rgb,238,61,111),.3)!important}
@media (max-width:640px){.li-d3-fz__seg:not(#li-k-z) button{padding:0 12px!important;font-size:13px!important}}

/* LE-MEUR-1310 : n° de déclaration du meublé de tourisme sur la fiche — mention réglementaire discrète, en dernière ligne du bloc d'informations. */
.hp-listing__attributes .hp-listing__attribute--num-enreg:not(#li-k-z){order:999;flex:0 0 100%;display:block;margin:6px 0 0;padding:10px 0 0;border:0!important;font:400 12.5px/1.4 var(--k-sans,Inter,sans-serif);color:var(--k-mute,var(--k4-mute));font-variant-numeric:tabular-nums}

/* CONTACT-BTN-1310 : fenêtre « Contacter l'hôte » au téléphone — la règle (04/10) du bouton d'envoi ROND de la
   conversation (form.hp-form--message-send) écrasait aussi le bouton de la fenêtre : pastille de 40 px, texte coupé
   (« er un me »). La fenêtre retrouve le bouton principal du kit : pleine largeur, pilule, 48 px. */
@media (max-width:767px){
	body .hp-modal form.hp-form--message-send .hp-form__button:not(#li-k-z):not(#li-k-y):not(#li-k-x){position:static!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:48px!important;max-height:none!important;padding:0 22px!important;border-radius:999px!important;top:auto!important;transform:none!important}
}

/* NC-ACTIONS-1310 : /mes-notifications/ — « Tout marquer comme lu » et « Archiver les notifications lues ».
   La règle « Discret » (.li-btn--ghost) les rendait transparentes : deux liens de tailles différentes, empilés à droite.
   Elles deviennent deux boutons SECONDAIRES du kit (fond blanc, contour framboise), même taille, côte à côte. */
body .li-nc__actions:not(#li-k-z){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:10px!important;align-items:stretch!important}
body .li-nc__actions > :is(.li-nc__markall,.li-nc__arch-lues):not(#li-k-z):not(#li-k-y){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;min-height:44px!important;margin:0!important;padding:8px 16px!important;border-radius:999px!important;background:var(--k-card,#fff)!important;color:var(--k-a-deep)!important;border:1.5px solid rgba(var(--k-a-rgb),.35)!important;box-shadow:none!important;font:700 14px/1.25 var(--k-sans,Inter,sans-serif)!important;text-align:center!important;white-space:normal!important}
body .li-nc__actions > :is(.li-nc__markall,.li-nc__arch-lues):not(#li-k-z):not(#li-k-y):hover{background:var(--k-a-soft)!important;border-color:var(--k-a)!important}
body .li-nc__actions > .li-nc__markall:disabled:not(#li-k-z):not(#li-k-y){display:none!important}
@media (max-width:560px){body .li-nc__actions:not(#li-k-z){grid-template-columns:1fr!important}}

/* NC-RONDS-1310 : /mes-notifications/ — « Tout marquer comme lu » et « Archiver les notifications lues » deviennent deux
   petits boutons ronds, dans une pilule séparée à droite de « Mes notifications | Préférences » (demande du 13/10). */
body .li-nc__bar:not(#li-k-z){display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:10px;margin:0 0 20px}
body .li-nc__bar > .li-nc__tabs:not(#li-k-z){margin:0!important}
body .li-nc__quick:not(#li-k-z){display:inline-flex;align-items:flex-start;gap:4px;padding:5px 5px 0;box-sizing:border-box;border-radius:16px;background:var(--k-card,#fff);border:1px solid var(--k-line,var(--k4-line));box-shadow:0 4px 14px -10px rgba(36,23,38,.25)}
body .li-nc__quick > .li-nc__rond:not(#li-k-z):not(#li-k-y){display:inline-grid!important;place-items:center;flex:none!important;width:36px!important;height:36px!important;min-width:0!important;max-width:none!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:var(--k-a-deep)!important;box-shadow:none!important;cursor:pointer}
body .li-nc__quick > .li-nc__rond:not(#li-k-z):not(#li-k-y):hover{background:var(--k-a-soft)!important}
body .li-nc__quick > .li-nc__rond:not(#li-k-z):not(#li-k-y):focus-visible{outline:2px solid var(--k-a);outline-offset:2px}
body .li-nc__quick > .li-nc__rond:disabled:not(#li-k-z):not(#li-k-y){display:inline-grid!important;opacity:.35;cursor:default}
body .li-nc__quick > .li-nc__rond:disabled:not(#li-k-z):not(#li-k-y):hover{background:transparent!important}
body .li-nc__bar:has(.li-nc__tab[data-tab="prefs"].is-active) .li-nc__quick:not(#li-k-z){display:none!important}
body .li-nc__quick > .li-nc__rond:not(#li-k-z):not(#li-k-y)::before,body .li-nc__quick > .li-nc__rond:not(#li-k-z):not(#li-k-y)::after{content:none!important;display:none!important}
/* NC-RONDS-ETROIT-1310 : onglets + ronds sur UNE ligne jusqu'à 360 px ; au-delà, même hauteur. */
body .li-nc__quick:not(#li-k-z){min-height:46.5px}
@media (max-width:400px){
body .li-nc__bar:not(#li-k-z){gap:8px}
body .li-nc__bar .li-nc__tabs .li-nc__tab:not(#li-k-z){padding-left:9px!important;padding-right:9px!important}
body .li-nc__quick:not(#li-k-z){gap:2px}
}
@media (max-width:370px){
body .li-nc__bar .li-nc__tabs .li-nc__tab:not(#li-k-z){padding-left:7px!important;padding-right:7px!important}
}

/* CLASSEMENT-1310 : mention « Mise en avant payante » en bas de la FICHE (li_fiche_payant_html(), inc/premium-options.php).
   Même famille que le n° de déclaration (LE-MEUR-1310) : 12,5 px, couleur muette du kit, sans lien. */
.hp-listing--view-page .li-fiche-payant:not(#li-k-z){margin:18px 0 0;padding:0;font:400 12.5px/1.4 var(--k-sans,Inter,sans-serif);color:var(--k-mute,var(--k4-mute))}
.hp-listing--view-page .hp-page__content > .li-fiche-payant:not(#li-k-z){order:7} /* ordinateur : après « Ce que propose ce logement » (6), avant la carte (8) et les avis (9) */
@media (max-width:1023px){.hp-listing--view-page > .hp-page__content > .li-fiche-payant:not(#li-k-z){order:9}}

/* ENVOI-HAUTEUR-1310 : ordinateur, bouton « Envoyer un message » à la hauteur du champ d'une ligne (52 px).
   Il reste calé en bas quand le message s'allonge (align-items:flex-end du conteneur). */
@media (min-width:768px){
	body form.hp-form--message-send .hp-form__button.li-k-btn:not(#li-k-z):not(#li-k-y):not(#li-k-x){height:52px!important;min-height:52px!important}
}

/* AVIS-ACC-1310 : listes dans le corps d'une question repliable (puces dans le cadre). */
.li-k-acc__body ul:not(#li-k-z){margin:8px 0 0;padding:0 0 0 20px}
.li-k-acc__body ul:not(#li-k-z) > li{margin:0 0 6px}
.li-k-acc__body > p + p, .li-k-acc__body > ul + p{margin-top:10px}

/* DSP-LARGEUR-1310 : « Mes disponibilités » — le bloc « Synchroniser un calendrier externe » est emballé
   dans un élément sans classe, hors de portée de « .page__text > .li-es » : même colonne que le reste. */
.page__text .li-es.li-dsp-es:not(#li-k-z){max-width:var(--li-col,1216px);margin-inline:auto;box-sizing:border-box}

/* INSCR-BAS-1510 (proposition A validée le 15/10/2026) : bas de l'inscription.
   Note « pièce d'identité » en encadré d'information AVANT le bouton ; CGU à gauche,
   bouton « Inscription » à droite ; téléphone : bouton pleine largeur. */
.hp-form--user-register .hp-form__footer:has(>.li-idob-inscr){display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:16px 20px!important}
.hp-form--user-register .hp-form__footer>.li-idob-inscr{order:-2;flex:1 1 100%;display:flex;gap:10px;align-items:flex-start;background:#EEF3FF;border:1px solid #CCDAFB;border-radius:14px;padding:12px 14px;color:#173E96;font-size:14px;line-height:1.5;max-width:none;text-align:left}
.hp-form--user-register .hp-form__footer>.li-idob-inscr strong{color:inherit}
.hp-form--user-register .hp-form__footer>.li-idob-inscr>i{flex:none;margin-top:3px;font-size:15px}
.hp-form--user-register .hp-form__footer>.li-idob-cgu{order:-1;flex:1 1 240px;max-width:320px;margin:0!important;text-align:left}
.hp-form--user-register .hp-form__footer:has(>.li-idob-inscr)>.hp-form__button{order:0;flex:0 0 auto;width:auto!important;min-width:220px;margin-left:auto!important}
@media (max-width:600px){
.hp-form--user-register .hp-form__footer>.li-idob-cgu{flex-basis:100%;max-width:none}
.hp-form--user-register .hp-form__footer:has(>.li-idob-inscr)>.hp-form__button{flex:1 1 100%;width:100%!important;min-width:0;margin-left:0!important}
}

/* ICAL-1510 : ligne « Reliez vos calendriers » de Mes annonces (inc/myl-infos.php). */
.li-myl-ligne--ical i{background:#FFF1F5;color:var(--k4-a-deep)}
.li-myl-ligne a{color:inherit;text-decoration:none}
.li-myl-ligne a:hover{text-decoration:underline}
.li-myl-ligne--ical a{color:var(--k4-a-deep);font-weight:600}

/* KIT-LIGNE-2010 — ligne d'action (li_k_ligne) : icône + texte, actions à droite. Un seul bouton plein par encart ; petites actions en --ghost --sm. */
.li-k-ligne{display:flex;gap:10px 12px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--k-line);padding-top:10px}
.li-k-ligne>p{margin:0;display:flex;gap:10px;align-items:center;flex:1 1 280px;font-size:14.5px}
.li-k-ligne>p>.hp-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(var(--k-a-rgb),.1);color:var(--k-a-deep);flex:none;font-size:13px}
.li-k-ligne__a{display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:wrap;margin-left:auto}
@media (max-width:600px){.li-k-ligne__a{width:100%}.li-k-ligne__a>.li-k-btn:not(.li-k-btn--ghost){flex:1 1 100%;justify-content:center}.li-k-ligne>.li-k-ligne__a:has(>.li-k-btn--ghost:only-child){width:auto}.li-k-ligne>.li-k-ligne__a>.li-k-btn--ghost{flex:0 0 auto}}

/* ---------- KIT-V4-ENTETE : UN en-tête de page, UNE taille, sur TOUTES les pages ----------
   Pastille, grand titre, chapeau, boutons, médaillon incliné à droite (modèle : « Mes favoris »).
   Choix de Kaëlig (20/10) : la taille compacte sans médaillon est SUPPRIMÉE — ne pas la recréer. Fabrique : li_k_hero(). */
:is(.li-es-hero,.li-k-hero):not(#li-k-z){border-radius:var(--k-r-lg)!important;padding:clamp(24px,4vw,44px)!important;gap:24px 40px!important;
	background:radial-gradient(640px 300px at 100% 0%,color-mix(in srgb,var(--a,var(--k-a)) 16%,transparent),transparent 64%),linear-gradient(170deg,var(--k-card,#fff) 30%,color-mix(in srgb,var(--a,var(--k-a)) 6%,#fff))!important;
	border:1px solid color-mix(in srgb,var(--a,var(--k-a)) 14%,transparent)!important;box-shadow:var(--k-sh-md)!important}
.li-es-hero__side > :is(.li-pgk-art,.li-eqe-art,.li-dsp-art,.li-docs-art,.li-fav-art,.li-msg-art,.li-vs-art,.li-nc-art):not(#li-k-z),.li-k-hero .li-k-medal:not(#li-k-z){
	width:112px!important;height:112px!important;border-radius:30px!important;font-size:2.6rem!important;transform:rotate(-6deg)!important;box-shadow:0 22px 40px -18px color-mix(in srgb,var(--a,var(--k-a)) 80%,transparent)!important}
@media (max-width:767px){
	:is(.li-es-hero,.li-k-hero):not(#li-k-z){padding:22px 18px!important;border-radius:22px!important}
}

/* ---------- KIT-V4-CHAMP (étape 1, lot 1d) : libellé, champ, aide, erreur et compteur réunis (li_k_field) ---------- */
.li-k-field{gap:7px!important}
.li-k-label{font:600 .88rem/1.3 var(--k-sans)!important}
.li-k-field__aide{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;font:400 .82rem/1.45 var(--k-sans);color:var(--k-mute)}
.li-k-field__aide .li-k-help{font-size:inherit}
.li-k-field__n{margin-left:auto;flex:none;font-variant-numeric:tabular-nums}
.li-k-field__n.is-plein{color:var(--k-err);font-weight:700}
.li-k-field__err{display:none;align-items:center;gap:6px;font:600 .82rem/1.4 var(--k-sans);color:var(--k-err)}
.li-k-field.is-error .li-k-field__err{display:flex}
.li-k-field.is-error .li-k-field__aide .li-k-help{display:none}
/* Code à 6 chiffres reçu par e-mail (signature) : même champ que le kit, chiffres lisibles. */
.li-sign__otp label{color:var(--k-ink)!important}
.li-sign__otp input:not(#li-k-z){min-height:52px;width:200px;border:1.5px solid var(--k-line)!important;border-radius:var(--k-r-sm)!important;background:var(--k-card)!important;color:var(--k-ink)!important;font:700 22px/1 var(--k-sans)!important;letter-spacing:6px;text-align:center;transition:border-color .15s,box-shadow .15s}
.li-sign__otp input:not(#li-k-z):focus{outline:none;border-color:var(--k-a)!important;box-shadow:var(--k-ring)!important}
.li-sign__otp input:not(#li-k-z)::placeholder{color:var(--k-faint);letter-spacing:6px}

/* ---------- KIT-V4-FENETRE (étape 1, lot 1e) : fenêtre li_k_modal et confirmations liConfirm, un seul dessin ---------- */
.li-k-modal__in,.li-cfm__box{border-radius:var(--k-r-lg)!important;box-shadow:var(--k-sh-xl)!important;padding:26px!important;display:flex;flex-direction:column;gap:14px;position:relative}
.li-k-modal__in{width:min(480px,100%)!important}
.li-cfm__box{width:460px!important}
.li-k-modal__x{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:1px solid var(--k-line);background:var(--k-card);display:grid;place-items:center;cursor:pointer;padding:0;color:var(--k-ink)}
.li-k-modal__x:focus-visible{outline:none;box-shadow:var(--k-ring)}
.li-k-modal__t{margin:0!important;padding-right:44px;font:600 22px/1.25 var(--k-serif)!important;color:var(--k-ink)!important;text-wrap:balance}
.li-k-modal__corps{font-size:15px;line-height:1.55;color:var(--k-ink-2,var(--k-mute))}
.li-k-modal__corps > :first-child{margin-top:0}.li-k-modal__corps > :last-child{margin-bottom:0}
.li-k-modal__pied{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:6px}
.li-cfm__med{background:rgba(var(--k-a-rgb),.1)!important}
.li-cfm__med.is-danger{background:var(--k-err-bg)!important;color:var(--k-err)!important}
.li-cfm__b--non{border-color:var(--k-line)!important}
.li-cfm__b--oui{box-shadow:var(--k-sh-cta)}
.li-cfm__b--danger{background:var(--k-err)!important}
@media (max-width:767px){
	.li-k-modal__in,.li-cfm__box{border-radius:24px 24px 0 0!important;padding:34px 18px calc(22px + env(safe-area-inset-bottom,0px))!important;width:100%!important}
	.li-k-modal__pied{flex-direction:column-reverse}.li-k-modal__pied > *{width:100%;justify-content:center}
}

/* ---------- KIT-V4-PASTILLE / MESSAGE (étape 1, lot 1f) ----------
   Pastille = un ÉTAT (confirmé, en attente…) : hauteur fixe 26 px, point de couleur. --premium : seul usage de l'or.
   Message = une INFORMATION dans la page : aplat doux sans filet ; --accent = conseil de la maison (barre framboise). */
.li-k-pill:not(#li-k-z){height:26px;padding:0 11px;gap:6px;font:600 .78rem/1 var(--k-sans);box-sizing:border-box}
.li-k-pill--neutral:not(#li-k-z){background:var(--k-cream-2)}
.li-k-pill--a{color:var(--k-a-deep);background:rgba(var(--k-a-rgb),.1)}
.li-k-pill--premium{color:var(--k-gold-deep);background:rgba(208,134,30,.13)}
.li-k-pill--premium::before{content:"\2726"!important;width:auto!important;height:auto!important;background:none!important;font-size:.85em;opacity:1!important}
.li-k-notice:not(#li-k-z){padding:14px 16px;gap:12px;border:0;font-size:.93rem;line-height:1.5}
.li-k-notice > .hp-icon{margin-top:3px;flex:none}
.li-k-notice--ok:not(#li-k-z){color:#10563A}
.li-k-notice--wait:not(#li-k-z){color:#6A3A00}
.li-k-notice--err:not(#li-k-z){color:#8E1E18}
.li-k-notice--info:not(#li-k-z){color:#1F376F}
.li-k-notice--accent{color:var(--k-ink);background:rgba(var(--k-a-rgb),.05);box-shadow:inset 3px 0 0 var(--k-a)}
.li-k-notice--accent > .hp-icon{color:var(--k-a-deep)}

/* ---------- KIT-V4-CARTE (étape 1, lot 1g) : pied de carte = prix à gauche, ville à droite, sur UNE ligne ----------
   Avec l'offre membres (prix barré), le prix se resserre au lieu de pousser la ville hors de la carte. */
.hp-listing__footer:has(.li-om-c) .li-om-c:not(#li-k-z){flex:1 1 auto!important;min-width:0;order:0!important;margin:0!important}
.hp-listing__footer .hp-listing__attribute--ville{flex:none;white-space:nowrap}
.hp-listing__footer .hp-listing__attributes--primary{min-width:0}

/* ---------- KIT-V4-RECHERCHE-R1 : barre d'outils du catalogue ----------
   « Par ligne » et « Par page » prennent le dessin du sélecteur Liste | Carte : UN modèle de boutons groupés
   (fond blanc, filet neutre, bouton actif plein framboise), mêmes hauteurs. */
:is(.li-lpr__opts,.li-lpp__opts):not(#li-k-z){display:inline-flex!important;align-items:center;gap:2px;padding:4px!important;border:1px solid var(--k-line)!important;border-radius:999px!important;background:var(--k-card)!important;box-shadow:var(--k-sh-xs)!important;overflow:visible!important}
:is(.li-lpr__btn,.li-lpp__btn):not(#li-k-z){display:inline-flex!important;align-items:center;justify-content:center;height:34px!important;min-width:40px;padding:0 12px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:var(--k-ink-2)!important;font:700 14px/1 var(--k-sans)!important;text-decoration:none!important;box-shadow:none!important;transition:background .15s,color .15s}
:is(.li-lpr__btn,.li-lpp__btn):not(#li-k-z):hover{color:var(--k-a-deep)!important;background:rgba(var(--k-a-rgb),.08)!important}
:is(.li-lpr__btn[aria-pressed=true],.li-lpp__btn[aria-current=true]):not(#li-k-z){background:var(--k-a-grad)!important;color:#fff!important;box-shadow:var(--k-sh-cta)!important}
:is(.li-lpr__btn,.li-lpp__btn):not(#li-k-z):focus-visible{outline:none;box-shadow:var(--k-ring)!important}
@media (max-width:767px){:is(.li-lpr__btn,.li-lpp__btn):not(#li-k-z){height:38px!important;min-width:44px}}
/* Badges posés sur la photo : une hauteur, une typographie. Framboise = offre membres, or = mise en avant payante (« À la une »). */
:is(.hp-listing--view-block,.li-lcard,.li-svl__c) .li-flag:not(#li-k-z){display:inline-flex!important;align-items:center;gap:5px;height:24px!important;min-height:0!important;padding:0 10px!important;border-radius:999px!important;font:800 11px/1 var(--k-sans)!important;letter-spacing:.05em!important;text-transform:uppercase;box-sizing:border-box;white-space:nowrap}
:is(.hp-listing--view-block,.li-lcard,.li-svl__c) .li-flag--om:not(#li-k-z){background:var(--k-a-grad)!important;color:#fff!important;box-shadow:0 0 0 1.5px rgba(255,255,255,.85),0 4px 10px -4px rgba(var(--k-a-rgb),.6)!important}
:is(.hp-listing--view-block,.li-lcard,.li-svl__c) .li-flag--featured:not(#li-k-z){background:linear-gradient(120deg,#C87D16,#A86A12 60%,#8F5A0E)!important;color:#fff!important;border:0!important;box-shadow:0 4px 10px -4px rgba(143,90,14,.55)!important} /* 20/10 : sans liseré blanc, texte blanc */

/* ---------- KIT-V4-RECHERCHE-R2 : catégories de filtres (accordéons de la colonne) ----------
   Titre en Inter 14 px, encre du kit, pictogramme dans une pastille douce (comme li_k_ligne). Avant : petites capitales brunes et emojis. */
.hp-form--listing-filter .li-fcat:not(#li-k-z){min-height:48px;padding:8px 2px!important;gap:12px!important;font:600 14px/1.3 var(--k-sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--k-ink)!important}
.hp-form--listing-filter .li-fcat:not(#li-k-z):hover{color:var(--k-a-deep)!important}
.hp-form--listing-filter .li-fcat:not(#li-k-z):focus-visible{outline:none!important;box-shadow:var(--k-ring);border-radius:10px}
.hp-form--listing-filter .li-fcat__ico:not(#li-k-z){flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(var(--k-a-rgb),.1);color:var(--k-a-deep);font-size:13px;filter:none}
.hp-form--listing-filter .li-fcat__ico .hp-icon{font-size:13px;line-height:1;width:auto;height:auto;margin:0}
.hp-form--listing-filter .li-fcat__chev:not(#li-k-z){color:var(--k-mute)}
.hp-form--listing-filter :is(.li-fcats,.li-fcat-group):not(#li-k-z){border-color:var(--k-line-2,var(--k-line))!important}
.hp-form--listing-filter .li-fcat--sep:not(#li-k-z){gap:10px;margin:1.4rem 0 .6rem;font:700 12px/1.2 var(--k-sans);letter-spacing:.05em;color:var(--k-mute)}
.hp-form--listing-filter .li-fcat--sep::after{background:var(--k-line)!important}
.hp-form--listing-filter .li-fcat--sep .li-fcat__ico:not(#li-k-z){width:24px;height:24px;border-radius:7px;font-size:11px}
.hp-form--listing-filter .li-fcat--sep .li-fcat__ico .hp-icon{font-size:11px}

/* ---------- KIT-V4-FICHE-R3 : fiche annonce ---------- */
/* Titres des encarts de la colonne : UN dessin (Fraunces 18 px, à gauche, encre), comme « Disponibilités ». */
.hp-listing--view-page .li-om__h:not(#li-k-z){display:flex!important;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;text-align:left!important}
.hp-listing--view-page .li-om__t:not(#li-k-z){font:600 18.4px/1.25 var(--k-serif)!important;color:var(--k-ink)!important;letter-spacing:-.01em;text-transform:none!important}
/* Tableau des prix avec offre membres : l'ancien prix passe AU-DESSUS du nouveau, la 1re colonne ne s'écrase plus lettre par lettre. */
.li-tf-fiche--om .li-tf-fiche__t3 td s{display:block;font-size:.82em;line-height:1.2;color:var(--k-mute)}
.li-tf-fiche--om .li-tf-fiche__t3 :is(th,td){white-space:nowrap}
.li-tf-fiche--om .li-tf-fiche__t3 :is(th,td):first-child{white-space:normal;min-width:5.5em;word-break:normal;overflow-wrap:normal}
/* Bandeau « Offre spéciale pour les membres » : dégradé framboise, sans or (l'or est réservé au Premium). */
.li-rsd-av.li-rsd-av--fiche:not(#li-k-z){background:linear-gradient(120deg,var(--k-a-deep) 0%,var(--k-a) 60%,var(--k-a-br) 100%)!important}
/* « Ajouter à mon agenda » : boutons secondaires du kit, cible de 44 px. */
.li-cal__ics-link:not(#li-k-z){display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 14px!important;border:1.5px solid var(--k-line)!important;border-radius:999px!important;background:var(--k-card)!important;color:var(--k-ink)!important;font:600 13.5px/1 var(--k-sans)!important;text-decoration:none!important;box-shadow:none!important}
.li-cal__ics-link:not(#li-k-z):hover{border-color:var(--k-a)!important;color:var(--k-a-deep)!important}
.li-cal__nav:not(#li-k-z){width:40px!important;height:40px!important}

/* ---------- KIT-V4-FICHE-R4 ---------- */
/* Agenda : trois boutons qui tiennent dans la colonne (« Apple/Outlook » débordait). */
.li-cal__ics-row:not(#li-k-z){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
.li-cal__ics-link:not(#li-k-z){padding:0 6px!important;font-size:12.5px!important;white-space:nowrap;min-width:0}
/* « Mise en avant payante » : petite pastille neutre au lieu d'un texte gris isolé. */
.hp-listing--view-page .li-fiche-payant:not(#li-k-z){display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;background:var(--k-cream-2);color:var(--k-ink-2);font:600 12px/1 var(--k-sans);margin:18px 0 0;width:max-content;max-width:100%;align-self:flex-start}

/* ---------- KIT-V4-PUBLIC-P2 ----------
   Focus clavier : TOUT élément actif montre un contour framboise au clavier (Tab), jamais à la souris.
   Les pièces du kit qui ont leur anneau (--k-ring) le gardent : cette règle ne remplit que les trous (outline:none sans remplacement). */
:where(a,button,summary,[role=button],[tabindex]:not([tabindex="-1"]),input,select,textarea):focus-visible{outline:2px solid var(--k-a,#EE3D6F);outline-offset:2px}
/* Pied de page : icônes des réseaux à 44 px (cible tactile). */
.li-ft :is(a[href*="facebook"],a[href*="instagram"],a[href*="linkedin"]):not(#li-k-z){width:44px!important;height:44px!important;display:inline-grid!important;place-items:center}

/* ---------- KIT-V4-PUBLIC-P3 ----------
   /tarifs/ : UNE carte de formule. Même rayon, filet neutre et ombre douce pour « Membre », « Abonné » et le bandeau
   des structures ; seule la carte Premium garde son filet doré (l'or = Premium). */
:is(.li-tf__base,.li-tf__c,.li-tf__pro):not(#li-k-z){border-radius:var(--k-r-lg)!important;box-shadow:var(--k-sh-sm)!important}
:is(.li-tf__base,.li-tf__c:not(.li-tf__c--prem),.li-tf__pro):not(#li-k-z){border:1px solid var(--k-line)!important}
/* « Que financent les adhésions ? » : titre de question, pas un titre de page (était 33 px). */
.li-adh-det > summary :is(h2,h3):not(#li-k-z){margin:0!important;font:600 clamp(1.15rem,1rem + .5vw,1.35rem)/1.3 var(--k-serif)!important;letter-spacing:-.01em}
/* Comment ça marche, « Bien réserver » : 5 étapes en 3 + 2 à l'ordinateur (avant : 5 colonnes étroites, grands vides). */
@media (min-width:1024px){
	.li-brc-parcours:not(#li-k-z){grid-template-columns:repeat(6,minmax(0,1fr))!important}
	.li-brc-parcours > .li-brc-et:nth-child(-n+3){grid-column:span 2}
	.li-brc-parcours > .li-brc-et:nth-child(n+4){grid-column:span 3}
}
.li-brc-et{display:flex;flex-direction:column}
.li-brc-et > .li-brc-et__o{margin-top:auto!important;align-self:flex-start}
/* Deux tons d'alerte seulement dans l'encadré : INFO (bleu) pour ce qui rassure, ATTENTION (rouge) pour « À éviter ». */
.li-brc-trace:not(#li-k-z){background:var(--k-info-bg)!important;color:#1F376F}
.li-brc-trace:not(#li-k-z) a{color:inherit;text-decoration:underline;text-underline-offset:2px;font-weight:600}

/* ---------- KIT-V4-MEMBRE-M1 ----------
   Boutons en pilule : JAMAIS soulignés (Kaëlig, 20/10). Le soulignement reste aux liens dans le texte. */
a:is(.li-k-btn,.li-btn,.hp-button,.button,.li-es-btn,.li-alx-b,.li-alx-b2,.li-avrp__b,.li-rsd-code__b,.li-cfm__b,.li-cal__ics-link,.li-eqmore__btn,.li-ref-share a,.li-k-autre a),
a:is(.li-k-btn,.li-btn,.hp-button,.button,.li-es-btn,.li-alx-b,.li-alx-b2,.li-avrp__b,.li-rsd-code__b):is(:hover,:focus,:visited){text-decoration:none!important}
/* Mon compte — « Un séjour attend votre avis » : encart de la maison (framboise doux), plus de jaune ambre. */
.li-avrp:not(#li-k-z){border:1px solid var(--k-line)!important;background:rgba(var(--k-a-rgb),.05)!important;border-radius:var(--k-r)!important;box-shadow:inset 3px 0 0 var(--k-a)}
.li-avrp__h:not(#li-k-z){color:var(--k-ink)!important}
.li-avrp__h:not(#li-k-z) i{color:var(--k-a)!important}
.li-avrp__b:not(#li-k-z){border:1.5px solid var(--k-a)!important;color:var(--k-a-deep)!important;background:var(--k-card)!important;font-weight:700}
.li-avrp__b:not(#li-k-z):hover{background:var(--k-a)!important;color:#fff!important}
/* « Adhésion offerte » : médaillon et pastille framboise (l'or = Premium). */
.li-abo-crown:not(#li-k-z){background:var(--k-a-grad)!important;box-shadow:var(--k-sh-cta)!important}
.li-abo-gift:not(#li-k-z){background:rgba(var(--k-a-rgb),.08)!important;border-color:rgba(var(--k-a-rgb),.22)!important}
.li-abo-gift__ico .hp-icon{color:var(--k-a-deep)}
.li-abo-card--hero:not(.li-abo-card--soutien):not(#li-k-z){background:radial-gradient(120% 90% at 100% 0%,rgba(var(--k-a-rgb),.10),transparent 60%),var(--k-card)!important}
/* Cagnotte : montants à l'encre du kit sur fond carte, « en attente » en gris-prune (plus d'ocre ni de pêche). */
.li-ref-stat:not(#li-k-z){background:var(--k-card)!important;border:1px solid var(--k-line)!important;border-radius:var(--k-r)!important}
.li-ref-stat:not(#li-k-z) b{color:var(--k-a-deep)!important}
.li-ref-stat--pending:not(#li-k-z) b{color:var(--k-ink-2)!important}
/* Titres de section de Mon compte (« Parrainage & cagnotte », « Gérer mon abonnement »…) : même taille que les titres d'encadré, plus 32 px. */
h2.li-abo-acts__h:not(#li-k-z){font:600 clamp(1.25rem,1.1rem + .5vw,1.5rem)/1.25 var(--k-serif)!important;margin:28px 0 12px!important;color:var(--k-ink)!important}
.li-abo-acts:not(#li-k-z){background:var(--k-card);border:1px solid var(--k-line);border-radius:var(--k-r-lg);box-shadow:var(--k-sh-sm);padding:clamp(18px,3vw,26px)}
.li-abo-acts:not(#li-k-z) > h2.li-abo-acts__h{margin-top:0!important}

/* ---------- KIT-V4-MEMBRE-M2 : conversation — « Ce logement est réservé ? » est une SUGGESTION : ligne discrète, pas un bandeau d'alerte. */
.li-msgctx-resa:not(#li-k-z){background:var(--k-card)!important;border:1px solid var(--k-line)!important;border-radius:var(--k-r-sm)!important;color:var(--k-ink-2)!important;font-weight:500!important;text-decoration:none!important;padding:10px 14px!important}
.li-msgctx-resa:not(#li-k-z) .hp-icon{color:var(--k-a)}
.li-msgctx-resa:not(#li-k-z) b{color:var(--k-a-deep);font-weight:700}
.li-msgctx-resa:not(#li-k-z) b::after{content:" \2192"}
.li-msgctx-resa:not(#li-k-z):hover{border-color:var(--k-a)!important;background:rgba(var(--k-a-rgb),.04)!important}

/* ---------- KIT-V4-MEMBRE-M3 : cagnotte de Mon compte (.li-par) aux couleurs du kit ---------- */
.li-par__cag > div:not(#li-k-z){background:var(--k-card)!important;border:1px solid var(--k-line)!important;border-radius:var(--k-r-sm)!important}
.li-par__cag > .is-att:not(#li-k-z) b{color:var(--k-ink-2)!important}
.li-par:not(#li-k-z){border-radius:var(--k-r-lg)!important;box-shadow:var(--k-sh-sm)}
.li-par__code:not(#li-k-z){background:rgba(var(--k-a-rgb),.05)!important;border-color:rgba(var(--k-a-rgb),.16)!important}

/* ---------- KIT-V4-MEMBRE-M4 : échelle des titres (espace membre et pièces du kit) ----------
   H2 de section = 22 px, H3 = 18 px, Fraunces 600, encre du kit. Les grands titres éditoriaux des pages publiques (accueil, villes, guide) ne sont pas concernés. */
:root{--k-fs-h2:22px;--k-fs-h3:18px}
:is(h2.li-abo-acts__h,.li-alx-h,.li-sup-m__h2,.li-mdt-h,.li-sta__sec h2,.li-sta__h,.li-k-box__title,.li-k-h):not(#li-k-z){font-family:var(--k-serif)!important;font-size:var(--k-fs-h2)!important;font-weight:600!important;line-height:1.25!important;color:var(--k-ink)!important;letter-spacing:-.01em}
:is(.li-ical2__h,.li-conf-niv__t,.li-brc-h,.li-dnv__c h3,.li-sta__cs h3,.li-sta__zone h3,.li-hrs-view__title):not(#li-k-z){font-family:var(--k-serif)!important;font-size:var(--k-fs-h3)!important;font-weight:600!important;line-height:1.3!important;color:var(--k-ink)!important}

/* ---------- KIT-V4-MEMBRE-M5 : icônes de Mes notifications (univers Logement) ---------- */
.li-es--logement .li-nc__ico--gold:not(:has(path[fill="currentColor"])):not(#li-k-z){color:var(--k-a)!important;background:rgba(var(--k-a-rgb),.1)!important}
.li-es--logement .li-nc__ico--violet:not(#li-k-z){color:var(--k-ok)!important;background:var(--k-ok-bg)!important} /* séjour validé ou confirmé = bonne nouvelle */

/* ---------- KIT-V4-PARCOURS-P2 : plus d'orange dans les pictogrammes et barres (or = Premium) ---------- */
:is(.li-mdt-ico,.li-ical2__ico):not(#li-k-z){background:var(--k-a-grad2)!important}
.li-iml__barre i:not(#li-k-z){background:var(--k-a-grad)!important}
/* KIT-V4-PARCOURS-P4 : pastille de l'en-tête du contrat de séjour (page hors espace.css). */
.li-sctr-r__tete .li-es-eyebrow:not(#li-k-z){width:max-content;background:var(--k-a-soft);border:1px solid var(--k-a-line);color:var(--k-a-deep)}

/* ---------- TEXTES-COUPES-2110 : deux lignes plutôt qu'un texte coupé ---------- */
.li-dsp-pick__t b:not(#li-k-z){white-space:normal;max-width:210px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:clip}
.li-dsp-pick__c:not(#li-k-z){align-items:center;min-height:62px}
.li-conv__obj:not(#li-k-z){display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal!important;overflow:hidden;line-height:1.35}
.li-conv__obj:not(#li-k-z) i{margin-right:5px}

/* ---------- DESIGN-DSP-MSG-2110 ---------- */
/* Mes disponibilités : la consigne de la page (encadré « Peignez vos périodes… ») suffit — la phrase du calendrier est masquée ICI seulement
   (calendar-edit.js sert aussi au tunnel /publier/, gelé). */
.li-availpage .li-avail__hint{display:none!important}
/* Sélecteur d'annonce au téléphone : fondu à droite = « il y en a d'autres, faites glisser ». */
@media (max-width:767px){
	.li-dsp-pick:not(#li-k-z){-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent);padding-right:40px}
}
/* Messages : les trois compteurs tiennent sur une ligne au téléphone (plus de case seule sur sa ligne). */
@media (max-width:600px){
	.li-msg-hero .li-es-kpis:not(#li-k-z){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
	.li-msg-hero .li-es-kpi:not(#li-k-z){padding:10px 10px!important;border-radius:14px!important}
	.li-msg-hero .li-es-kpi:not(#li-k-z) :is(dt,.li-es-kpi__l){font-size:.72rem!important;line-height:1.2}
	.li-msg-hero .li-es-kpi:not(#li-k-z) :is(dd,.li-es-kpi__n){font-size:1.5rem!important}
}

/* ---------- REVUE-P1-2110 ---------- */
/* P1-1 Catalogue : la ligne des surfaces passe à la ligne au lieu d'être coupée par le bord de la carte. */
/* SURF-LIGNE-2210 : seule une surface LONGUE (surfaces par chambre) prend toute la ligne ; « 21 m² » reste sur la ligne des voyageurs et couchages. */
.hp-listing--view-block .hp-listing__attribute--surface:has(.li-pxr-surfs):not(#li-k-z){white-space:normal!important;flex:1 1 100%;min-width:0;max-width:100%}
.hp-listing--view-block .li-pxr-surfs{min-width:0;overflow-wrap:anywhere}
/* P1-3 Guide pro : le sommaire (14 chapitres) tient en entier à l'écran. */
.li-gpro-som ol:not(#li-k-z){gap:4px}
.li-gpro-som a:not(#li-k-z){padding:6px 10px;margin:0!important;line-height:1.3}
/* P1-4 Mon compte : « Au mois · 5 € » et « À l'année · 36 € » jamais coupés ; empilés au téléphone. */
.li-chg__btn:not(#li-k-z){white-space:nowrap;justify-content:center;text-align:center}
@media (max-width:600px){.li-chg__btns:not(#li-k-z){display:flex!important;flex-direction:column;gap:8px;width:100%}.li-chg__btns .li-chg__btn:not(#li-k-z){width:100%}}
/* P1-7 Mes disponibilités : le choix Disponible / Peut-être / Indisponible tient dans sa carte au téléphone. */
@media (max-width:600px){.li-availpage .li-avail__modes:not(#li-k-z){display:flex;width:100%;box-sizing:border-box}.li-availpage .li-avail__modes > *:not(#li-k-z){flex:1 1 0;min-width:0;padding-left:6px;padding-right:6px;font-size:13px;text-align:center;justify-content:center}}
/* P1-6 Tunnel /publier/ (accord du 21/10, affichage seulement) : plus de noms d'étapes coupés en syllabes. */
.li-wz-rail__name{hyphens:none!important;-webkit-hyphens:none!important;word-break:normal;overflow-wrap:normal}
@media (min-width:1024px){.li-wz-rail:not(#li-k-z){max-width:1040px}.li-wz-rail__track:not(#li-k-z){column-gap:4px}.li-wz-rail__name:not(#li-k-z){max-width:68px;white-space:normal;font-size:.62rem;line-height:1.2}} /* NUIT-N4 : plus de noms collés */
@media (min-width:900px) and (max-width:1023px){.li-wz-rail__node:not(.is-current) .li-wz-rail__name{visibility:hidden}.li-wz-rail__node.is-current .li-wz-rail__name{white-space:nowrap}}
@media (max-width:559px){.li-wz-rail__scroll:not(#li-k-z){-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 34px),transparent)}}

/* ---------- PALETTE-A-2110 ---------- */
/* Variante A adoucie — « tout framboise, en tons doux » (choix de Kaëlig, 21/10 matin).
   SIGNATURE (framboise clair → framboise) : médaillons d'en-tête, numéros d'étapes ; plus d'orange.
   BANDEAU FINAL : framboise profond → framboise, sans ambre.
   RUBRIQUE (framboise sur rose très pâle) : petits pictogrammes de titres d'encadrés et de listes.
   ACTION (framboise) : boutons, liens, onglet / compteur actif — inchangés. Or = offres payantes, inchangé. */
html body{--k-sig:linear-gradient(135deg,#F584A6 0%,#EF4F7D 52%,#E2366B 100%)}
html body :is(.li-es-hero__side>*,.li-k-hero .li-k-medal,.li-pgk-art,.li-vs-art,.li-msg-art,.li-docs-art,.li-fav-art,.li-dsp-art,.li-nc-art,.li-eqe-art,.li-stats-art,.li-sta__hero .li-pgk-art):not(#zz1):not(#zz2):not(#zz3){background:var(--k-sig)!important}
html body .li-final:not(#zz1):not(#zz2){background:linear-gradient(120deg,#C21D53 0%,#E3366A 55%,#EE5A86 100%)!important}
html body :is(.li-step__n):not(#zz1):not(#zz2){background:var(--k-sig)!important;color:#fff!important}
html body :is(.li-k-box__head .li-k-ico,.li-k-empty .li-k-ico,.li-dnv__ico,.li-mdt-ico,.li-ical2__ico,.li-sej__ico,.li-res__ico,.li-avrp__i,.li-abo-act__i,.li-dchoix__i,.li-fcat__ico,.li-idob-moi__i,.li-feature__ico):not(#zz1):not(#zz2):not(#zz3){background:#FDEBF1!important;color:#C21D53!important;box-shadow:none!important;background-image:none!important}
html body :is(.li-k-box__head .li-k-ico,.li-k-empty .li-k-ico,.li-dnv__ico,.li-mdt-ico,.li-ical2__ico,.li-sej__ico,.li-res__ico,.li-avrp__i,.li-abo-act__i,.li-dchoix__i,.li-fcat__ico,.li-idob-moi__i,.li-feature__ico) :is(.hp-icon,i,svg):not(#zz1):not(#zz2){color:#C21D53!important}
/* Bandeau final de l'accueil : bouton blanc, texte framboise (il se détache du fond framboise). */
html body .li-final .li-btn--publish:is(*,:hover,:focus-visible):not(#zz1):not(#zz2){background:#fff!important;background-image:none!important;color:#C21D53!important;border-color:#fff!important;box-shadow:0 8px 22px rgba(120,10,45,.28)!important}

/* ---------- NUIT-N2-2110 : écarts de couleur (revue P2), palette B ---------- */
/* Inscription : « Aucune commission » = gratuit pour tous → vert (plus d'encadré ambre). */
.li-ip-note:not(#li-k-z){background:var(--k-ok-bg)!important;color:#10563A!important}
.li-ip-note:not(#li-k-z) b{color:#0E4A31!important}
/* Calendrier : week-ends en encre (le framboise voulait dire « disponible »). « Peut-être » garde l'ambre de la marque (palette B). */
.li-avail__day--we:not(.li-avail__day--dispo):not(.li-avail__day--maybe):not(.li-avail__day--indispo):not(#li-k-z){color:var(--k-ink)!important}
/* Demandes : puces et avatar neutres ; seules les demandes Premium gardent l'or. */
.li-dcard:not(.li-dcard--prem) .li-dchip:not(#li-k-z){border-color:var(--k-line)!important;background:var(--k-card)!important}
.li-dcard:not(.li-dcard--prem) .li-dcard__avatar:not(#li-k-z){background:var(--k-a-grad2)!important}
/* Pictogrammes décoratifs orange → pictogramme de rubrique (framboise sur rose pâle, palette A adoucie). */
:is(.li-feature__ico):not(#li-k-z){background:#FDEBF1!important;background-image:none!important;color:#C21D53!important;box-shadow:none!important}
:is(.li-feature__ico):not(#li-k-z) :is(i,svg,.hp-icon){color:#C21D53!important}

/* ---------- NUIT-N3-2110 : un seul bouton plein, un seul bouton secondaire (revue P2-4/9/10/11) ---------- */
/* Bouton plein : toujours le dégradé framboise avec son ombre (plus d'aplat rose). */
:is(.li-tf__c:not(.li-tf__c--prem) .li-tf__btn:not(.li-tf__btn--sec):not(.li-tf__btn--etat),.li-chg__up:not(.is-or) .li-chg__btn:not(.li-chg__btn--sec),.li-dec-cta__b--p):not(#li-k-z){background:var(--k-a-grad)!important;border-color:transparent!important;color:#fff!important;box-shadow:var(--k-sh-cta)!important}
/* Bouton secondaire : contour framboise (plus de contour gris à texte noir). */
.li-dec-cta__b:not(.li-dec-cta__b--p):not(#li-k-z){border:1.5px solid rgba(var(--k-a-rgb),.35)!important;color:var(--k-a-deep)!important;background:var(--k-card)!important}
.li-dec-cta__b:not(.li-dec-cta__b--p):not(#li-k-z):hover{border-color:var(--k-a)!important}
/* Filtre actif et numéros du sommaire du guide : framboise (plus de noir). */
.li-k-filtre[aria-pressed=true]:not(#li-k-z){background:var(--k-a)!important;border-color:var(--k-a)!important;color:#fff!important}
.li-gpro-som__n:not(#li-k-z){background:rgba(var(--k-a-rgb),.12)!important;color:var(--k-a-deep)!important}
.li-gpro-som a[aria-current] .li-gpro-som__n:not(#li-k-z),.li-gpro-som a.is-on .li-gpro-som__n:not(#li-k-z){background:var(--k-a)!important;color:#fff!important}
/* Mes annonces : « Archiver » = action rare, lien framboise discret (plus de gris en pointillés). */
.li-myl-mitem--del:not(#li-k-z){color:var(--k-a-deep)!important;border-style:solid!important;border-color:transparent!important}
/* Cibles de 44 px au téléphone. */
@media (max-width:767px){
	.li-dcard__reply:not(#li-k-z){min-height:44px!important;padding-left:18px!important;padding-right:18px!important}
	.li-nc__arch:not(#li-k-z){min-width:44px!important;min-height:44px!important}
	/* Boutons empilés : pleine largeur, centrés (plus d'escalier ni de largeurs différentes). */
	:is(.li-es-cta,.li-k-actions,.li-dec-cta,.li-k-box__acts,.li-404__acts):not(#li-k-z){flex-direction:column;align-items:stretch}
	:is(.li-es-cta,.li-k-actions,.li-dec-cta,.li-k-box__acts,.li-404__acts) > :is(a,button):not(#li-k-z){width:100%;justify-content:center;text-align:center;margin-left:0!important}
}

/* ---------- NUIT-N7-2110 ---------- */
/* P2-8 Téléphone : le médaillon incliné reste visible (plus petit, en haut à droite) — c'est la signature des en-têtes. */
@media (max-width:900px){
	.li-es-hero:not(#li-k-z){position:relative}
	.li-es-hero > .li-es-hero__side:not(#li-k-z):not(#li-k-y){display:block!important;position:absolute;top:14px;right:14px;margin:0!important;pointer-events:none}
	.li-es-hero > .li-es-hero__side > *:not(#li-k-z):not(#li-k-y){width:44px!important;height:44px!important;border-radius:13px!important;font-size:1.1rem!important;box-shadow:0 10px 20px -10px rgba(var(--k-a-rgb),.7)!important}
	.li-es-hero .li-es-hero__txt .li-es-eyebrow:not(#li-k-z){margin-right:56px!important}
	.li-k-hero:not(#li-k-z){position:relative}
	.li-k-hero .li-k-medal:not(#li-k-z):not(#li-k-y){display:grid!important;position:absolute;top:14px;right:14px;width:44px!important;height:44px!important;border-radius:13px!important;font-size:1.1rem!important;margin:0!important}
	.li-k-hero .li-k-hero__txt .li-k-eyebrow:not(#li-k-z){margin-right:56px!important}
}
/* P2-7 Titres de section des pages d'information (CGV, Aides & modèles, Obligations fiscales, Formules) : 22 px comme partout.
   Les pages de ville (enfants de /logements/) gardent leurs grands titres éditoriaux. */
body:not(.parent-pageid-21) .li-pgk-body :is(h2):not(#li-k-z),.li-tf__plus:not(#li-k-z){font:600 22px/1.25 var(--k-serif)!important;letter-spacing:-.01em;margin-top:32px}
/* P2-17 Conversation : un petit écart entre deux bulles d'une même série (elles se touchaient). */
.hp-message + .hp-message:not(#li-k-z){margin-top:6px!important}

/* ---------- NUIT-N8-2110 : finitions ---------- */
/* P3-1 Titres : lignes équilibrées, plus de mot seul sur la dernière ligne. */
:is(h1,h2,h3,.li-es-h1,.li-k-h1,.li-k-box__title):not(#li-k-z){text-wrap:balance}
p,li{text-wrap:pretty}
/* P3-4 Accueil au téléphone : les étapes sur une colonne, numéro à gauche, texte à gauche. */
@media (max-width:600px){
	.li-steps:not(#li-k-z){grid-template-columns:1fr!important;gap:14px!important}
	.li-steps .li-step:not(#li-k-z){display:grid;grid-template-columns:44px 1fr;column-gap:14px;text-align:left!important;align-items:start}
	.li-steps .li-step .li-step__n:not(#li-k-z){grid-row:1 / span 2;margin:0!important;width:44px!important;height:44px!important;font-size:1.15rem!important;box-shadow:0 6px 14px -6px rgba(var(--k-a-rgb),.5)!important}
	.li-steps .li-step :is(h3,p):not(#li-k-z){margin:0 0 4px!important;text-align:left!important}
}
/* Messages (liste) : le nom tient sur 2 lignes au lieu d'être coupé. */
.li-conv__name:not(#li-k-z){white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:clip}

/* ---------- NUIT-N6-2110 : tunnel /publier/ (proposition) ---------- */
.li-wz__opt:not(#li-k-z){display:inline-block!important;vertical-align:middle;margin-left:0!important;padding:4px 9px;border-radius:999px;background:#FDEBF1!important;color:#D42A62!important;font:600 11px/1 var(--k-sans)!important;letter-spacing:.02em;text-transform:none!important;border:0!important} /* Facultatif : gardé, en petite pastille rose (Kaëlig 21/10) */
.li-pay-warn:not(#li-k-z){background:var(--k-info-bg)!important;border-color:transparent!important;color:#1F376F!important}
.li-pay-warn:not(#li-k-z) .hp-icon{color:var(--k-info)!important}
.li-wz-card:has(input:checked):not(#li-k-z){background:rgba(var(--k-a-rgb),.05)!important}
/* TUNNEL-A-2110 : palette A adoucie dans le tunnel (plus de dégradé framboise → or) : icônes des tuiles, étape en cours du rail, barre de progression. */
html body .li-wz-card__ico:not(#zz1):not(#zz2),html body .li-wz-rail__node.is-current .li-wz-rail__dot:not(#zz1):not(#zz2){background:linear-gradient(135deg,#F584A6 0%,#EF4F7D 52%,#E2366B 100%)!important}
html body .li-wz-progress > span:not(#zz1):not(#zz2){background:linear-gradient(90deg,#F584A6,#E2366B)!important}
@media (min-width:900px){.li-wz-cards:has(> :nth-child(7):last-child):not(#li-k-z){grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.li-wz-rail__phase:not(#li-k-z){background:none!important;-webkit-text-fill-color:#C21D53!important;color:#C21D53!important} /* étiquette de phase en framboise (Kaëlig 21/10) */

/* ---------- MYL-PLUS-2110 ---------- */
/* : Mes annonces — les actions secondaires sous « Plus d'options » (replié par défaut). */
body .li-myl-card__acts .li-myl-menu > summary.li-myl-more:not(#li-k-z){display:flex!important;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 14px;border-radius:999px;border:1.5px solid rgba(var(--k-a-rgb,238,61,111),.35);background:var(--k-card,#fff);color:var(--k-a-deep,#C21D53);font:700 14px/1 var(--k-sans,Inter,sans-serif);cursor:pointer;list-style:none;user-select:none}
body .li-myl-card__acts .li-myl-menu > summary.li-myl-more::-webkit-details-marker{display:none}
body .li-myl-card__acts .li-myl-menu > summary.li-myl-more:not(#li-k-z):hover{background:var(--k-a-soft,#FFF1F5);border-color:var(--k-a,#EE3D6F)}
body .li-myl-card__acts .li-myl-menu > summary .li-myl-more__chev:not(#li-k-z){font-size:12px;transition:transform .2s}
body .li-myl-card__acts .li-myl-menu[open] > summary .li-myl-more__chev:not(#li-k-z){transform:rotate(180deg)}
body .li-myl-card__acts .li-myl-menu:not([open]) > .li-myl-menu__panel:not(#li-k-z){display:none!important}
body .li-myl-card__acts .li-myl-menu[open] > .li-myl-menu__panel:not(#li-k-z){margin-top:8px!important}
/* Bienvenue (onboarding) et étapes : framboise adouci, plus d'or (palette A, Kaëlig 21/10). */
.li-onb__bar>span:not(#li-k-z){background:linear-gradient(90deg,#F584A6,#E2366B)!important}
.li-onb__step.is-done .li-onb__mark:not(#li-k-z){background:linear-gradient(135deg,#F584A6 0%,#EF4F7D 52%,#E2366B 100%)!important;color:#fff!important}
.li-stepper__step.is-done:not(#li-k-z)::before,.li-stepper__step.is-active:not(#li-k-z)::before{background:linear-gradient(90deg,#F584A6,#E2366B)!important}

/* ---------- SIGCARTE-2110 : invitation à signer = carte dans la conversation ---------- */
.li-sigcard:not(#li-k-z){display:flex;flex-direction:column;gap:10px;min-width:min(300px,100%);max-width:380px;margin:2px 0;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid rgba(var(--k-a-rgb,238,61,111),.18);box-shadow:0 6px 18px -10px rgba(80,30,50,.35);color:var(--k-ink,#241726);text-align:left}
.li-sigcard__haut{display:flex;align-items:center;gap:12px}
.li-sigcard__ico:not(#li-k-z){flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#F584A6 0%,#EF4F7D 52%,#E2366B 100%);color:#fff;font-size:17px}
.li-sigcard__ico .hp-icon{color:#fff!important}
.li-sigcard__txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.li-sigcard__k:not(#li-k-z){font:700 11px/1.2 var(--k-sans,Inter,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:#C21D53}
.li-sigcard__doc:not(#li-k-z){font:600 16px/1.3 var(--k-serif,Fraunces,serif);color:var(--k-ink,#241726);overflow-wrap:anywhere}
.li-sigcard__etat:not(#li-k-z){margin:0;font-size:14px;line-height:1.45;color:var(--k-ink-2,#4B3B48)}
.li-sigcard__etat .hp-icon{margin-right:4px}
.li-sigcard.is-signed .li-sigcard__etat:not(#li-k-z){color:#10563A}
.li-sigcard.is-signed .li-sigcard__ico:not(#li-k-z){background:var(--k-ok-bg,#E7F5EC);color:#10563A}
.li-sigcard.is-signed .li-sigcard__ico .hp-icon{color:#10563A!important}
.li-sigcard.is-off .li-sigcard__ico:not(#li-k-z){background:#F3EAE2;color:#6F5F6D}
.li-sigcard.is-off .li-sigcard__ico .hp-icon{color:#6F5F6D!important}
a.li-sigcard__btn:not(#li-k-z){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;background:var(--k-a-grad);color:#fff!important;font:700 14px/1 var(--k-sans,Inter,sans-serif);text-decoration:none!important;box-shadow:var(--k-sh-cta)}
a.li-sigcard__btn .hp-icon{color:#fff!important}
a.li-sigcard__btn:not(#li-k-z):hover{transform:translateY(-1px)}

/* ---------- FAQ-UNIQUE-2110 : un seul style de questions fréquentes partout (accueil, FAQ, villes, kit, Découvrir) ---------- */
:is(.li-faq > details,details.li-k-acc,details.li-dec-q__i):not(#li-k-z):not(#li-k-y){display:block;background:#fff!important;border:1px solid var(--k-line,#EEE3DB)!important;border-radius:14px!important;margin:0 0 10px!important;padding:0!important;box-shadow:none!important;overflow:hidden;transition:border-color .2s,box-shadow .2s}
:is(.li-faq > details,details.li-k-acc,details.li-dec-q__i)[open]:not(#li-k-z):not(#li-k-y){border-color:rgba(var(--k-a-rgb,238,61,111),.35)!important;box-shadow:0 10px 24px -16px rgba(120,10,45,.4)!important}
:is(.li-faq > details,details.li-k-acc,details.li-dec-q__i) > summary:not(#li-k-z):not(#li-k-y){display:flex!important;align-items:center;justify-content:space-between;gap:14px;margin:0!important;padding:16px 18px!important;list-style:none;cursor:pointer;background:none!important;border:0!important;font:600 17px/1.35 var(--k-serif,Fraunces,Georgia,serif)!important;letter-spacing:-.005em;color:var(--k-ink,#241726)!important;text-align:left}
:is(.li-faq > details,details.li-k-acc,details.li-dec-q__i) > summary::-webkit-details-marker{display:none}
:is(.li-faq > details,details.li-k-acc,details.li-dec-q__i) > summary:not(#li-k-z):not(#li-k-y)::before{content:none!important;display:none!important}
:is(.li-faq > details,details.li-k-acc,details.li-dec-q__i) > summary:not(#li-k-z):not(#li-k-y)::after{content:""!important;display:block!important;position:static!important;flex:0 0 28px;width:28px!important;height:28px!important;margin:0!important;border:0!important;border-radius:50%!important;background:#FDEBF1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C21D53' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/13px no-repeat!important;transform:none;transition:transform .2s,background-color .2s;color:transparent!important;font-size:0!important}
:is(.li-faq > details,details.li-k-acc,details.li-dec-q__i)[open] > summary:not(#li-k-z):not(#li-k-y)::after{transform:rotate(180deg)}
:is(.li-faq > details,details.li-k-acc,details.li-dec-q__i) > summary:not(#li-k-z):not(#li-k-y):hover{color:#C21D53!important}
:is(.li-faq > details,details.li-k-acc,details.li-dec-q__i) > summary:not(#li-k-z):not(#li-k-y):focus-visible{outline:2px solid #C21D53;outline-offset:-2px;border-radius:14px}
:is(.li-faq > details,details.li-k-acc,details.li-dec-q__i) > :not(summary):not(#li-k-z):not(#li-k-y){margin:0!important;padding:0 18px 16px!important;font:400 15px/1.6 var(--k-sans,Inter,sans-serif)!important;color:var(--k-ink-2,#4B3B48)!important;max-width:none}
:is(.li-faq > details,details.li-k-acc,details.li-dec-q__i) > :not(summary) + :not(summary):not(#li-k-z){padding-top:0!important}
@media (max-width:600px){:is(.li-faq > details,details.li-k-acc,details.li-dec-q__i) > summary:not(#li-k-z):not(#li-k-y){font-size:16px!important;padding:14px 16px!important}:is(.li-faq > details,details.li-k-acc,details.li-dec-q__i) > :not(summary):not(#li-k-z):not(#li-k-y){padding:0 16px 14px!important}}

/* ---------- VIDES-2110 : un seul état vide partout (carte du kit, pictogramme framboise sur rose pâle) ---------- */
:is(.li-k-empty .li-k-ico,.li-empty__icon,.li-empty--listings .li-empty__icon,.li-empty--msg .li-empty__icon,.li-nc__empty-ico):not(#li-k-z):not(#li-k-y){display:grid!important;place-items:center;background:#FDEBF1!important;background-image:none!important;color:#C21D53!important;box-shadow:none!important}
:is(.li-k-empty .li-k-ico,.li-empty__icon,.li-nc__empty-ico):not(#li-k-z) :is(i,svg,.hp-icon){color:#C21D53!important;stroke:currentColor}
.li-empty:not(#li-k-z){max-width:none!important;margin:0 0 16px!important}
.li-empty__icon:not(#li-k-z),.li-nc__empty-ico:not(#li-k-z){width:56px!important;height:56px!important;border-radius:18px!important;margin:0 0 4px!important;font-size:1.4rem!important}
.li-nc__empty-ico svg:not(#li-k-z){width:26px!important;height:26px!important}
:is(.li-nc__empty,.li-docs-empty):not(#li-k-z):not(#li-k-y){display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:10px!important;padding:28px 24px!important;background:#fff!important;border:1px solid var(--k-line,var(--k4-line))!important;border-radius:26px!important;box-shadow:0 10px 30px -22px rgba(36,23,38,.35)!important}
.li-nc__empty p:not(#li-k-z),.li-docs-empty h3:not(#li-k-z){font:600 1.35rem/1.2 var(--k-serif)!important;color:var(--k-ink)!important;margin:0!important}
.li-nc__empty span:not(.li-nc__empty-ico):not(#li-k-z),.li-docs-empty p:not(#li-k-z){font:400 15px/1.6 var(--k-sans)!important;color:var(--k-mute)!important;margin:0!important;max-width:46ch}
/* Dans une liste (Mes alertes, Mes documents, Mes demandes) : la version compacte, fond crème, sans ombre. */
.li-k-empty.li-k-empty--c:not(#li-k-z):not(#li-k-y){background:var(--k-cream,#FDF9F3)!important;box-shadow:none!important;border:1px dashed #E6D6CC!important}
.li-k-empty--c + .li-mdt-note:not(#li-k-z){margin-top:12px!important}

/* ---------- CRIBLE-2110 : restes d'or et d'orange décoratifs → palette A adoucie ; petites finitions ---------- */
/* Dégradé signature (framboise clair → framboise) au lieu de framboise → or. */
:is(.li-conv__av,.li-avatar:not(.li-avatar--img),.li-review__avatar,.li-msgctx__media--icon,.li-cat-choice__ico,.li-res__ico,.li-empty__num,.li-myl-empty i,.li-tf-etu__ic,.li-es--logement .li-cl-duo__c.is-la):not(#li-k-z):not(#li-k-y){background:linear-gradient(135deg,#F584A6 0%,#EF4F7D 52%,#E2366B 100%)!important;color:#fff!important}
.li-avatar.li-avatar--img:not(#li-k-z){background:#FDEBF1!important}
.li-qual-pick__opt input:checked + span:not(#li-k-z){background:linear-gradient(135deg,#F584A6 0%,#EF4F7D 52%,#E2366B 100%)!important}
.li-alr-es .li-alert-item__see:not(#li-k-z){background:var(--k-a-grad)!important}
/* Filets et barres décoratifs. */
:is(.li-onb,.li-res,.li-plans):not(#li-k-z)::before{background:linear-gradient(180deg,#F584A6,#E2366B)!important}
.hp-menu--tabbed .hp-menu__item--current:not(#li-k-z)::after{background:linear-gradient(90deg,#F584A6,#E2366B)!important}
/* Petites icônes d'information : framboise (plus d'ambre). */
:is(.li-map-note .hp-icon,.li-stats-card__tip i,.li-ab-inclus .hp-icon,.li-ab-avoir .hp-icon,.li-shared-coords__head .hp-icon,.li-alert-bar--on .hp-icon,.li-tl__rgpd .li-tbadge__ic):not(#li-k-z){color:#C21D53!important}
.li-shared-coords:not(#li-k-z){background:#FFF5F8!important;border-color:rgba(var(--k-a-rgb,238,61,111),.22)!important}
/* Fiche : la note « Aucun paiement ne passe par le site » est une information → bleu, comme dans le tunnel. */
.li-pay-note--warn:not(#li-k-z){background:var(--k-info-bg,#EEF3FF)!important;border-color:transparent!important;color:#1F376F!important}
.li-pay-note--warn:not(#li-k-z) :is(i,.hp-icon,b,strong){color:var(--k-info,#2F52C9)!important}
/* Pagination : plus de soulignement dans les pastilles. */
:is(.navigation.pagination,.nav-links) :is(a,span).page-numbers:not(#li-k-z){text-decoration:none!important}
/* CGV au téléphone : le tableau défile dans son cadre au lieu d'être coupé. */
@media (max-width:600px){.li-pgk-body table:not(#li-k-z){display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}
/* Pages de ville : un seul bouton plein ; « Voir tous les logements » devient secondaire. */
.li-svl :is(a,button)[href*="/logements/"]:not([href*="alerte"]):not(#li-k-z){background:var(--k-card,#fff)!important;background-image:none!important;color:var(--k-a-deep,#C21D53)!important;border:1.5px solid rgba(var(--k-a-rgb,238,61,111),.35)!important;box-shadow:none!important}
/* Pastilles d'activité déclarées (pas encore vérifiées) : encre sur crème ; l'or reste réservé au payant. Vérifiées : vert, inchangé. */
.li-act:not(.li-act--ok):not(#li-k-z),body .li-card-host__badge.li-act--carte:not(.li-act--ok):not(#li-k-z){color:#4B3B48!important;background:#F3EAE2!important;border:1px solid #E6D6CC!important}
/* Liens « Signaler » : pictogramme drapeau du site. */
:is(.li-review-actions__report,.li-sm-sig a) .hp-icon:not(#li-k-z){margin-right:4px;font-size:.9em}

/* ---------- BADGES-2110 : une seule pastille de confiance. Référence : .li-tbadge (« Membre de confiance », « Profil vérifié ») ---------- */
/* Pastilles d'activité (« Chambres d'hôtes », « Gîte », « Hébergeur professionnel ») : même hauteur, même texte, même marge que .li-tbadge. */
.li-act:not(#li-k-z):not(#li-k-y){height:26px!important;padding:0 11px!important;gap:6px!important;font:700 13px/1 var(--k-sans,Inter,sans-serif)!important;letter-spacing:0!important}
/* Vérifiée : exactement le vert de « Membre de confiance ». */
.li-act.li-act--ok:not(#li-k-z):not(#li-k-y),body .li-card-host__badge.li-act--carte.li-act--ok:not(#li-k-z):not(#li-k-y){color:#0F766E!important;background:rgba(13,148,136,.14)!important;border:1px solid rgba(13,148,136,.32)!important}
.li-act.li-act--ok:not(#li-k-z) :is(i,svg,.hp-icon){color:#0F766E!important}
/* Sur les cartes : la petite taille des autres pastilles de carte (« Confiance », « Vérifié »). */
body .li-card-host__badge.li-act--carte:not(#li-k-z):not(#li-k-y){height:22px!important;padding:0 9px!important;font-size:11.5px!important}

/* ---------- OEIL-MDP-2110 : l'œil « Afficher le mot de passe » toujours DANS le champ, à droite ----------
   HivePress le place après le champ avec une marge négative : dès que le champ prend toute la largeur
   (page de connexion, fenêtre), l'œil passait dessous, par-dessus le message d'erreur. */
.hp-form__field--password:not(#li-k-z){display:grid!important;grid-template-columns:minmax(0,1fr)}
.hp-form__field--password > *:not(#li-k-z){grid-column:1}
.hp-form__field--password > input:not(#li-k-z){grid-row:2;padding-right:52px!important}
.hp-form__field--password > .hp-field__icon:not(#li-k-z){grid-row:2;justify-self:end;align-self:center;position:relative!important;z-index:2;margin:0 12px 0 0!important;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;color:var(--k-mute,#716374)!important;text-decoration:none!important}
.hp-form__field--password > .hp-field__icon:not(#li-k-z):hover{color:#C21D53!important;background:#FFF1F5}
/* PUCES-RECHERCHE-2210 : cartes de la recherche — « 2 voyageurs • 1 couchage • 21 m² », comme l'accueil et les pages villes.
   Les deux premières colonnes (formule, type de bien) sont masquées : la puce se place devant chaque colonne qui suit une colonne VISIBLE.
   Une surface détaillée par chambre (.li-pxr-surfs) passe à la ligne : pas de puce en tête de ligne. */
.hp-listing--view-block .hp-listing__attributes--secondary > .hp-row:not(#li-k-z){column-gap:6px!important}
.hp-listing--view-block .hp-listing__attributes--secondary > .hp-row > :not(:has(.hp-listing__attribute--arrangement,.hp-listing__attribute--type-bien)) ~ * > .hp-listing__attribute:not(:has(.li-pxr-surfs))::before{content:"•";margin-right:6px;color:inherit}
/* PILULES-BAS-2210 : pastilles d'équipements calées en bas du contenu, contre la ligne de séparation (hôte ou prix) :
   alignées d'une carte à l'autre quel que soit le titre. L'espace libre passe AU-DESSUS des pastilles ; l'hôte qui les suit perd son « auto ». */
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__content > .li-card-equip:not(#li-k-z){margin-top:auto!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__content > .li-card-equip ~ .li-card-host:not(#li-k-z):not(#li-k-y){margin-top:0!important}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__content > .li-card-equip:not(#li-k-z){order:2}
body:not(.li-u-creation) .hp-listing--view-block .hp-listing__content > .li-card-host:not(#li-k-z){order:3;min-height:57px;align-items:center} /* le tarif saisonnier (.li-tf-carte) passe au-dessus des pastilles ; hôte toujours à la hauteur de 2 lignes (structure + « Hébergeur professionnel ») */
.li-lcard .li-lcard__body > .li-card-equip:not(#li-k-z){margin-top:auto!important}
.li-lcard .li-lcard__body > .li-card-equip ~ .li-lcard__host:not(#li-k-z):not(#li-k-y){margin-top:0!important}