/* Footer v2.2 — WBS Wohnung Finder (scoped to #footer_v2_2)
   Premium minimal / editorial
   Constraints:
   - White background
   - No heavy shadows / no glass / no gradients / no magenta blocks
   - Magenta only as thin accent line (brand accent)
*/

#footer_v2_2{
  --bg: var(--wbs-bg);
  --muted: var(--wbs-muted);
  --line: var(--wbs-ink-a08);
  --magenta: var(--wbs-magenta);

  /* rhythm */
  --s-2: var(--wbs-space-2);
  --s-3: var(--wbs-space-3);
  --s-4: var(--wbs-space-4);
  --s-6: var(--wbs-space-6);
  --s-8: var(--wbs-space-8);
  --s-10: var(--wbs-space-10);
  --s-12: var(--wbs-space-12);
  --container: var(--wbs-container);

  /* consistent section rhythm */
  padding-block: var(--wbs-section-pad);
  background: var(--bg);
}

#footer_v2_2 *{ box-sizing: border-box; }

/* Footer */
#footer_v2_2 .footer{
  background: var(--bg);
}

#footer_v2_2 .footer__container{
  width: var(--wbs-wrap);
  margin: 0 auto;
  padding: 0 0 var(--s-10);
}

#footer_v2_2 .footer__topline,
#footer_v2_2 .footer__bottomline{
  height: 1px;
  background: var(--line);
}

#footer_v2_2 .footer__topline{ margin: 0 0 var(--s-6); }
#footer_v2_2 .footer__bottomline{ margin: var(--s-12) 0 var(--s-6); }

#footer_v2_2 .footer__brandWrap{
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--s-4);
  margin: var(--s-8) 0 var(--s-4);
}

#footer_v2_2 .footer__kicker{
  height: 2px;
  border-radius: var(--wbs-radius-pill);
  background: var(--magenta);
  width: calc(100% + 6px);
}

#footer_v2_2 .footer__brandRow{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#footer_v2_2 .footer__brand{
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
  width: fit-content;
}

#footer_v2_2 .footer__logo{
  height: 36px;
  width: auto;
  display: block;
}

#footer_v2_2 .footer__brandName{
  font-family: var(--wbs-font-serif);
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.01em;
  margin-left: var(--s-3);
  color: var(--wbs-ink-a88);
  line-height: 1.2;
  white-space: nowrap;
}

/* Grid: align column tops + controlled spacing
   Requirement: reduce gap between col2 and col3, increase between col3 and col4 by same amount.
   Achieved via explicit column widths and asymmetric column gap.
*/
#footer_v2_2 .footer__grid{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr auto;
  column-gap: 56px; /* base gap */
  row-gap: var(--s-10);
  align-items: start;
}

/* asymmetric spacing (col2<->col3 smaller, col3<->col4 larger) */
@media (min-width: 901px){
  #footer_v2_2 .footer__col:nth-child(3){
    margin-left: calc(-1 * var(--s-4));
  }
  #footer_v2_2 .footer__col--social{
    margin-left: var(--s-8);
  }
}

#footer_v2_2 .footer__col{
  min-width: 0;
}

#footer_v2_2 .footer__title{
  font-size: var(--wbs-type-micro);
  font-weight: 500;
  color: var(--wbs-muted);
  margin: 0 0 var(--s-2);
}

#footer_v2_2 .footer__link{
  display: block;
  text-decoration: none;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: -0.01em;
  width: fit-content;
}

#footer_v2_2 .footer__link:hover{
  color: var(--wbs-ink-a82);
}

#footer_v2_2 .footer__link--active{
  color: var(--muted);
}

#footer_v2_2 .footer__meta{
  font-size: 13.5px;
  color: var(--wbs-ink-a45);
}

/* Responsive */
@media (max-width: 900px){
  #footer_v2_2 .footer__grid{
    grid-template-columns: 1fr 1fr;
    column-gap: var(--s-12);
  }
  #footer_v2_2 .footer__col:nth-child(3),
  #footer_v2_2 .footer__col--social{
    margin-left: 0;
  }
}

@media (max-width: 520px){
  #footer_v2_2 .footer__grid{
    grid-template-columns: 1fr;
    row-gap: var(--s-8);
  }
  #footer_v2_2 .footer__topline{ margin: 0 0 var(--s-6); }
  #footer_v2_2 .footer__bottomline{ margin-top: var(--s-10); }
}