/* ============================================================
   CoLe's Heart — footer.css
   Footer-Layout-Part (Post 40), Design "imm-foot":
   links Logo + Adresse · rechts Tagline + Legal-Links.
   Ruhiges Creme-Band, 2 Schriften (Cormorant + Poppins).
   Lädt via assets/css-Auto-Loader (filemtime-Cache-Buster).
   ============================================================ */

.imm-foot {
  background: var(--ch-cream-deep);
  border-top: 1px solid var(--ch-line);
  padding: 56px 0 44px;
}
/* Inhalt auf Container-Breite zentrieren (Band-Hintergrund bleibt voll) */
.imm-foot .row_inner {
  max-width: var(--ch-container, 1180px);
  margin-inline: auto;
  padding-inline: var(--ch-gutter, 24px);
}
.imm-foot .module { margin: 0; }
/* Desktop: zwei Spalten nebeneinander (unabhängig vom Builder-Grid) */
@media (min-width: 761px) {
  .imm-foot [class*="_count_"] { display: flex !important; align-items: center; justify-content: space-between; gap: 40px; }
  .imm-foot [class*="_count_"] > .module_column { flex: 1 1 0; min-width: 0; }
}

/* ---- links: Logo + Adresse ---- */
.imm-foot__col { text-align: left; }
.imm-foot__col img {
  height: 50px; width: auto; max-width: none; margin: 0 0 16px; display: block; border-radius: 0;
}
.imm-foot__addr { font-size: 14px; line-height: 1.65; color: var(--ch-ink-soft); margin: 0; }

/* ---- rechts: Tagline + Legal ---- */
.imm-foot__links { text-align: right; }
.imm-foot__tag {
  font-family: var(--ch-font-display) !important; font-style: italic; font-weight: 600;
  font-size: 24px; color: var(--ch-gold-500); display: block; margin: 0 0 16px; line-height: 1.1;
}
.imm-foot__legal { display: flex; flex-direction: column; gap: 10px; align-items: flex-end; }
.imm-foot__legal a {
  font-size: 14px; color: var(--ch-ink-soft); text-decoration: none;
  display: inline-flex; align-items: center; gap: 6px; transition: color .2s ease;
}
.imm-foot__legal a:hover { color: var(--ch-gold-600); }
.imm-foot__legal a svg { width: 16px; height: 16px; }

/* ---- mobil: gestapelt & zentriert ---- */
@media (max-width: 760px) {
  .imm-foot { padding: 44px 0 36px; }
  .imm-foot [class*="_count_"] { display: block; }
  .imm-foot__col { text-align: center; margin-bottom: 28px; }
  .imm-foot__col img { margin-inline: auto; }
  .imm-foot__links { text-align: center; }
  .imm-foot__legal { align-items: center; gap: 12px; }
}