/* Immofind compact layout (Oct 2026): same colours, fonts and components as styles.css,
   only tighter spacing. Loaded after styles.css; delete this file to go back. */

/* ---------- Footer ---------- */
.footer { padding-top: 28px; }
.top-footer .content-footer-top,
.footer .top-footer .content-footer-top { padding-bottom: 16px; }
.inner-footer { padding: 20px 0 16px; }
.inner-footer .row { row-gap: 18px; }
.inner-footer .navigation-menu-footer { margin-top: 6px !important; }
.inner-footer .navigation-menu-footer li { margin-top: 2px; }
.footer-cl-1, .footer-cl-2, .footer-cl-3, .footer-cl-4 { margin: 0 !important; }
.footer-cl-1 ul { margin-top: 4px !important; }
.footer-cl-1 ul li { margin-top: 6px !important; }
.footer-cl-4 .text-variant-2 { margin-bottom: 8px; }
.bottom-footer { padding: 8px 0; }

@media (max-width: 767px) {
  .footer { padding-top: 18px; }
  .top-footer .content-footer-top,
  .footer .top-footer .content-footer-top { padding-bottom: 12px; gap: 10px; }
  .footer .box-icon.w-40 { width: 34px; height: 34px; }
  .inner-footer { padding: 14px 0 10px; }
  .inner-footer .row { row-gap: 14px; }
  .footer-cl-1 p { font-size: 13px; line-height: 19px; }
  .inner-footer .fw-7 { font-size: 15px; }
  .bottom-footer { padding: 6px 0; font-size: 12px; }
}

/* ---------- Section spacing ---------- */
@media (min-width: 992px) {
  .flat-section { padding: 64px 0; }
  .flat-section-v2 { padding-top: 56px; padding-bottom: 56px; }
  .flat-section-v3 { padding: 56px 0; }
  .flat-section-v4 { padding: 44px 0; }
  .flat-section-v5 { padding: 72px 0 56px; }
  .flat-section-v6 { padding: 56px 0 64px; }
}
@media (max-width: 991px) {
  .flat-section-v2, .flat-section-v3, .flat-section-v6 { padding-top: 40px; padding-bottom: 40px; }
}

/* ---------- Homepage banner: a bit shorter, search still above the fold ---------- */
@media (min-width: 992px) {
  .flat-slider.home-1 .slider-content { padding: 150px 0 130px; }
  .flat-slider.home-1 .slider-content .heading { margin-bottom: 28px; }
}

/* Footer layout: logo in the first column, social icons in the bottom line */
.footer { padding-top: 0; }
.inner-footer { padding-top: 26px; }
.footer .footer-logo img { height: 35px; width: auto; }
.footer .content-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.footer .footer-bottom-right { display: flex; align-items: center; gap: 18px; }
.footer .footer-bottom-right .list-social { gap: 8px; margin: 0; }
.footer .box-icon.w-32 { width: 32px; height: 32px; }
.footer .box-icon.w-32 i { font-size: 14px; }
@media (max-width: 767px) {
  .inner-footer { padding-top: 18px; }
  .footer .content-footer-bottom { justify-content: center; text-align: center; }
  .footer .footer-bottom-right { gap: 14px; }
}
.footer .footer-logo { margin-bottom: 14px; }
@media (max-width: 767px) {
  .inner-footer .navigation-menu-footer li { margin-top: 0; }
  .inner-footer .navigation-menu-footer li a { line-height: 26px; }
  .footer-cl-4 form { margin-top: 6px !important; }
}

/* Hero: the rotating words are longer in French ("Logement de Rêve"), so on
   tablet and desktop they get their own line instead of wrapping in a box
   that is one line tall and spilling over the subtitle. */
@media (min-width: 768px) {
  /* styles.css caps this heading at one line (max-height: 88px) */
  .flat-slider.home-1 .slider-content h1 {
    max-height: none;
  }
  .flat-slider.home-1 .slider-content h1 .header-text-animation {
    display: block;
    white-space: nowrap;
    margin-left: 0 !important;
  }
  .flat-slider.home-1 .slider-content h1 .header-text-animation .text-transition {
    justify-content: center;
  }
}