/* VVZ Sponsoren 1.3.32 — compatibility overrides only.
   The balsponsor component itself is defined once in style.css and is shared
   by [vvz_balsponsoren] and [vvz_balsponsor id="..."] .
*/
.vvz-sponsor-group--balls .vvz-sponsor-cards.vvz-ball-columns-1{grid-template-columns:1fr!important;}
.vvz-sponsor-group--balls.vvz-ball-columns-1 .vvz-sponsor-cards{grid-template-columns:1fr!important;}
.vvz-sponsor-group--balls.vvz-ball-columns-2 .vvz-sponsor-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.vvz-sponsor-group--balls.vvz-ball-columns-3 .vvz-sponsor-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;}

@media (max-width:767px){
  .vvz-sponsors__groups{padding-left:12px!important;padding-right:12px!important;}
  .vvz-sponsor-cards, .vvz-sponsor-group--main .vvz-sponsor-cards, .vvz-sponsor-group--sponsors .vvz-sponsor-cards, .vvz-sponsor-group--balls .vvz-sponsor-cards{
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100%!important;
    gap:14px!important;
  }
  .vvz-sponsor-card{width:100%!important;min-width:0!important;box-sizing:border-box!important;}
  .vvz-sponsor-group--main .vvz-sponsor-card, .vvz-sponsor-group--sponsors .vvz-sponsor-card{
    height:132px!important;min-height:132px!important;padding:18px 24px!important;
  }
  .vvz-sponsor-group--main .vvz-sponsor-card>img, .vvz-sponsor-group--sponsors .vvz-sponsor-card>img{
    max-width:88%!important;max-height:100px!important;width:auto!important;height:auto!important;
  }
  
  
  
  
  
  
  
  
  
  
  
}


/* Historical server-side mobile fallback removed in 1.3.52; responsive CSS is cache-neutral. */



















/* 1.3.34 — FINAL compact mobile balsponsor card.
   The approved mobile reference is a compact information card: no photo,
   no oversized vertical rows, all match metadata visible in one row. */
@media screen and (max-width: 767px){
  /* Remove the decorative football icon beside the Balsponsoren heading on mobile. */
  .vvz-sponsor-group__head--balls .vvz-balls-icon, .vvz-sponsor-group__head--balls .vvz-balls-title .vvz-balls-icon{
    display:none!important;
  }
  .vvz-sponsor-group__head--balls .vvz-balls-title{gap:0!important;}
  .vvz-sponsor-group__head--balls h3{font-size:24px!important;line-height:1.1!important;}
  .vvz-sponsor-group__head--balls{margin-bottom:12px!important;}

  /* One compact card per row. */
  .vvz-sponsor-group--balls .vvz-sponsor-cards, .vvz-sponsors--single.vvz-sponsor-group--balls .vvz-sponsor-cards{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
  }

  

  /* The Derbystar image is intentionally desktop-only for this compact card. */
  

  

  
  

  

  
  
  

  
  
  
  
}


/* =========================================================
   VVZ Sponsoren 1.3.35 — iPad / tablet layout
   iPad portrait and landscape get a dedicated layout so cards
   remain readable without inheriting the phone layout.
   ========================================================= */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .vvz-sponsors{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: hidden !important;
  }

  .vvz-sponsors__groups{
    padding: 24px 20px 42px !important;
  }

  .vvz-sponsor-group{
    padding: 20px 16px !important;
    border-radius: 18px !important;
  }

  /* Normal sponsors: two columns on iPad, with larger logos. */
  .vvz-sponsor-cards, .vvz-sponsor-group--sponsors .vvz-sponsor-cards{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  .vvz-sponsor-card, .vvz-sponsor-group--sponsors .vvz-sponsor-card{
    height: 125px !important;
    min-height: 125px !important;
    padding: 16px 20px !important;
  }

  .vvz-sponsor-card>img, .vvz-sponsor-group--sponsors .vvz-sponsor-card>img{
    max-width: 92% !important;
    max-height: 92px !important;
  }

  /* Balsponsors: one complete card per row on iPad for readability. */
  .vvz-sponsor-group--balls .vvz-sponsor-cards{
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }

  .vvz-sponsors.vvz-sponsors--single .vvz-sponsor-card{
    display: grid !important;
    grid-template-columns: 40% 60% !important;
    width: 100% !important;
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  

  

  

  

  

  

  
}


/* =========================================================
   VVZ Sponsoren 1.3.36 — compact phone + iPad sizing
   Keep desktop unchanged. Phones and tablets get smaller,
   tighter cards so every element fits comfortably in view.
   ========================================================= */
@media screen and (max-width: 767px){
  .vvz-sponsors__groups{padding:14px 10px 28px!important;}
  .vvz-sponsor-group{padding:14px 10px!important;margin-bottom:12px!important;border-radius:16px!important;}
  .vvz-sponsor-group__head{gap:10px!important;margin-bottom:10px!important;}
  .vvz-sponsor-group__head--balls h3{font-size:22px!important;}
  .vvz-sponsor-group--balls .vvz-sponsor-cards{grid-template-columns:1fr!important;gap:10px!important;}
  
  
  
  
  
  
  
  
  
  
  
  

  .vvz-sponsor-group--main .vvz-sponsor-cards, .vvz-sponsor-group--sponsors .vvz-sponsor-cards{grid-template-columns:1fr!important;gap:10px!important;}
  .vvz-sponsor-group--main .vvz-sponsor-card, .vvz-sponsor-group--sponsors .vvz-sponsor-card{height:112px!important;min-height:112px!important;padding:12px 18px!important;border-radius:11px!important;}
  .vvz-sponsor-group--main .vvz-sponsor-card>img, .vvz-sponsor-group--sponsors .vvz-sponsor-card>img{max-width:90%!important;max-height:82px!important;}
}

@media screen and (min-width:768px) and (max-width:1024px){
  .vvz-sponsors__groups{padding:18px 16px 32px!important;}
  .vvz-sponsor-group{padding:16px 14px!important;margin-bottom:14px!important;border-radius:16px!important;}
  .vvz-sponsor-group__head{gap:12px!important;margin-bottom:12px!important;}
  .vvz-sponsor-group__head h3{font-size:22px!important;}
  .vvz-sponsor-group--main .vvz-sponsor-card, .vvz-sponsor-group--sponsors .vvz-sponsor-card{height:108px!important;min-height:108px!important;padding:12px 16px!important;}
  .vvz-sponsor-card>img, .vvz-sponsor-group--sponsors .vvz-sponsor-card>img{max-height:78px!important;}
  .vvz-sponsor-group--balls .vvz-sponsor-cards{grid-template-columns:1fr!important;gap:14px!important;}
  .vvz-sponsors.vvz-sponsors--single .vvz-sponsor-card{height:260px!important;min-height:260px!important;max-height:260px!important;grid-template-columns:40% 60%!important;}
  
  
  
  
  
  
  
  
  
}

/* 1.3.37 - compact location only on tablet/mobile */
@media screen and (max-width: 1024px){
  
  
  
}

/* =========================================================
   VVZ Sponsoren 1.3.43 — CLEAN RESPONSIVE REBUILD
   Desktop (>=1200px) remains the 1.3.37 composition.
   Tablet and phone use an independent compact information card.
   ========================================================= */

/* The homepage card is independent from the full sponsor-page card. */
















/* Phone: compact one-column cards. */
@media screen and (max-width:767px){
  .vvz-sponsors__groups{padding:12px 10px 24px!important;}
  .vvz-sponsor-group{padding:0!important;margin:0 0 14px!important;border-radius:0!important;background:transparent!important;}
  .vvz-sponsor-group__head{margin-bottom:10px!important;}
  .vvz-sponsor-group--balls .vvz-sponsor-cards, .vvz-sponsors--single .vvz-sponsor-cards{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important;}

  .vvz-sponsors--single .vvz-sponsor-card{
    display:block!important;width:100%!important;height:285px!important;min-height:285px!important;max-height:285px!important;
    margin:0!important;padding:0!important;border:1px solid #dce9e2!important;border-radius:14px!important;background:#fff!important;
    box-shadow:0 3px 14px rgba(7,92,48,.05)!important;overflow:hidden!important;
    box-sizing:border-box!important;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  /* Regular sponsor logos: compact single column on phones. */
  .vvz-sponsor-group--main .vvz-sponsor-cards, .vvz-sponsor-group--sponsors .vvz-sponsor-cards{grid-template-columns:1fr!important;gap:10px!important;}
  .vvz-sponsor-group--main .vvz-sponsor-card, .vvz-sponsor-group--sponsors .vvz-sponsor-card{height:108px!important;min-height:108px!important;padding:12px 18px!important;}
  .vvz-sponsor-group--main .vvz-sponsor-card>img, .vvz-sponsor-group--sponsors .vvz-sponsor-card>img{max-width:90%!important;max-height:82px!important;}

  /* Homepage shortcode. */
  
  
  
  
  
  
  
  
  
  
  
}

/* Tablet / iPad: two compact cards per row, no desktop field/photo. */
@media screen and (min-width:768px) and (max-width:1199px){
  .vvz-sponsors__groups{padding:18px 16px 30px!important;}
  .vvz-sponsor-group{padding:0!important;margin:0 0 16px!important;border-radius:0!important;background:transparent!important;}
  .vvz-sponsor-group--balls .vvz-sponsor-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;width:100%!important;}
  .vvz-sponsors--single .vvz-sponsor-card{
    display:block!important;width:100%!important;height:300px!important;min-height:300px!important;max-height:300px!important;margin:0!important;padding:0!important;
    border:1px solid #dce9e2!important;border-radius:14px!important;background:#fff!important;box-shadow:0 3px 14px rgba(7,92,48,.05)!important;overflow:hidden!important;box-sizing:border-box!important;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  .vvz-sponsor-group--main .vvz-sponsor-cards, .vvz-sponsor-group--sponsors .vvz-sponsor-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .vvz-sponsor-group--main .vvz-sponsor-card, .vvz-sponsor-group--sponsors .vvz-sponsor-card{height:108px!important;min-height:108px!important;padding:12px 16px!important;}
  .vvz-sponsor-group--main .vvz-sponsor-card>img, .vvz-sponsor-group--sponsors .vvz-sponsor-card>img{max-height:82px!important;}

  
  
  
  
  
  
  
  
  
}

/* Small phones: slightly reduce typography without changing the structure. */
@media screen and (max-width:390px){
  
  
  
  
  
  
  
}

/* 1.3.46.1 — CLEAN metadata override.
   There must be exactly one visible label per item. Desktop uses the full
   label; tablet/phone uses the compact label. The previous rules allowed the
   full and compact spans to become visible at the same time. */







@media screen and (max-width:1024px){
  

  
}

/* 1.3.46.3 — definitive single metadata text.
   The PHP now renders ONE text element per datum/tijd/locatie. CSS switches
   only the displayed value between the full desktop value and the compact
   mobile/tablet value. This prevents duplicate labels completely. */
.vvz-balls-icon{display:none!important;}




@media screen and (max-width:1024px){
  
}


/* 1.3.46.5 — mobile/iPad hero refinement.
   Desktop hero remains untouched. On smaller screens the hero becomes a
   compact, readable club introduction: shorter image area, stronger white
   readability layer, smaller crest and tighter typography. */
@media screen and (max-width: 767px){
  .vvz-sponsors__hero{
    min-height:410px!important;
    height:auto!important;
    align-items:flex-end!important;
    overflow:hidden!important;
    background:#eef7f1!important;
  }
  .vvz-sponsors__hero-bg{
    height:410px!important;
    inset:0!important;
    background-position:68% center!important;
    background-size:cover!important;
  }
  .vvz-sponsors__hero-overlay{
    background:linear-gradient(180deg,
      rgba(255,255,255,.72) 0%,
      rgba(255,255,255,.82) 24%,
      rgba(255,255,255,.94) 58%,
      rgba(255,255,255,.98) 100%)!important;
  }
  .vvz-sponsors__hero-logo{
    top:24px!important;
    right:20px!important;
    width:105px!important;
    max-width:105px!important;
    transform:none!important;
    filter:drop-shadow(0 6px 12px rgba(0,0,0,.12))!important;
    opacity:.96!important;
  }
  .vvz-sponsors__hero-inner{
    width:100%!important;
    padding:108px 24px 28px!important;
    margin:0!important;
  }
  .vvz-sponsors__hero-copy{max-width:100%!important;}
  .vvz-sponsors__hero h2{
    max-width:280px!important;
    margin:0 0 12px!important;
    font-size:42px!important;
    line-height:.98!important;
    letter-spacing:-1.8px!important;
  }
  .vvz-sponsors__hero p{
    max-width:100%!important;
    margin:0!important;
    font-size:16px!important;
    line-height:1.42!important;
    color:#45695b!important;
  }
  .vvz-sponsors__hero-buttons{margin-top:20px!important;}
  .vvz-btn{
    width:100%!important;
    min-height:50px!important;
    border-radius:12px!important;
    padding:0 20px!important;
    font-size:15px!important;
  }
}

@media screen and (min-width:768px) and (max-width:1199px){
  .vvz-sponsors__hero{
    min-height:440px!important;
  }
  .vvz-sponsors__hero-bg{background-position:64% center!important;}
  .vvz-sponsors__hero-overlay{
    background:linear-gradient(90deg,
      rgba(255,255,255,.97) 0%,
      rgba(255,255,255,.90) 35%,
      rgba(255,255,255,.42) 68%,
      rgba(255,255,255,.10) 100%)!important;
  }
  .vvz-sponsors__hero-logo{
    width:185px!important;
    max-width:185px!important;
    right:5%!important;
  }
  .vvz-sponsors__hero-inner{padding:52px 28px!important;}
  .vvz-sponsors__hero h2{font-size:54px!important;letter-spacing:-2.2px!important;}
  .vvz-sponsors__hero p{font-size:17px!important;line-height:1.5!important;max-width:520px!important;}
}


/* VVZ Sponsoren 1.3.46.6 — optional sponsor name on homepage */



@media (max-width:767px){
  
  
  
}
/* VVZ Sponsoren 1.3.47 — complete minimalist balsponsor redesign.
   The legacy 40/60 photo-card is intentionally replaced, not layered over. */
.vvz-sponsor-group--balls .vvz-sponsor-cards, .vvz-sponsors--single.vvz-sponsor-group--balls .vvz-sponsor-cards{
  display:grid!important;grid-template-columns:1fr!important;gap:18px!important;
  width:100%!important;max-width:100%!important;
}






















@media(max-width:700px){
  
  
  
  
  
  
  
  
  
  
  
}


/* VVZ Sponsoren 1.3.48 — closer recreation of concept 6:
   crest | sponsor + date/time | opponent crest | cropped ball photo. */
.vvz-sponsor-group--balls .vvz-sponsor-cards, .vvz-sponsors--single.vvz-sponsor-group--balls .vvz-sponsor-cards{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;
}






















@media(max-width:700px){
  
  
  
  
  
  
  
  
}