/* HaarLab Stage 16B - Footer Cleanup Fix
   This file should load AFTER stage16a_homepage_conversion_footer.css
   Fixes:
   - oversized icons in Kontakt column
   - broken wrapping / alignment in phone-email-location lines
   - better spacing in footer columns
*/

.hl-premium-footer{
  padding-top: 56px !important;
}

.hl-footer-grid{
  grid-template-columns: 1.25fr 1fr 1fr 1.2fr !important;
  gap: 28px !important;
  align-items: start !important;
}

.hl-footer-col{
  min-width: 0 !important;
}

.hl-footer-col h3{
  margin-bottom: 18px !important;
}

.hl-footer-col a,
.hl-footer-col span{
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* Brand column */
.hl-footer-brand p{
  max-width: 360px !important;
}

/* Kontakt column cleanup */
.hl-footer-col .hl-footer-contact-line{
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin-bottom: 14px !important;
  width: 100% !important;
  color: rgba(255,255,255,.76) !important;
  text-decoration: none !important;
}

.hl-footer-col .hl-footer-contact-line svg{
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  flex: 0 0 18px !important;
  margin-top: 2px !important;
  color: #d6b36a !important;
  display: block !important;
}

.hl-footer-col .hl-footer-contact-line > span{
  display: block !important;
  white-space: normal !important;
  word-break: break-word !important;
  line-height: 1.55 !important;
}

/* keep phone on one line on desktop */
.hl-footer-col .hl-footer-contact-line[href^="tel:"] > span{
  white-space: nowrap !important;
}

.hl-footer-col .hl-footer-contact-line[href^="mailto:"] > span{
  white-space: nowrap !important;
}

.hl-footer-cta{
  margin-top: 16px !important;
  min-height: 46px !important;
}

/* Social icons */
.hl-footer-social{
  margin-top: 18px !important;
}

.hl-footer-social a{
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
}

.hl-footer-social a svg{
  width: 20px !important;
  height: 20px !important;
}

/* Footer bottom */
.hl-footer-bottom{
  align-items: center !important;
}

.hl-footer-bottom span:last-child{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

.hl-footer-bottom a{
  margin-left: 0 !important;
}

@media (max-width: 1100px){
  .hl-footer-grid{
    grid-template-columns: 1fr 1fr !important;
  }

  .hl-footer-col .hl-footer-contact-line[href^="tel:"] > span,
  .hl-footer-col .hl-footer-contact-line[href^="mailto:"] > span{
    white-space: normal !important;
  }
}

@media (max-width: 640px){
  .hl-premium-footer{
    padding-top: 44px !important;
  }

  .hl-footer-grid{
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .hl-footer-col .hl-footer-contact-line{
    margin-bottom: 12px !important;
  }

  .hl-footer-bottom{
    gap: 10px !important;
  }
}