/*======================================
Theme Name: Free Divi Child Theme By Pee-Aye Creative
Theme URI: https://www.peeayecreative.com/
Description: This is a free Divi child theme from Pee-Aye Creative!
Author: Nelson Lee Miller (aka The Divi Teacher)
Author URI: https://www.peeayecreative.com/
Author Email: nelson@peeayecreative.com
Template: Divi
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/

 /* ===== NOTES ==================================================================
 * 
 * New to Divi? Take our full Divi course: https://www.peeayecreative.com/product/beyond-the-builder-the-ultimate-divi-website-course/
 * 
 * Learn cool tricks and features with our Divi tutorials: https://www.peeayecreative.com/blog/
 * 
 * Discover our premium Divi products: https://www.peeayecreative.com/shop/
 * 
 * =============================================================================== */

/*add your custom CSS below this line*/

/* Verberg geblokkeerde stoelen, maar behoud de plek (gat in raster) */
#fooevents_seating_dialog .fooevents_seating_chart_view_row .blocked,
#fooevents_seating_dialog .fooevents_seating_chart_view_row .fe-blocked {
  visibility: hidden !important;   /* onzichtbaar, maar layout-box blijft staan */
  pointer-events: none !important; /* niet klikbaar/focusbaar */
}

/* (optioneel) verberg "Geblokkeerd" in de legenda */
#fooevents_seating_dialog .fooevents_seating_chart_legend .blocked,
#fooevents_seating_dialog .fooevents_seating_chart_legend .fe-blocked {
  display: none !important;
}

/* (optioneel) mocht FooEvents een hover/tooltip tonen op blocked seats: */
#fooevents_seating_dialog .blocked:hover,
#fooevents_seating_dialog .fe-blocked:hover {
  pointer-events: none !important;
} 

.theater-agenda .agenda-row {
  display: grid;
  grid-template-columns: 120px 160px auto;
  gap: 1rem;
  align-items: start;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.theater-agenda .agenda-date {
  font-weight: 600;
  white-space: nowrap;
  opacity: 0.85;
}

.theater-agenda .agenda-thumb img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}

.theater-agenda .agenda-title {
  margin: 0 0 0.25rem;
}

.theater-agenda .agenda-excerpt {
  margin: 0.25rem 0 0;
  opacity: 0.9;
}

.theater-agenda .agenda-cta {
  display: inline-block;
  margin-top: 0.5rem;
}

@media (max-width: 800px) {
  .theater-agenda .agenda-row {
    grid-template-columns: 100px auto; /* ipv 100px 1fr */
  }
  .theater-agenda .agenda-thumb {
    grid-column: 1 / -1;
    order: 3;
  }
}

.agenda-status {
  display:inline-block; font-weight:600; font-size:0.875rem; line-height:1;
  padding:0.35rem 0.6rem; border-radius:9999px; background:rgba(0,0,0,0.06);
  margin:0.25rem 0 0.5rem;
}
.agenda-status--available { background:#43a047; color:#fff; }
.agenda-status--low       { background:#fb8c00; color:#fff; }
.agenda-status--soldout   { background:#e53935; color:#fff; }

/* Kaartje/rand */
.ag .ag-row{
  display:grid;
  grid-template-columns: 220px 180px auto 220px; /* thumb | datum | content | prijs/actie */
  gap: 1.25rem;
  align-items: start;
  padding: 1rem 0;
  border-top: 1px solid rgba(0,0,0,0.15);
  border-bottom: 1px solid rgba(0,0,0,0.15);
}

/* Verticale scheidingslijnen (optioneel) */
.ag .ag-date{ border-left: 1px solid rgba(0,0,0,0.12); padding-left: 1.25rem; }
.ag .ag-main{ border-left: 1px solid rgba(0,0,0,0.12); padding-left: 1.25rem; }
.ag .ag-meta{ border-left: 1px solid rgba(0,0,0,0.12); padding-left: 1.25rem; }

/* 1) Thumbnail altijd vierkant */
.ag .ag-thumb{ position:relative; display:block; overflow:hidden; border-radius:6px; background:#f3f3f3; }
.ag .ag-thumb::before{ content:""; display:block; padding-bottom:100%; } /* maakt 't vierkant */
.ag .ag-thumb img{
  position:absolute; inset:0;
  width:100%; height:100%; object-fit:cover;
  transform:scale(1.0); transition:transform .25s;
}
.ag .ag-row:hover .ag-thumb img{ transform:scale(1.03); }

/* 2) Datum typografie */
.ag .ag-date{ text-align:left; }
.ag .ag-date__weekday{ display:block; font-size:1rem; font-weight:600; opacity:0.9; margin-bottom:.15rem; text-transform:lowercase; }
.ag .ag-date__day{ display:block; font-size:3.2rem; font-weight:800; line-height:1; }
.ag .ag-date__monthyear{ display:block; font-size:1rem; font-weight:600; margin:.25rem 0 .4rem; text-transform:lowercase; }
.ag .ag-date__time{ display:block; font-size:1.6rem; font-weight:800; }

/* 3) Content */
.ag .ag-title{ margin:0 0 .3rem; font-size:1.8rem; line-height:1.2; }
.ag .ag-title a{ color:#111; text-decoration:none; }
.ag .ag-title a:hover{ text-decoration:underline; }
.ag .ag-excerpt{ margin: .4rem 0 0; color:#222; opacity:0.95; }

/* 4) Meta (prijs + badge + knop rechts) */
.ag .ag-meta{ text-align:right; }
.ag .ag-price{ font-size:2rem; font-weight:800; margin: .2rem 0 1rem; }
.ag .ag-price del{ opacity:0.6; font-weight:600; }         /* sale-prijs compat */
.ag .ag-price ins{ text-decoration:none; }                 /* sale-prijs compat */

/* Badges (hergebruik jouw kleuren desgewenst) */
.ag .agenda-status{
  display:inline-block; font-weight:700; font-size:.95rem; line-height:1;
  padding:.5rem .8rem; border-radius:9999px; margin: .25rem 0 1rem;
  background: rgba(0,0,0,0.08);
}
.ag .agenda-status--available{ background:#43a047; color:#fff; }
.ag .agenda-status--low{ background:#fb8c00; color:#fff; }
.ag .agenda-status--soldout{ background:#e53935; color:#fff; }

/* Knop */
.ag .ag-btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:.5rem; padding:.7rem 1.1rem; border-radius:10px;
  background:#111; color:#fff; text-decoration:none; font-weight:700;
  border:2px solid #111;
}
.ag .ag-btn:hover{ background:#fff; color:#111; }

/* Responsief */
@media (max-width: 1000px){
  .ag .ag-row{ grid-template-columns: 160px 160px auto; }
  .ag .ag-meta{ align-self: start; }
}
@media (max-width: 800px){
  .ag .ag-row{ grid-template-columns: 120px auto; gap: .9rem; }
  .ag .ag-date, .ag .ag-main, .ag .ag-meta{ border-left:none; padding-left:0; }
  .ag .ag-meta{ grid-column: 1 / -1; text-align:left; margin-top:.5rem; }
  .ag .ag-price{ margin: .2rem 1rem .6rem 0; display:inline-block; }
  .ag .ag-btn{ margin-left: .6rem; }
}

.ag .agenda-status--soldout + .ag-btn{
  opacity:.5; pointer-events:none; cursor:not-allowed; filter:grayscale(30%);
}

.ag .agenda-status--soldout ~ .ag-btn,
.ag .agenda-status--soldout ~ .ag-price{ opacity:.4; }