/* Affinités Immobilier · volet Louer (porte, huit services, espace locataire) · v1
   Couleur Louer : orange brûlé #B24E14, profond #8F3E10. Reprend passeport.css en substituant la couleur Acheter. */
:root{--loc:#B24E14;--loc-2:#8F3E10;--loc-t:#FBEEE4;--loc-t2:#F6DCC9}
.cta.loc{background:var(--loc);border-color:var(--loc);color:#fff}
.cta.loc:hover{background:var(--loc-2);border-color:var(--loc-2)}
body.p-loc{--ach:var(--loc);--ach-2:var(--loc-2);--gold:var(--loc);--gold-2:var(--loc-2)}
.p-loc .top{--ach:#2E6B57;--ach-2:#245746}
.p-loc .pp-l li>.ic,.p-loc .pp-eng li>.ic{background:var(--loc-t);color:var(--loc)}
.p-loc .pp-today{background:var(--loc-t);border-color:var(--loc)}
.p-loc .esc-zero{background:var(--loc-t);border-color:var(--loc)}
.p-loc .esc-zero:hover{background:var(--loc-t2)}
@media (max-width:760px){.p-loc .esc-zero .esc-go{border-top-color:rgba(178,78,20,.25)}}
.p-loc .pp-badge,.p-loc .esc-ic{background:linear-gradient(150deg,#B24E14,#471F08)}
.p-loc .pp-badge-dossier{background:linear-gradient(150deg,#C9703A,#B24E14)}
.p-loc .pp-badge-relocation,.p-loc .pp-badge-gerances{background:linear-gradient(150deg,#5C280A,#17191C)}
.p-loc .esc-nav a[aria-current]{background:var(--loc)}
.p-loc .esc-nav ol{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:760px){.p-loc .esc-nav ol{grid-template-columns:1fr 1fr}}
.p-loc .esc-dossier a{min-height:330px}.p-loc .esc-veille a{min-height:370px}.p-loc .esc-recherche a{min-height:410px}.p-loc .esc-relocation a{min-height:450px;border-color:var(--ink)}
@media (max-width:900px){.p-loc .esc-s a{min-height:0!important}}
.p-loc .vid-p svg{fill:var(--loc)}
/* choix d'une formule (veille, relocation) */
.loc-choix{border:0;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.loc-choix legend{font-size:13px;color:var(--muted);margin-bottom:6px;padding:0}
.loc-choix label{position:relative;display:block;cursor:pointer}
.loc-choix input{position:absolute;opacity:0;width:1px;height:1px}
.loc-choix span{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:border-color .15s,background .15s}
.loc-choix b{font-size:15px}
.loc-choix small{font-family:var(--f-d);font-size:22px;color:var(--loc);line-height:1.1}
.loc-choix input:checked+span{border-color:var(--loc);background:var(--loc-t);box-shadow:inset 0 0 0 1px var(--loc)}
.loc-choix input:focus-visible+span{outline:2px solid var(--loc);outline-offset:2px}
/* quatre services de plus */
.loc-more{margin-top:8px}
.loc-card{text-decoration:none;color:var(--text);transition:background .15s}
.loc-card:hover{background:var(--loc-t)}
.loc-card .med{width:64px;height:64px;filter:drop-shadow(0 6px 14px rgba(23,25,28,.12))}
.loc-card .loc-px{font-family:var(--f-d);font-size:24px;color:var(--loc);line-height:1.1;margin-top:auto}
.loc-card .loc-go{font-size:13.5px;font-weight:700;color:var(--loc)}
/* ce qu'une gérance peut demander */
.loc-pf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);background:var(--surface);margin:6px 0 0}
.loc-pf>div{padding:clamp(18px,2vw,26px);border-left:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.loc-pf>div:first-child{border-left:0}
.loc-pf b{font-family:var(--f-d);font-weight:500;font-size:24px;color:var(--loc);line-height:1.1}
.loc-pf span{font-size:15px;color:var(--muted)}
@media (max-width:760px){.loc-pf{grid-template-columns:1fr}.loc-pf>div{border-left:0;border-top:1px solid var(--line)}.loc-pf>div:first-child{border-top:0}}
.loc-never{margin:14px 0 0;padding:14px 18px;border-left:3px solid var(--loc);background:var(--loc-t);font-size:15px;max-width:none}
.loc-src{font-size:12.5px;color:var(--faint);margin:8px 0 0}
/* tableau des soldes */
.loc-solde td:first-child{font-weight:600}
/* médaillon en tête de page de service */
.p-loc .hero-med .med-loc{filter:drop-shadow(0 12px 26px rgba(92,40,10,.22))}
/* espace locataire */
.el-st{display:inline-block;padding:3px 11px;border-radius:999px;background:var(--loc-t);color:var(--loc);font:700 12px/1.5 var(--f-b);letter-spacing:.04em}
.el-solde{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;padding:16px 18px;border:1px solid var(--loc);border-left-width:3px;background:var(--surface)}
.el-solde b{font-family:var(--f-d);font-weight:500;font-size:26px}
.el-log{border:1px solid var(--line);background:var(--surface);padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.el-log h3{font-family:var(--f-d);font-weight:500;font-size:22px;margin:0;line-height:1.2;overflow-wrap:anywhere}
.el-log .meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;color:var(--muted)}
.el-log .ia{font:700 13px/1 var(--f-b);color:var(--loc)}
.el-log .act{display:flex;gap:10px;flex-wrap:wrap}
.el-log .act .cta{min-height:40px;padding:9px 16px;font-size:13.5px}
.el-log p{margin:0;font-size:14.5px}
.cta.ghost{background:transparent;color:var(--loc);border-color:var(--loc)}
.cta.ghost:hover{background:var(--loc-t)}
.p-loc .sec h3 em{color:var(--loc)}
@media (min-width:761px){.p-loc .esc-rules.loc-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.p-loc .pp-steps.s3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:760px){.p-loc .pp-steps.s3{grid-template-columns:1fr}}