/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 19:15 Expected identifier but found whitespace
Line 19:17 Unexpected "{"
Line 19:26 Expected ":"
Line 19:76 Expected ":"
Line 22:12 Unexpected "{"
Line 22:21 Expected ":"
Line 23:16 Expected identifier but found whitespace
Line 23:18 Unexpected "{"
... and 22 more hidden warnings

**/
{%- style -%}
  /* === Bestaande Sectie Styling === */
  .footer {
    margin-top: {{ section.settings.margin_top | times: 0.75 | round: 0 }}px;
  }

  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
  }

  @media screen and (min-width: 750px) {
    .footer {
      margin-top: {{ section.settings.margin_top }}px;
    }

    .section-{{ section.id }}-padding {
      padding-top: {{ section.settings.padding_top }}px;
      padding-bottom: {{ section.settings.padding_bottom }}px;
    }
  }

  /* === AANGEPAST: CSS voor Kaart & Hoofd Grid Layout === */
  .footer-main-grid {
    display: grid;
    gap: 4rem; /* Iets meer ruimte tussen de kolommen */
    grid-template-columns: 1fr; /* Standaard 1 kolom op mobiel */
  }

  /* Op grotere schermen (bv. 990px en breder): 2 kolommen als de kaart AAN staat */
  @media screen and (min-width: 990px) {
    .footer-main-grid--has-map {
       /* --- AANGEPAST: Geef linkerkolom meer ruimte (bv 1.8x) dan de kaartkolom (1x) --- */
      grid-template-columns: 1.8fr 1fr;
      align-items: start;
    }
  }
  /* Op medium schermen (tablet): eventueel ook 2 kolommen, maar misschien gelijke breedte? */
   @media screen and (min-width: 750px) and (max-width: 989px) {
      .footer-main-grid--has-map {
          grid-template-columns: 1fr 1fr; /* Gelijke kolommen op tablet formaat */
          align-items: start;
      }
   }


  /* Styling specifiek voor het Kaart Blok */
  .footer-block--map {
    width: 100%;
  }

  /* Styling voor de Container rondom de Google Maps Iframe */
  .footer-map__container {
    position: relative;
    margin-bottom: 1.5rem;
    /* --- AANGEPAST: Lagere padding-bottom voor een minder hoge kaart (16:9 ratio) --- */
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border-radius: var(--media-radius, 4px);
    border: 1px solid rgba(var(--color-foreground), 0.1);
  }

  /* Styling voor de Iframe zelf */
  .footer-map__container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }

  /* Styling voor de Kaart Knop */
  .footer-map__button {
    display: inline-block;
    margin-top: 1rem;
    text-decoration: none;
  }

  /* Verberg de kaart heading als deze via de customizer leeg is gelaten */
   .footer-block--map .footer-block__heading:empty {
      display: none;
   }

   /* Zorgen dat blokken binnen linkerkolom goed staan */
   .footer-main-grid__left-column .footer__blocks-wrapper.grid {
      /* Behoud hier de bestaande grid logica van je thema voor de blokken */
      /* Zorg dat het niet te veel kleine kolommetjes worden */
   }
   @media screen and (min-width: 750px) {
      .footer-main-grid__left-column .footer__blocks-wrapper.grid {
         /* Mogelijke aanpassing: Limiteer het aantal kolommen hier */
         /* grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); */ /* Voorbeeld */
      }
   }


  /* === Einde AANGEPASTE CSS === */

  /* === Bestaande Footer CSS (Behouden en controleren op relevantie) === */

  .footer__content-top {
    padding-bottom: 5rem;
    display: block;
  }

  /* Zorg dat op mobiel de oorspronkelijke grid (.footer__blocks-wrapper) nog steeds werkt */
   @media screen and (max-width: 749px) {
    /* Zorg dat hoofdgrid 1 kolom is (gebeurt al standaard) */
     .footer-main-grid__left-column .footer__blocks-wrapper.grid {
       display: grid; /* Zorg dat het een grid blijft */
       /* Behoud de mobiele kolominstellingen van je thema */
       grid-template-columns: 1fr; /* Meestal 1 kolom op mobiel */
    }
     .footer-block.grid__item { /* Styling voor individuele blokken op mobiel */
        margin-bottom: 3rem;
     }
     .footer-block--newsletter { /* Onderste blok op mobiel */
        margin-top: 3rem;
     }
     /* Zorg dat kaartcontainer op mobiel niet te hoog wordt door padding */
     .footer-map__container {
         padding-bottom: 75%; /* Eventueel hogere ratio (4:3) op mobiel indien gewenst */
     }
   }

  /* Behoud styling voor footer bottom */
  .footer__content-bottom {
    border-top: solid 0.1rem rgba(var(--color-foreground), 0.08);
    padding-top: 3rem;
    margin-top: 4rem; /* Extra ruimte tussen hoofdinhoud en bottom */
  }
  .footer__content-bottom-wrapper {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; /* Sta wrapping toe */
    row-gap: 1.5rem; /* Ruimte als elementen wrappen */
  }
  @media screen and (max-width: 749px) {
     .footer__content-bottom-wrapper {
       justify-content: center; /* Centreer op mobiel */
     }
      .footer__column {
        width: auto;
        text-align: center;
      }
      .footer__localization {
         width: 100%;
         justify-content: center;
         order: 1; /* Zet onder copyright */
      }
      .footer__column--info { /* Container voor payment */
         width: 100%;
         justify-content: center;
         order: 2; /* Zet onder localization */
      }
      .footer__payment .list-payment {
         justify-content: center; /* Centreer payment icons */
      }
      .footer__copyright {
          width: 100%;
          order: -1; /* Copyright bovenaan */
          margin-bottom: 1rem; /* Ruimte onder copyright */
      }
   }
  @media screen and (min-width: 750px) {
     /* Desktop layout voor bottom */
     .footer__column.footer__localization {
       justify-content: flex-start; /* Links uitlijnen */
     }
     .footer__column.footer__column--info {
       justify-content: flex-end; /* Rechts uitlijnen */
     }
     .footer__copyright {
        width: 100%; /* Zorgt dat het de volledige breedte pakt en de andere elementen naar de zijkant duwt */
        text-align: center; /* Centreer copyright tekst */
        margin-top: 1.5rem; /* Ruimte boven copyright */
     }
  }


  /* --- Andere bestaande footer styles (headings, lijsten, etc.) --- */
  .footer-block__heading {
    margin-bottom: 2rem;
    margin-top: 0;
    font-size: calc(var(--font-heading-scale) * 1.6rem);
  }
  @media screen and (min-width: 990px) {
    .footer-block__heading {
      font-size: calc(var(--font-heading-scale) * 1.8rem);
    }
  }
  .footer-block__details-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .footer-block__details-content li {
    margin-bottom: 0.8rem;
  }
  .footer-block__details-content .list-menu__item--link {
     color: rgba(var(--color-foreground), 0.75);
     text-decoration: none;
     line-height: 1.6; /* Verbeter leesbaarheid */
  }
   .footer-block__details-content .list-menu__item--link:hover {
      color: rgb(var(--color-foreground));
      text-decoration: underline;
   }

  /* Copyright styling */
  .footer__copyright {
    display: flex; /* Zet items naast elkaar */
    flex-wrap: wrap; /* Sta wrapping toe */
    justify-content: center; /* Centreer de items */
    gap: 0.5rem 1.5rem; /* Verticale en horizontale ruimte */
  }
  .copyright__content {
    font-size: 1.2rem;
    color: rgba(var(--color-foreground), 0.75);
    line-height: 1.5;
  }
   .copyright__content a {
      color: rgba(var(--color-foreground), 0.75);
      text-decoration: underline;
      text-underline-offset: 0.2rem;
   }
    .copyright__content a:hover {
       color: rgb(var(--color-foreground));
    }
  .policies { /* Container voor beleid links */
     display: contents; /* Zorgt dat li's direct in de flexbox van copyright vallen */
  }
    .policies li {
      position: relative;
      padding-left: 1.5rem; /* Ruimte voor de stip */
    }
    .policies li::before { /* Stippen tussen beleid links */
      content: '\00B7';
      position: absolute;
      left: 0.4rem; /* Positioneer de stip */
      color: rgba(var(--color-foreground), 0.5);
    }
     /* Verberg stip voor het allereerste item in de copyright-flexbox (kan het policy-item zijn) */
     .footer__copyright > *:first-child::before {
        content: none;
        padding: 0;
     }
      /* Specifiek voor policies als het NIET het eerste item is */
     .policies li:not(:first-child)::before {
         content: '\00B7';
     }
     /* Als policies wel het eerste kind van copyright is, maar niet het eerste beleid-item */
      .footer__copyright > .policies:first-child li:not(:first-child)::before {
          content: '\00B7';
      }
      .footer__copyright > .policies:first-child li:first-child::before {
          content: none; /* Zeker geen stip voor het allereerste beleid-item */
           padding: 0;
      }



{%- endstyle -%}