/* ============================================================ REDREALTY — immo-neuf.css Styles for the "Immobilier neuf" listing + single-programme pages. Loads AFTER main.css and reuses its :root tokens (--color-primary, --radius-*, --shadow-*, --transition-*, …) so both areas of the site stay visually identical. ============================================================ */ :root { --color-success: #1d8f4c; --color-success-light: #eaf7ef; --color-warning: #b0740f; --color-warning-light: #fdf3e2; --color-sold-light: #eef0f2; } /* ── Shared container ───────────────────────────────────── */ .in-container { max-width: 1240px; width: 100%; margin: 0 auto; /* Bottom padding (not margin) so the gap above the footer is fixed by construction, regardless of what element happens to be last on a given page — a margin-bottom on the last child would collapse right through this box otherwise (no top/bottom border or other margin- collapse guard existed here before), which is why the previous fix (applied to one page's last section, not this shared wrapper) never held consistently across programme.php / lot.php / immobilier-neuf.php. 52px reuses the same vertical rhythm as .section's own margin-bottom rather than introducing a new spacing value. */ padding: 0 32px 52px; } @media (max-width: 768px) { .in-container { padding: 0 20px 52px; } } /* This padding only blocks collapse for the FOOTER side of the equation — the last child's own margin-bottom (e.g. .section's 52px, .pagination's 64px) becomes real/uncollapsed space *inside* .in-container instead, stacking on top of the padding above (104px / 116px) instead of the intended 52px. Whatever ends up last on a given page — a plain .product-layout with no margin of its own, a trailing .section, a .pagination bar — must all produce the exact same gap, so the last child's own trailing margin is zeroed here, leaving .in-container's padding-bottom as the one and only source of the footer gap everywhere. */ .in-container > *:last-child { margin-bottom: 0; } /* Sticky footer: no such mechanism existed before this fix (body had no min-height/flex layout at all), so on a short page (e.g. a lot with little content) the footer just trailed the content wherever that happened to end, instead of sitting at the bottom of the viewport. This makes .in-container (the one always-present block between