/* ==================================================
           ALGEMEEN
           ================================================== */

        .goeurope-finder{
            width:100%;
            color:#29288b;
        }


        .goeurope-finder-intro{
            margin-bottom:34px;
        }


        .goeurope-finder-intro h2{
            margin-bottom:8px;
        }


        /* ==================================================
           FILTERS
           ================================================== */

        .goeurope-filters{
            display:grid;
            grid-template-columns:
                repeat(3,minmax(0,1fr))
                auto;
            gap:14px;
            align-items:end;
            margin-bottom:22px;
        }


        .goeurope-filter{
            display:flex;
            flex-direction:column;
            gap:7px;
        }


        .goeurope-filter label{
            font-weight:700;
            font-size:14px;
        }


        .goeurope-filter select,
        .goeurope-filter input{
            width:100%;
            height:48px;
            border:1px solid #dcdce4;
            border-radius:8px;
            padding:0 14px;
            background:#fff;
            font:inherit;
            color:#29288b;
        }


        .goeurope-reset{
            height:48px;
            border:0;
            background:transparent;
            padding:0 10px;
            cursor:pointer;
            font:inherit;
            font-weight:700;
            color:#29288b;
        }


        .goeurope-resultaatregel{
            margin-bottom:30px;
        }


        /* ==================================================
           GRID
           ================================================== */

        .goeurope-kansen-grid{
            display:grid;
            grid-template-columns:
                repeat(3,minmax(0,1fr));
            gap:55px 28px;
        }


        /* ==================================================
           KAART
           ================================================== */

        .goeurope-kans{
            position:relative;
            box-sizing:border-box;

            min-width:0;
            min-height:560px;

            display:flex;
            flex-direction:column;

            padding:
                92px
                38px
                72px;

            border:2px solid #29288b;
            border-radius:38px;

            background:#fff;
            color:#29288b;

            overflow:visible;
        }


        .goeurope-kans.goeurope-hidden,
        .goeurope-kans.goeurope-initial-hidden{
            display:none;
        }


        /* ==================================================
           DEADLINE
           ================================================== */

        .goeurope-deadline-badge{
            position:absolute;
            top:22px;
            right:-16px;

            display:inline-flex;
            align-items:center;
            gap:10px;

            padding:
                8px
                15px
                8px
                11px;

            background:#f4513c;
            color:#fff;

            font-size:18px;
            font-weight:800;
            line-height:1;

            white-space:nowrap;
            z-index:2;
        }


        .goeurope-deadline-clock{
            position:relative;

            width:27px;
            height:27px;

            flex:0 0 27px;

            border:2px solid #fff;
            border-radius:50%;
        }


        .goeurope-deadline-clock::before{
            content:"";

            position:absolute;

            width:2px;
            height:8px;

            left:11px;
            top:4px;

            background:#fff;
        }


        .goeurope-deadline-clock::after{
            content:"";

            position:absolute;

            width:8px;
            height:2px;

            left:11px;
            top:12px;

            background:#fff;

            transform:rotate(30deg);
            transform-origin:left center;
        }


        /* ==================================================
           TITEL
           ================================================== */

        .goeurope-project-title{
            margin:
                0
                0
                22px;

            color:#29288b;

            font-size:32px;
            line-height:1.18;
            font-weight:800;

            overflow-wrap:anywhere;
        }


        /* ==================================================
           LABELS
           ================================================== */

        .goeurope-labels{
            display:flex;
            align-items:flex-start;
            flex-wrap:wrap;

            gap:8px;

            margin-bottom:27px;
        }


        .goeurope-country-label,
        .goeurope-theme-label{
            display:inline-block;

            padding:
                5px
                9px;

            border-radius:0;

            color:#fff;

            font-size:16px;
            font-weight:800;
            line-height:1.05;
        }


        /*
         * Land blijft GO Europe-blauw.
         */

        .goeurope-country-label{
            background:#29288b;
        }


        /*
         * THEMAKLEUREN
         *
         * Allemaal gebaseerd op #d7215f.
         * Van helder roze naar donker bordeaux.
         */

        .goeurope-theme-kinderen{
            background:#d7215f;
        }


        .goeurope-theme-jongeren{
            background:#c21e56;
        }


        .goeurope-theme-dieren{
            background:#ac1a4c;
        }


        .goeurope-theme-natuur{
            background:#971743;
        }


        .goeurope-theme-inclusie{
            background:#811439;
        }


        .goeurope-theme-nieuwkomers{
            background:#6c1130;
        }


        .goeurope-theme-ouderen{
            background:#560d26;
        }


        .goeurope-theme-sport{
            background:#db376f;
        }


        .goeurope-theme-cultuur{
            background:#971743;
        }


        .goeurope-theme-media{
            background:#ac1a4c;
        }


        .goeurope-theme-onderwijs{
            background:#c21e56;
        }


        .goeurope-theme-buurt{
            background:#811439;
        }


        .goeurope-theme-algemeen{
            background:#d7215f;
        }


        /* ==================================================
           BESCHRIJVING
           ================================================== */

        .goeurope-card-intro{
            margin:
                0
                0
                25px;

            color:#29288b;

            font-size:20px;
            line-height:1.45;
        }


        /* ==================================================
           STARTDATUM
           ================================================== */

        .goeurope-start-date{
            margin:
                0
                0
                20px;

            color:#29288b;

            font-size:20px;
            line-height:1.45;
        }


        .goeurope-start-date strong{
            font-weight:800;
        }


        /* ==================================================
           MEER INFO
           ================================================== */

        .goeurope-kans-button{
            position:absolute;

            left:52px;
            bottom:-19px;

            display:inline-flex;
            align-items:center;
            justify-content:center;

            gap:12px;

            min-width:auto;

            padding:
                10px
                18px;

            background:#d7215f;
            color:#fff!important;

            text-decoration:none!important;

            font-size:20px;
            font-weight:800;
            line-height:1.1;

            transition:
                background .15s ease,
                transform .15s ease;
        }


        .goeurope-kans-button:hover{
            background:#ac1a4c;
            color:#fff!important;
            transform:translateY(-1px);
        }


        .goeurope-arrow{
            font-size:26px;
            line-height:1;
        }


        /* ==================================================
           MEER LADEN
           ================================================== */

        .goeurope-loadmore-wrap{
            display:flex;
            justify-content:center;
            margin-top:58px;
        }


        .goeurope-loadmore{
            border:0;
            border-radius:100px;

            padding:
                14px
                24px;

            cursor:pointer;

            background:#d7215f;
            color:#fff;

            font:inherit;
            font-weight:700;
        }


        .goeurope-loadmore:hover{
            background:#c21e56;
        }


        .goeurope-no-results{
            margin-top:30px;
        }


        /* ==================================================
           TABLET
           ================================================== */

        @media(max-width:1000px){

            .goeurope-filters{
                grid-template-columns:
                    repeat(2,minmax(0,1fr));
            }


            .goeurope-kansen-grid{
                grid-template-columns:
                    repeat(2,minmax(0,1fr));
            }


            .goeurope-project-title{
                font-size:29px;
            }
        }


        /* ==================================================
           MOBIEL
           ================================================== */

        @media(max-width:650px){

            .goeurope-filters{
                grid-template-columns:1fr;
            }


            .goeurope-kansen-grid{
                grid-template-columns:1fr;
                gap:55px;
            }


            .goeurope-reset{
                text-align:left;
                padding-left:0;
            }


            .goeurope-kans{
                min-height:0;

                padding:
                    82px
                    25px
                    65px;

                border-radius:30px;
            }


            .goeurope-deadline-badge{
                top:20px;
                right:-8px;

                font-size:16px;
            }


            .goeurope-project-title{
                font-size:27px;
            }


            .goeurope-card-intro,
            .goeurope-start-date{
                font-size:18px;
            }


            .goeurope-kans-button{
                left:25px;
            }
        }


/* ==========================================================
   GO EUROPE 1.6 - KAARTONTWERP
   Inspiratie: witte afgeronde kaarten, Oswald koppen,
   roze accenten en rustige donkerblauwe bodytekst.
   ========================================================== */
.goeurope-finder {
    --goe-blue: #2d2e83;
    --goe-pink: #d7215f;
    --goe-orange: #f4513c;
    --goe-display: 'GEU Oswald', 'Oswald', sans-serif;
    --goe-body: 'Roboto', sans-serif;
    color: var(--goe-blue);
    font-family: var(--goe-body);
}
.goeurope-finder .goeurope-finder-intro h2 {
    color: var(--goe-blue);
    font-family: var(--goe-display);
    font-weight: 700;
    font-size: clamp(32px, 3vw, 48px);
    line-height: 1.08;
    text-transform: uppercase;
}
.goeurope-finder .goeurope-finder-intro p {
    color: var(--goe-blue);
    font-size: 18px;
    line-height: 1.55;
}
.goeurope-finder .goeurope-filters {
    gap: 16px;
    margin-bottom: 28px;
}
.goeurope-finder .goeurope-filter label {
    color: var(--goe-blue);
    font-size: 15px;
}
.goeurope-finder .goeurope-filter select,
.goeurope-finder .goeurope-filter input {
    border: 1.5px solid #d7d8eb;
    border-radius: 12px;
    min-height: 52px;
    background: #fff;
    color: var(--goe-blue);
}
.goeurope-finder .goeurope-filter select:focus-visible,
.goeurope-finder .goeurope-filter input:focus-visible,
.goeurope-finder button:focus-visible,
.goeurope-finder a:focus-visible {
    outline: 3px solid var(--goe-pink);
    outline-offset: 3px;
}
.goeurope-finder .goeurope-kansen-grid {
    gap: 30px 28px;
    align-items: stretch;
}
.goeurope-finder .goeurope-kans {
    min-height: 440px;
    padding: 34px 32px 76px;
    border: 0;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 6px 24px rgba(12, 0, 75, .09);
    overflow: visible;
}
.goeurope-finder .goeurope-deadline-badge {
    position: static;
    align-self: flex-start;
    margin-bottom: 22px;
    padding: 8px 12px;
    gap: 8px;
    border-radius: 5px;
    background: var(--goe-orange);
    font-size: 14px;
    line-height: 1.2;
}
.goeurope-finder .goeurope-deadline-clock {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}
.goeurope-finder .goeurope-deadline-clock::before {
    left: 8px;
    top: 3px;
    height: 6px;
}
.goeurope-finder .goeurope-deadline-clock::after {
    left: 8px;
    top: 9px;
    width: 6px;
}
.goeurope-finder .goeurope-project-title {
    color: var(--goe-blue);
    font-family: var(--goe-display);
    font-size: clamp(27px, 2.2vw, 34px);
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    margin: 0 0 22px;
}
.goeurope-finder .goeurope-labels {
    gap: 7px;
    margin-bottom: 24px;
}
.goeurope-finder .goeurope-country-label,
.goeurope-finder .goeurope-theme-label {
    border-radius: 5px;
    padding: 6px 10px;
    font-family: var(--goe-display);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.15;
}
.goeurope-finder .goeurope-card-intro,
.goeurope-finder .goeurope-start-date {
    color: var(--goe-blue);
    font-family: var(--goe-body);
    font-size: 17px;
    line-height: 1.55;
}
.goeurope-finder .goeurope-start-date {
    margin-top: auto;
    margin-bottom: 0;
}
.goeurope-finder .goeurope-kans-button {
    left: 32px;
    bottom: -16px;
    padding: 11px 18px;
    border-radius: 6px;
    background: var(--goe-pink);
    font-family: var(--goe-display);
    font-size: 19px;
    text-transform: uppercase;
}
.goeurope-finder .goeurope-kans-button:hover {
    background: #ac1a4c;
}
.goeurope-finder .goeurope-loadmore {
    border-radius: 6px;
    font-family: var(--goe-display);
    font-size: 19px;
    text-transform: uppercase;
}
@media (max-width: 1000px) {
    .goeurope-finder .goeurope-kansen-grid { gap: 32px 22px; }
    .goeurope-finder .goeurope-kans { padding: 30px 26px 72px; }
    .goeurope-finder .goeurope-kans-button { left: 26px; }
}
@media (max-width: 650px) {
    .goeurope-finder .goeurope-kansen-grid { gap: 38px; }
    .goeurope-finder .goeurope-kans {
        min-height: 0;
        padding: 28px 24px 70px;
        border-radius: 20px;
    }
    .goeurope-finder .goeurope-project-title { font-size: 29px; }
    .goeurope-finder .goeurope-card-intro,
    .goeurope-finder .goeurope-start-date { font-size: 16px; }
    .goeurope-finder .goeurope-kans-button { left: 24px; }
}


/* ============================================================
   GO EUROPE 1.7 — REFERENTIEONTWERP
   Blauwe achtergrond, compacte witte kaarten, rode deadline,
   roze titel, labels en een rustige tekstindeling.
   ============================================================ */
.goeurope-finder {
  --goe-panel: #2e3182;
  --goe-title: #d7215f;
  --goe-deadline: #f4513c;
  --goe-ink: #0c004b;
}
/* Alleen het kaartenveld heeft een blauwe achtergrond;
   filters en inleidende tekst blijven op hun eigen achtergrond. */
.goeurope-finder .goeurope-kansen-grid {
  background: var(--goe-panel);
  padding: 46px 30px;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}
.goeurope-finder .goeurope-kans {
  border: 0;
  border-radius: 17px;
  box-shadow: none;
  background: #fff;
  min-height: 342px;
  padding: 30px 30px 28px;
  overflow: hidden;
}
.goeurope-finder .goeurope-deadline-badge {
  position: static;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0 0 16px;
  padding: 0;
  border-radius: 0;
  background: none;
  color: var(--goe-deadline);
  font: 700 20px/1.12 var(--goe-display);
  text-transform: uppercase;
  white-space: normal;
}
.goeurope-finder .goeurope-deadline-badge strong { font-weight: 700; }
.goeurope-finder .goeurope-project-title {
  color: var(--goe-title);
  font: 700 clamp(26px, 2.2vw, 34px)/1.05 var(--goe-display);
  text-transform: uppercase;
  margin: 0 0 20px;
  overflow-wrap: break-word;
}
.goeurope-finder .goeurope-labels {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin: 0 0 20px;
}
.goeurope-finder .goeurope-country-label,
.goeurope-finder .goeurope-theme-label {
  border-radius: 5px;
  padding: 5px 7px 6px;
  color: #fff;
  font: 700 16px/1.08 var(--goe-display);
  text-transform: uppercase;
}
.goeurope-finder .goeurope-country-label { background: var(--goe-panel); }
.goeurope-finder .goeurope-theme-label { background: #971743; }
.goeurope-finder .goeurope-card-intro {
  color: var(--goe-ink);
  font: 400 18px/1.25 var(--goe-body);
  margin: 0 0 18px;
}
.goeurope-finder .goeurope-start-date {
  color: var(--goe-ink);
  font: italic 400 16px/1.35 var(--goe-body);
  margin: auto 0 0;
}
.goeurope-finder .goeurope-start-date strong { font-weight: 700; }
/* Behoud de linkfunctionaliteit zonder een uitstekende knop. */
.goeurope-finder .goeurope-kans-button {
  position: static;
  align-self: flex-start;
  margin-top: 18px;
  padding: 0;
  border-radius: 0;
  background: none;
  color: var(--goe-title) !important;
  font: 700 16px/1.2 var(--goe-display);
  text-decoration: underline !important;
  text-underline-offset: 3px;
  text-transform: uppercase;
}
.goeurope-finder .goeurope-kans-button:hover {
  background: none;
  color: #971743 !important;
  transform: none;
}
.goeurope-finder .goeurope-arrow { font-size: 19px; }
@media (max-width: 1000px) {
  .goeurope-finder .goeurope-kansen-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 28px 20px;
    gap: 14px;
  }
}
@media (max-width: 650px) {
  .goeurope-finder .goeurope-kansen-grid {
    grid-template-columns: minmax(0, 1fr);
    padding: 18px 14px;
    gap: 14px;
  }
  .goeurope-finder .goeurope-kans {
    min-height: 0;
    padding: 26px 24px;
    border-radius: 17px;
  }
  .goeurope-finder .goeurope-project-title { font-size: 29px; }
  .goeurope-finder .goeurope-card-intro { font-size: 17px; }
  .goeurope-finder .goeurope-deadline-badge { font-size: 18px; }
}
