/* =====================================================================
   Webjongens fixes - loaded via YOOtheme > Custom Code with ?v=<date>.
   custom.css is cached for a year under a fixed ?5.0.55 tag, so changes
   there do not reach returning visitors. Bump the ?v= value in Custom
   Code after every edit of this file.
   ===================================================================== */

/* --- 2026-11-11 ------------------------------------------------------ */

/* Footer contact icons: never crop (tablet/mobile force a narrow box) */
#module-110 .contact .el-item img,
.contactblok .el-item img {
  object-fit: contain;
}

/* Newsletter field: explicit light background (dark-mode browsers painted it dark) */
.mailchimp input[type="email"] {
  background-color: #fff;
  color: #336066;
  color-scheme: light;
}

/* Desktop: "Bekijk op Maps" button in the location section 7px higher */
@media (min-width: 1200px) {
  .locatie .uk-text-right > .uk-button {
    position: relative;
    top: -7px;
  }
}

/* Tablet + mobile: centre the footer contact block */
.device-xs #module-110 .contact h2,
.device-sm #module-110 .contact h2,
.device-md #module-110 .contact h2,
.device-lg #module-110 .contact h2 {
  text-align: center;
}
.device-xs #module-110 .contact ul,
.device-sm #module-110 .contact ul,
.device-md #module-110 .contact ul,
.device-lg #module-110 .contact ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  column-gap: 30px;
  columns: auto;
}
.device-xs #module-110 .contact ul > li,
.device-sm #module-110 .contact ul > li,
.device-md #module-110 .contact ul > li,
.device-lg #module-110 .contact ul > li {
  margin-top: 0;
}
/* Phones: one item per row, the list centred as a block so icons stay aligned */
.device-xs #module-110 .contact ul,
.device-sm #module-110 .contact ul {
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.device-xs #module-110 .contact ul > li,
.device-sm #module-110 .contact ul > li {
  flex: 0 0 auto;
}

/* Tablet (portrait) + mobile: centre Informatie / Ontdek / newsletter */
.device-xs #module-110 .informatie,
.device-sm #module-110 .informatie,
.device-md #module-110 .informatie {
  text-align: center;
}
.device-xs #module-110 .informatie ul,
.device-sm #module-110 .informatie ul,
.device-md #module-110 .informatie ul {
  padding-left: 0;
  list-style: none;
}
.device-xs #module-110 .informatie .mailchimp .mc-field-group,
.device-sm #module-110 .informatie .mailchimp .mc-field-group,
.device-md #module-110 .informatie .mailchimp .mc-field-group {
  float: none;
}

/* Tablet + mobile: centre keurmerk logos, "Betaal veilig met" and payment icons */
.device-xs #module-110 .icons .uk-grid:not(.tm-grid-expand),
.device-sm #module-110 .icons .uk-grid:not(.tm-grid-expand),
.device-md #module-110 .icons .uk-grid:not(.tm-grid-expand),
.device-lg #module-110 .icons .uk-grid:not(.tm-grid-expand) {
  justify-content: center;
}
.device-xs #module-110 .icons .uk-grid:not(.tm-grid-expand) > *,
.device-sm #module-110 .icons .uk-grid:not(.tm-grid-expand) > *,
.device-md #module-110 .icons .uk-grid:not(.tm-grid-expand) > *,
.device-lg #module-110 .icons .uk-grid:not(.tm-grid-expand) > * {
  width: auto;
}
.device-xs #module-110 .icons .el-item,
.device-xs #module-110 .icons h1, .device-xs #module-110 .icons h2,
.device-xs #module-110 .icons h3, .device-xs #module-110 .icons h4,
.device-sm #module-110 .icons .el-item,
.device-sm #module-110 .icons h1, .device-sm #module-110 .icons h2,
.device-sm #module-110 .icons h3, .device-sm #module-110 .icons h4,
.device-md #module-110 .icons .el-item,
.device-md #module-110 .icons h1, .device-md #module-110 .icons h2,
.device-md #module-110 .icons h3, .device-md #module-110 .icons h4,
.device-lg #module-110 .icons .el-item,
.device-lg #module-110 .icons h1, .device-lg #module-110 .icons h2,
.device-lg #module-110 .icons h3, .device-lg #module-110 .icons h4 {
  text-align: center;
}

/* Mobile: bottom links (Privacy / Voorwaarden / Contact / (c)) in one column */
.device-xs #module-110 .copy ul li,
.device-sm #module-110 .copy ul li {
  float: none;
  display: block;
  width: 100%;
  padding: 4px 0;
  text-align: center;
}