/* =========================================================
   BERGMANN — DIVI GLOBAL FOOTER
   
   Divi structure:
   - Section: .berg-footer-global
   - Headings: .berg-footer-title
   - Text blocks: .berg-footer-text
   - Link lists: .berg-footer-links
   - Icon blurbs: .berg-footer-iconrow
   - Payment blurbs: .berg-footer-payments
   - Social column wrapper (optional): .berg-footer-social
   - Bottom row: .berg-footer-bottom
   - Legal links module/column: .berg-footer-legal
   ========================================================= */

/* ---------------------------
   1) SECTION WRAPPER
   --------------------------- */
.berg-footer-global{
  background: var(--berg-bg-warm) !important;
  padding: var(--berg-space-3xl) 0 var(--berg-space-2xl) !important;
}

/* Keep footer aligned with your content width */
.berg-footer-global .et_pb_row{
  max-width: var(--berg-container-max);
  width: 92%;
}

/* Make sure columns start at the same baseline */
.berg-footer-global .et_pb_row .et_pb_column{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* ---------------------------
   2) TYPOGRAPHY
   --------------------------- */

/* Column titles (Kontakt / Produkte / Zahlungsmethoden / Social Media) */
.berg-footer-title h1,
.berg-footer-title h2,
.berg-footer-title h3,
.berg-footer-title h4{
  font-family: var(--berg-font-primary);
  font-weight: var(--berg-weight-semibold);
  font-size: var(--berg-text-lg);
  line-height: var(--berg-leading-tight); 
  letter-spacing: var(--berg-tracking-normal);
  color: var(--berg-text-primary);
  margin: 0 0 var(--berg-space-sm) 0 !important; /* bigger gap like original */
}

/* Base footer copy */
.berg-footer-text,
.berg-footer-text p{
  font-family: var(--berg-font-primary);
  font-weight: var(--berg-weight-normal);
  font-size: var(--berg-text-sm);
  line-height: var(--berg-leading-relaxed);
  color: var(--berg-text-primary);
  margin: 0;
}

/* Neutralize Divi text module spacing inside footer */
.berg-footer-global .et_pb_text_inner p{
  margin: 0;
}

/* ---------------------------
   3) LINKS — default + lists
   --------------------------- */

.berg-footer-global a{
  color: var(--berg-text-primary);
  text-decoration: none;
  transition: color var(--berg-transition-fast);
}

.berg-footer-global a:hover{
  color: var(--berg-primary);
}
.berg-footer-links, .berg-footer-payments{
  margin-bottom: var(--berg-space-md) !important;
}

/* Product links list feel (uppercase, tight) */
.berg-footer-links, .berg-footer-links a{
  display: inline-block;
  font-family: var(--berg-font-primary);
  font-weight: var(--berg-weight-semibold);
  font-size: var(--berg-text-sm) !important;
  /* letter-spacing: var(--berg-tracking-wide); */
  text-transform: uppercase;
  color: var(--berg-text-primary);
  line-height: var(--berg-leading-relaxed);
  /* margin: 0 0 var(--berg-space-xs) 0; */
  /* margin-bottom:  0 !important; */
}

/* Contact form link should look like a footer CTA label */
.berg-footer-links a.berg-footer-kontaktformular,
.berg-footer-links a[href*="kontakt"],
.berg-footer-links a[href*="contact"]{
  margin-top: var(--berg-space-lg);
}

/* ---------------------------
   4) BLURB ROWS — icon + label
   --------------------------- */

/* General blurb reset within footer */
.berg-footer-global .et_pb_blurb{
  margin: 0 0 var(--berg-space-md) 0 !important;
}

/* Icon row layout */
.berg-footer-iconrow .et_pb_blurb_content,
.berg-footer-payments .et_pb_blurb_content{
  display: flex;
  align-items: center;
  gap: var(--berg-space-sm);
}

/* Remove Divi default image spacing */
.berg-footer-iconrow .et_pb_main_blurb_image,
.berg-footer-payments .et_pb_main_blurb_image{
  margin: 0 !important;
  width: auto !important;
}
.berg-footer-payments .et_pb_blurb_container,
.berg-footer-iconrow .et_pb_blurb_container{ 
  padding-left: 0 !important;
}

/* Icon sizing (Kontakt + Social) */
.berg-footer-iconrow .et_pb_main_blurb_image img,
.berg-footer-iconrow .et_pb_main_blurb_image .et-pb-icon{
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
}

/* Blurb label text */
.berg-footer-iconrow .et_pb_blurb_description,
.berg-footer-iconrow .et_pb_blurb_description p{
  margin: 0 !important;
  font-family: var(--berg-font-primary);
  font-weight: var(--berg-weight-normal);
  font-size: var(--berg-text-sm);
  line-height: var(--berg-leading-normal);
  color: var(--berg-text-primary);
}

/* Give a bit more breathing room under the “hours” line */
.berg-footer-hours{
  margin-bottom: var(--berg-space-lg) !important;
}

/* ---------------------------
   5) PAYMENTS — subtle icons + labels
   --------------------------- */

/* Payment icon subtleness */
.berg-footer-payments .et_pb_main_blurb_image img{
  height: 14px !important;
  width: auto !important;
  /* opacity: 0.55; closer to original */
}

/* Payment label */
.berg-footer-payments .et_pb_blurb_description,
.berg-footer-payments .et_pb_blurb_description p{
  margin: 0 !important;
  font-family: var(--berg-font-primary);
  font-weight: var(--berg-weight-normal);
  font-size: var(--berg-text-sm);
  color: var(--berg-text-primary);
  line-height: var(--berg-leading-relaxed);
}

/* ---------------------------
   6) SOCIAL — make labels match original
   --------------------------- */

/* If you applied .berg-footer-social on the column or module */
.berg-footer-social a{
  font-family: var(--berg-font-primary);
  font-weight: var(--berg-weight-bold);
  font-size: var(--berg-text-sm);
  letter-spacing: var(--berg-tracking-wide);
  text-transform: uppercase;
  color: var(--berg-text-primary);
}

/* Social icon color shouldn’t be default blue */
.berg-footer-social .et-pb-icon{
  color: var(--berg-text-primary) !important;
}

/* ---------------------------
   7) BOTTOM AREA — copyright + legal
   --------------------------- */

.berg-footer-bottom{
  padding-top: var(--berg-space-2xl) !important;
}

.berg-footer-bottom .et_pb_row{
  align-items: center;
}

/* Copyright style */
.berg-footer-copyright,
.berg-footer-copyright p{
  font-family: var(--berg-font-primary) !important;
  font-weight: var(--berg-weight-semibold) !important;
  font-size: var(--berg-text-sm) !important;
  color: var(--berg-text-primary) !important;
  margin: 0 !important;
}

/* Legal column */
.berg-footer-legal{
  text-align: right;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: flex-end;
}

/* ✅ CSS-only force inline + spacing (even if the Text module has <br>) */
.berg-footer-legal a{
  display: inline-block !important;
  margin-left: var(--berg-space-lg) !important;
  font-family: var(--berg-font-primary);
  font-weight: var(--berg-weight-semibold);
  font-size: var(--berg-text-sm);
  /* letter-spacing: var(--berg-tracking-wide); */
  text-transform: uppercase;
  color: var(--berg-text-primary);
}

/* If Divi outputs <br> or paragraph breaks, neutralize them */
.berg-footer-legal br{
  display: none !important;
}
.berg-footer-legal p{
  display: inline !important;
  margin: 0 !important;
}

/* ---------------------------
   8) RESPONSIVE
   --------------------------- */

@media (max-width: 980px){
  .berg-footer-global{
    padding: var(--berg-space-2xl) 0 var(--berg-space-xl) !important;
  }

  .berg-footer-title h1,
  .berg-footer-title h2,
  .berg-footer-title h3,
  .berg-footer-title h4{
    font-size: var(--berg-text-lg);
    margin-bottom: var(--berg-space-sm) !important;
  }
}

@media (max-width: 767px){
  .berg-footer-global{
    padding: var(--berg-space-xl) 0 var(--berg-space-lg) !important;
  }

  /* Let columns breathe on mobile */
  .berg-footer-global .et_pb_row{
    width: 90%;
  }

  .berg-footer-global .et_pb_row .et_pb_column{
    align-items: flex-start;
  }

  /* Bottom area stacks naturally, but keep it readable */
  .berg-footer-legal{
    text-align: left;
    margin-top: var(--berg-space-md);
  }

  .berg-footer-legal a{
    margin-left: 0 !important;
    margin-right: var(--berg-space-md) !important;
  }
}