/*
 * TROUWFILMFOTOGRAAF – FOOTER v2 OP ALLE PAGINA'S
 * Zelfde vorm als de door jou gekozen HOME FOOTER ONLY (v2).
 * ENIGE belangrijke wijziging: body.home -> body, zodat de footer
 * overal hetzelfde wordt (Home, Trouwfoto, Trouwfilm, Prijzen enz.).
 *
 * Plaats deze CSS ONDERAAN Weergave > Customizer/Editor > Aanvullende CSS.
 * Verwijder daarvoor de oudere footer-glass-CSS van eerdere versies.
 * De voordelen-card, header en andere paginacontent worden niet gewijzigd.
 */

/* ÉÉN witte glass-kaart op het buitenste footer-element. */
body :is(
  .az15-site-footer,
  footer#colophon,
  footer.site-footer,
  #site-footer,
  .elementor-location-footer
) {
  box-sizing: border-box !important;
  position: relative !important;
  width: calc(100% - 48px) !important;
  max-width: 1360px !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 12px auto 0 !important;
  padding: 25px 32px 16px !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background: linear-gradient(125deg, rgba(255,255,255,.79), rgba(255,255,255,.69) 52%, rgba(255,255,255,.62)) !important;
  color: #20343a !important;
  box-shadow: 0 15px 36px rgba(10,28,29,.10), inset 0 1px 0 rgba(255,255,255,.70) !important;
  -webkit-backdrop-filter: blur(16px) saturate(120%);
  backdrop-filter: blur(16px) saturate(120%);
}

/* Verwijder witte binnenvlakken, zodat er geen dubbele witte kaarten zijn. */
body :is(
  .az15-site-footer,
  footer#colophon,
  footer.site-footer,
  #site-footer,
  .elementor-location-footer
) > :is(div,section),
body :is(
  .az15-site-footer,
  footer#colophon,
  footer.site-footer,
  #site-footer,
  .elementor-location-footer
) :is(
  .az15-footer-inner,
  .az15-footer-wrap,
  .az15-footer-container,
  .az15-footer-content,
  .az15-footer-main,
  .az15-footer-grid,
  .footer-inner,
  .footer-container,
  .footer-content,
  .footer-main,
  .footer-top,
  .footer-bottom,
  .elementor-top-section,
  .elementor-section,
  .elementor-widget-wrap,
  .e-con
) {
  background: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Compacte hoogte, zonder menu of links te verwijderen. */
body :is(.az15-site-footer,footer#colophon,footer.site-footer,#site-footer,.elementor-location-footer)
  :is(.az15-footer-grid,.az15-footer-inner,.footer-inner,.footer-content,.footer-main) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
body :is(.az15-site-footer,footer#colophon,footer.site-footer,#site-footer,.elementor-location-footer)
  :is(.az15-footer-title,.footer-storyteller,.footer-brand-title) {
  font-size: clamp(19px, 1.8vw, 25px) !important;
  line-height: 1.16 !important;
  margin: 0 !important;
}
body :is(.az15-site-footer,footer#colophon,footer.site-footer,#site-footer,.elementor-location-footer)
  :is(.az15-footer-bottom,.az15-copyright,.footer-bottom) {
  margin-top: 14px !important;
  padding-top: 11px !important;
  padding-bottom: 0 !important;
  background: transparent !important;
  border-top: 1px solid rgba(36,54,54,.13) !important;
}
body :is(.az15-site-footer,footer#colophon,footer.site-footer,#site-footer,.elementor-location-footer)
  :is(a,p,li) {
  line-height: 1.5 !important;
}

/* Mobiel: dezelfde glazen kaart, aangepaste marges en padding. */
@media (max-width: 760px) {
  body :is(.az15-site-footer,footer#colophon,footer.site-footer,#site-footer,.elementor-location-footer) {
    width: calc(100% - 28px) !important;
    margin: 10px auto 0 !important;
    padding: 22px 20px 16px !important;
    border-radius: 20px !important;
  }
  body :is(.az15-site-footer,footer#colophon,footer.site-footer,#site-footer,.elementor-location-footer)
    :is(.az15-footer-title,.footer-storyteller,.footer-brand-title) {
    font-size: 21px !important;
  }
}

/*
 * Haalt uitsluitend het lege decoratieve vlak uit Klantvoordelen v1.8.4 weg.
 * De voordelenkaart zelf blijft precies zoals hij was.
 */
#tff-home-voordelen .tff17-footer-glass-wrap {
  display: none !important;
}

/*
 * v1.0.1: removes the ~28px empty strip BELOW the footer on every page.
 * Keep the spacing ABOVE the footer and the rounded glass card unchanged.
 * Specificity also overrides legacy Home-only rules in Aanvullende CSS.
 */
html body :is(.az15-site-footer,footer#colophon,footer.site-footer,#site-footer,.elementor-location-footer),
html body.home :is(.az15-site-footer,footer#colophon,footer.site-footer,#site-footer,.elementor-location-footer) {
  margin-bottom: 0 !important;
  margin-block-end: 0 !important;
}

@media (max-width: 760px) {
  html body :is(.az15-site-footer,footer#colophon,footer.site-footer,#site-footer,.elementor-location-footer),
  html body.home :is(.az15-site-footer,footer#colophon,footer.site-footer,#site-footer,.elementor-location-footer) {
    margin-bottom: 0 !important;
    margin-block-end: 0 !important;
  }
}
