/* ==========================================================================
   Page « Immobilier ancien »
   ========================================================================== */

.wc-ancien { color: var(--wc-ink); }
.wc-ancien section { padding: clamp(3rem, 6vw, 5.5rem) clamp(20px, 5vw, 60px); }
.wc-ancien h2 { font-family: var(--wc-font-display); font-size: var(--wc-fs-3xl); color: var(--wc-marine); line-height: 1.1; }
.wc-ancien h3 { font-family: var(--wc-font-display); color: var(--wc-marine); }
.wc-ancien-eyebrow { display: inline-block; font-size: var(--wc-fs-sm); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--wc-teal); margin-bottom: .8rem; }

.wc-ancien-section__head { max-width: 760px; margin: 0 auto clamp(2rem, 4vw, 3rem); text-align: center; }
.wc-ancien-section__head p { color: var(--wc-muted); font-size: var(--wc-fs-lg); margin-top: .8rem; line-height: 1.6; }
.wc-ancien-section__head--light h2 { color: #fff; }
.wc-ancien-section__head--light p { color: rgba(255,255,255,.8); }

.wc-ancien-inline-link { display: inline-block; margin-top: 1rem; color: var(--wc-orange); font-weight: 600; text-decoration: none; }
.wc-ancien-inline-link:hover { text-decoration: underline; }

/* HERO */
.wc-ancien-hero { background: linear-gradient(150deg, var(--wc-marine), var(--wc-marine-2) 55%, #0e3547); color: #fff; display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(2rem, 4vw, 3.5rem); align-items: center; }
.wc-ancien-hero__inner { max-width: 620px; }
.wc-ancien-hero h1 { font-family: var(--wc-font-display); font-size: var(--wc-fs-hero); line-height: 1.06; margin-bottom: 1.4rem; color: #fff; }
.wc-ancien-hero__eyebrow { display: inline-block; font-size: var(--wc-fs-sm); font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--wc-teal-l); margin-bottom: 1.2rem; }
.wc-ancien-hero__lead { font-size: var(--wc-fs-xl); line-height: 1.55; color: rgba(255,255,255,.85); margin: 0 0 2.2rem; }
.wc-ancien-hero__cta { display: flex; gap: 1rem; flex-wrap: wrap; }
.wc-ancien-hero__cta + .wc-ancien-hero__cta { margin-top: .8rem; }
.wc-ancien-hero__links { margin-top: 1.1rem; font-size: var(--wc-fs-sm); color: rgba(255,255,255,.55); display: flex; gap: .6rem; flex-wrap: wrap; align-items: center; }
.wc-ancien-hero__links a { color: rgba(255,255,255,.85); text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.3); }
.wc-ancien-hero__links a:hover { color: #fff; border-color: #fff; }
.wc-ancien-hero__visual { border-radius: var(--wc-radius); overflow: hidden; box-shadow: var(--wc-shadow); aspect-ratio: 16/11; }
.wc-ancien-hero__visual img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wc-btn--ghost { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.4); }
.wc-btn--ghost:hover { background: rgba(255,255,255,.1); border-color: #fff; }
.wc-btn--ghost-light { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.45); }
.wc-btn--ghost-light:hover { background: rgba(255,255,255,.12); }

/* MARCHÉ */
.wc-ancien-marche { background: var(--wc-paper); }
.wc-ancien-marche__inner { max-width: var(--wc-maxw); margin: 0 auto; display: grid; grid-template-columns: 1.2fr .8fr; gap: clamp(2rem, 4vw, 3.5rem); align-items: center; }
.wc-ancien-marche__text p { color: var(--wc-muted); font-size: var(--wc-fs-lg); line-height: 1.65; margin-bottom: 1rem; }
.wc-ancien-marche__visual { border-radius: var(--wc-radius); overflow: hidden; box-shadow: var(--wc-shadow); aspect-ratio: 4/3; }
.wc-ancien-marche__visual img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* FINANCEMENT */
.wc-ancien-finance { background: var(--wc-paper-2); }
.wc-ancien-finance__grid { max-width: var(--wc-maxw); margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.4rem; }
.wc-ancien-fcard { background: #fff; border: 1px solid var(--wc-line); border-left: 4px solid var(--wc-teal); border-radius: var(--wc-radius); padding: 1.6rem 1.8rem; }
.wc-ancien-fcard h3 { font-size: var(--wc-fs-xl); margin-bottom: .6rem; line-height: 1.2; }
.wc-ancien-fcard p { color: var(--wc-muted); line-height: 1.6; font-size: var(--wc-fs-sm); }
.wc-ancien-finance__cta { text-align: center; margin-top: 2.4rem; }

/* DPE */
.wc-ancien-dpe { background: var(--wc-paper); }
.wc-ancien-dpe__inner { max-width: var(--wc-maxw); margin: 0 auto; display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(2rem, 4vw, 3.5rem); align-items: center; }
.wc-ancien-dpe__visual { border-radius: var(--wc-radius); overflow: hidden; box-shadow: var(--wc-shadow); aspect-ratio: 4/3; }
.wc-ancien-dpe__visual img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wc-ancien-dpe__text p { color: var(--wc-muted); font-size: var(--wc-fs-lg); line-height: 1.6; margin-bottom: 1rem; }
.wc-ancien-dpe__list { list-style: none; padding: 0; margin: 1rem 0; }
.wc-ancien-dpe__list li { position: relative; padding-left: 1.7em; margin-bottom: .7em; color: var(--wc-ink); line-height: 1.55; }
.wc-ancien-dpe__list li::before { content: '◆'; position: absolute; left: 0; color: var(--wc-teal); font-size: .8em; top: .2em; }
.wc-ancien-dpe__cta-text { color: var(--wc-marine) !important; font-weight: 600; }

/* SIMULATEUR RÉNOVATION (fond foncé) */
.wc-ancien-reno { background: linear-gradient(150deg, var(--wc-marine), var(--wc-marine-2)); }
.wc-reno-sim { max-width: var(--wc-maxw); margin: 0 auto; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); border-radius: var(--wc-radius); padding: clamp(1.6rem, 3vw, 2.4rem); }
.wc-reno-sim__grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: clamp(1.6rem, 3vw, 2.4rem); }
.wc-reno-sim__params { display: flex; flex-direction: column; gap: 1.1rem; }
.wc-reno-field label { display: block; font-size: var(--wc-fs-sm); color: rgba(255,255,255,.8); margin-bottom: .4rem; }
.wc-reno-field select, .wc-reno-field input { width: 100%; padding: .7em .85em; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.08); border-radius: 8px; color: #fff; font-family: inherit; font-size: .95rem; }
.wc-reno-field select option { color: #1a2b34; }
.wc-reno-field select:focus, .wc-reno-field input:focus { outline: none; border-color: var(--wc-orange); }
.wc-reno-sim__solutions-title { display: block; font-size: var(--wc-fs-sm); color: rgba(255,255,255,.8); margin-bottom: .7rem; }
.wc-reno-solution { display: block; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: 10px; padding: .85rem 1rem; margin-bottom: .6rem; cursor: pointer; transition: .15s; }
.wc-reno-solution:hover { border-color: rgba(255,255,255,.3); }
.wc-reno-solution.is-copro { opacity: .55; cursor: not-allowed; }
.wc-reno-solution__check { display: flex; align-items: flex-start; gap: .6rem; }
.wc-reno-solution__check input { margin-top: .2rem; accent-color: var(--wc-orange); }
.wc-reno-solution__label { color: #fff; font-weight: 600; font-size: var(--wc-fs-sm); }
.wc-reno-solution__label em { color: var(--wc-teal-l); font-style: normal; font-weight: 400; font-size: .85em; }
.wc-reno-solution__note { display: block; color: rgba(255,255,255,.6); font-size: var(--wc-fs-xs); margin-top: .3rem; padding-left: 1.6rem; line-height: 1.4; }

.wc-reno-sim__result { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 1.6rem 0; }
.wc-reno-result-block { background: rgba(255,255,255,.06); border-radius: 12px; padding: 1.3rem; text-align: center; }
.wc-reno-result-label { display: block; font-size: var(--wc-fs-sm); color: rgba(255,255,255,.7); margin-bottom: .5rem; }
.wc-reno-result-block b { font-family: var(--wc-font-display); font-size: clamp(1.4rem, 3vw, 1.9rem); color: var(--wc-orange); line-height: 1.1; }
.wc-reno-dpe-jump { display: flex; align-items: center; justify-content: center; gap: .8rem; }
.wc-reno-aides-line { margin-top: 1rem; padding-top: .9rem; border-top: 1px solid rgba(255,255,255,.12); }
.wc-reno-aides-label { display: block; font-size: var(--wc-fs-xs); color: rgba(255,255,255,.6); margin-bottom: .2rem; }
.wc-reno-aides-line b { font-family: var(--wc-font-display); font-size: var(--wc-fs-xl); color: var(--wc-teal-l); }
.wc-reno-budget-row { text-align: center; }
.wc-reno-budget-row + .wc-reno-budget-row { margin-top: 1rem; padding-top: .9rem; border-top: 1px solid rgba(255,255,255,.12); }
.wc-reno-budget-row b { font-family: var(--wc-font-display); font-size: clamp(1.3rem, 2.6vw, 1.7rem); line-height: 1.1; }
.wc-reno-budget-row--reste b { color: var(--wc-orange); }
.wc-reno-letter { width: 44px; height: 44px; border-radius: 8px; display: grid; place-items: center; font-family: var(--wc-font-display); font-size: 1.5rem; color: #fff; background: #5c6b73; }
.wc-reno-arrow { color: rgba(255,255,255,.6); font-size: 1.3rem; }
/* Couleurs DPE */
.wc-reno-letter--A { background: #319a4b; } .wc-reno-letter--B { background: #5fb14e; }
.wc-reno-letter--C { background: #b6d13a; color:#1a2b34; } .wc-reno-letter--D { background: #f6d13a; color:#1a2b34; }
.wc-reno-letter--E { background: #f0a83a; } .wc-reno-letter--F { background: #e56f2c; } .wc-reno-letter--G { background: #d3352a; }

.wc-reno-sim > .wc-btn--primary { width: 100%; justify-content: center; }
.wc-reno-gate { margin-top: 1.2rem; }
.wc-reno-gate__grid { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; margin-bottom: .8rem; }
.wc-reno-gate__grid input { padding: .7em .85em; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.08); border-radius: 8px; color: #fff; font-family: inherit; font-size: .92rem; }
.wc-reno-gate__grid input::placeholder { color: rgba(255,255,255,.5); }
.wc-reno-gate__grid input:last-child { grid-column: 1 / -1; }
.wc-reno-gate__grid input:focus { outline: none; border-color: var(--wc-orange); }
.wc-reno-gate__err { color: #ffb4a2; font-size: var(--wc-fs-sm); margin-bottom: .6rem; }
.wc-reno-gate__legal { font-size: var(--wc-fs-xs); color: rgba(255,255,255,.5); margin-top: .9rem; line-height: 1.5; }
.wc-reno-confirm { margin-top: 1.2rem; text-align: center; background: rgba(0,122,140,.2); border: 1px solid rgba(10,148,168,.4); border-radius: 12px; padding: 1.4rem; }
.wc-reno-confirm__icon { width: 40px; height: 40px; margin: 0 auto .6rem; border-radius: 50%; background: var(--wc-teal); color: #fff; display: grid; place-items: center; font-size: 1.3rem; }
.wc-reno-confirm p { color: rgba(255,255,255,.9); font-size: var(--wc-fs-sm); margin: 0; }
.wc-reno-sim__disclaimer { font-size: var(--wc-fs-xs); color: rgba(255,255,255,.45); margin-top: 1.2rem; line-height: 1.5; }

/* ATOUTS + PHOTOS */
.wc-ancien-atouts { background: var(--wc-paper-2); }
.wc-ancien-atouts__grid { max-width: var(--wc-maxw); margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; }
.wc-ancien-atout { background: #fff; border: 1px solid var(--wc-line); border-radius: var(--wc-radius); overflow: hidden; }
.wc-ancien-atout__img { aspect-ratio: 4/3; overflow: hidden; }
.wc-ancien-atout__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wc-ancien-atout h3 { font-size: var(--wc-fs-xl); margin: 1.2rem 1.4rem .5rem; }
.wc-ancien-atout p { color: var(--wc-muted); line-height: 1.6; font-size: var(--wc-fs-sm); margin: 0 1.4rem 1.4rem; }

/* RENVOI NEUF (fond teal) */
.wc-ancien-neuf { background: linear-gradient(135deg, var(--wc-teal), var(--wc-teal-l)); }
.wc-ancien-neuf__inner { max-width: 820px; margin: 0 auto; text-align: center; color: #fff; }
.wc-ancien-neuf__badge { display: inline-block; background: var(--wc-orange); color: #fff; font-size: var(--wc-fs-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .06em; padding: .35em .9em; border-radius: 6px; margin-bottom: 1.2rem; }
.wc-ancien-neuf h2 { color: #fff; font-size: var(--wc-fs-2xl); line-height: 1.15; margin-bottom: 1rem; }
.wc-ancien-neuf p { color: rgba(255,255,255,.9); font-size: var(--wc-fs-lg); line-height: 1.6; margin-bottom: 1.8rem; }
.wc-ancien-neuf__actions { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
.wc-ancien-neuf .wc-btn--primary { background: #fff; color: var(--wc-marine); }
.wc-ancien-neuf .wc-btn--primary:hover { background: var(--wc-paper); }

/* CTA FINAL */
.wc-ancien-cta { background: var(--wc-paper); text-align: center; }
.wc-ancien-cta__inner { max-width: 720px; margin: 0 auto; }
.wc-ancien-cta p { color: var(--wc-muted); font-size: var(--wc-fs-lg); line-height: 1.6; margin: 1rem 0 2rem; }
.wc-ancien-cta__actions { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
.wc-ancien-cta .wc-btn--ghost { color: var(--wc-marine); border-color: var(--wc-line); }
.wc-ancien-cta .wc-btn--ghost:hover { background: var(--wc-paper-2); }

@media (max-width: 860px) {
	.wc-ancien-hero, .wc-ancien-marche__inner, .wc-ancien-dpe__inner,
	.wc-ancien-finance__grid, .wc-reno-sim__grid, .wc-reno-sim__result,
	.wc-ancien-atouts__grid, .wc-reno-gate__grid { grid-template-columns: 1fr; }
	.wc-ancien-hero { text-align: center; }
	.wc-ancien-hero__inner { max-width: 100%; }
	.wc-ancien-hero__cta { justify-content: center; }
	.wc-ancien-dpe__visual { order: 2; }
}