/*
 Theme Name: Hello Elementor Child
 Theme URI: https://example.com/
 Description: Child theme for Hello Elementor.
 Author: Damiën
 Template: hello-elementor
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: hello-elementor-child
 Tags: hello, elementor, child theme
*/

/* Your custom CSS goes below */
/* Example: make "All day" date tag adjustments */
/* .tribe-events .tribe-events-calendar-list__event-date-tag { display: flex; flex-direction: column-reverse; } */


/* Offset voor alle ankers met een id (pas de px aan naar je headerhoogte) */
[id] { 
  scroll-margin-top: 100px;
}

/* Iets minder op mobiel */
@media (max-width: 768px) {
  [id] {
    scroll-margin-top: 90px;
  }
}


.ectbe-date-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 70px !important;
  height: 70px;
  background-color: white;
  padding: 4px;
  box-sizing: border-box;
  border-radius: 4px;
}

.ectbe-inner-wrapper.ectbe-simple-event {
  display: flex;
  align-items: center !important;
}

a {
  text-decoration: none !important;
}

.eael-event-calendar-wrapper .eaelec-modal-header .eaelec-event-popup-date i,
a.fc-daygrid-event.fc-daygrid-block-event.fc-h-event.fc-event.fc-event-start.fc-event-end.fc-event-future {
  color: #e48102;
  border-color: #e48102;
}

.tribe-events-single {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
  font-family: Helvetica, sans-serif;
  color: #122457;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}

.tribe-events-single-event-title {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  color: #122457;
}

.tribe-events-schedule {
  display: inline-block;
  width: auto !important;
  background-color: #E48102;
  color: #fff;
  font-size: 1.1rem;
  padding: 1rem;
  border-radius: 8px;
  margin-bottom: 1.5rem;
}

.tribe-events-venue-details,
.tribe-events-single-event-description {
  font-size: 1rem;
  color: #122457;
  margin-bottom: 2rem;
  line-height: 1.7;
}

.tribe-events-back a {
  display: inline-block;
  margin-top: 2rem;
  padding: 0.6rem 1.2rem;
  background-color: #E48102;
  color: #fff !important;
  text-decoration: none;
  border-radius: 6px;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.tribe-events-back a:hover {
  background-color: #c86f00;
}

.tribe-events-meta-group {
  background-color: #f0f4fa;
  padding: 1rem;
  border-radius: 8px;
  margin-top: 20px;
  margin-bottom: 1.5rem;
}

.tribe-events-meta-group-details,
.tribe-events-meta-group-venue {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  margin-right: 2%;
}

.tribe-events-meta-group-venue {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.tribe-events-meta-group-gmap {
  width: 100%;
  margin-top: 20px !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.tribe-events-meta-group-map,
.tribe-events-meta-group.tribe-events-meta-group-venue > div:not(.tribe-events-meta-group-map) {
  width: 100%;
}

.tribe-events-meta-group dt {
  font-weight: bold;
  color: #122457;
}

.tribe-events-meta-group dd {
  margin: 0 0 1rem;
  color: #333;
}

/* Verwijderen van "alle evenementen" knop */
p.tribe-events-back {
  display: none;
}

/* Responsive */
@media screen and (max-width: 768px) {
  .tribe-events-single {
    padding: 1rem;
  }

  .tribe-events-single-event-title {
    font-size: 1.8rem;
  }

  .tribe-events-meta-group-details,
  .tribe-events-meta-group-venue {
    width: 100%;
    margin-right: 0;
  }

  .tribe-events-meta-group-venue {
    flex-direction: column;
  }

  .tribe-events-meta-group-venue > div,
  .tribe-events-meta-group-map {
    width: 100% !important;
  }
}

.tribe-events-nav-next a {
  background-color: #14A4E3 !important;
  color: #fff !important;
  padding: 0.6rem 1.2rem;
  border-radius: 6px;
  text-decoration: none;
  display: inline-block;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.tribe-events-nav-next a:hover {
  background-color: #0f8cc6;
}


.tribe-events-nav-previous a,
.tribe-events-nav-next a {
  background-color: #14A4E3 !important;
  color: #fff !important;
  padding: 0.6rem 1.2rem;
  border-radius: 6px;
  text-decoration: none;
  display: inline-block;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.tribe-events-nav-previous a:hover,
.tribe-events-nav-next a:hover {
  background-color: #0f8cc6;
}

ul.tribe-events-sub-nav {
    padding-left: 0px;
}

a.ectbe-evt-read-more {
    display: none !important;
}

div#ectbe-date {
    display: flex
;
    flex-direction: column-reverse;
}

/*The events calendar*/
/* Verberg de knoppen voor andere weergaven in The Events Calendar */
.tribe-events-view-nav__list li:not(.tribe-events-view-nav__list-item--list) {
  display: none !important;
}

/* Optioneel: verberg ook het label "Weergave" als dat zichtbaar is */
.tribe-events-c-view-selector__button-text {
  display: none !important;
}

/* Verberg de complete zoekbalk + view-switcher bovenaan */
.tribe-events .tribe-events-header__events-bar,
.tribe-events .tribe-events-c-events-bar {
    display: none !important;
}

/* Iets meer ruimte boven de lijst nu de balk weg is */
.tribe-events .tribe-events-l-container {
    padding-top: 2rem;
}

/* Verberg de 'Abonneer op kalender' sectie onderaan */
.tribe-events .tribe-events-c-subscribe-dropdown__container,
.tribe-events .tribe-events-c-subscribe-dropdown {
    display: none !important;
}


/* Kaart-styling voor elk agenda-item */
.tribe-events .tribe-events-calendar-list__event {
    background: #ffffff;
    border-radius: 10px;
    padding: 24px 28px;
    margin-bottom: 24px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
    border: 1px solid #e3e7f2;
}

/* Rij netjes uitlijnen (datum + content) */
.tribe-events .tribe-events-calendar-list__event-row {
    align-items: center;
    gap: 32px;
}

/* Date-tag een eigen blokje geven */
.tribe-events .tribe-events-calendar-list__event-date-tag {
    background: #f5f7fb;
    border-radius: 8px;
    padding: 10px 14px;
    text-align: center;
    min-width: 80px;
}

/* Weekdag in date-tag */
.tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    color: #7a8194;
}

/* Dagnummer in date-tag */
.tribe-events .tribe-events-calendar-list__event-date-tag-daynum {
    font-size: 1.8rem;
    font-weight: 700;
    color: #002b4f; /* Vecon-achtig donkerblauw */
}

/* Maand/jaar in date-tag (als aanwezig) */
.tribe-events .tribe-events-calendar-list__event-date-tag-month {
    font-size: 0.8rem;
    text-transform: lowercase;
    color: #7a8194;
}

/* Eventtitel */
.tribe-events .tribe-events-calendar-list__event-title-link {
    font-size: 1.25rem;
    font-weight: 600;
    color: #002b4f;
}

/* Eventtitel hover */
.tribe-events .tribe-events-calendar-list__event-title-link:hover {
    text-decoration: none;
    color: #f39200; /* jouw oranje accent */
}

/* Korte omschrijving */
.tribe-events .tribe-events-calendar-list__event-description {
    margin-top: 8px;
    color: #4a4f5c;
}

/* Maandkopje iets subtieler */
.tribe-events .tribe-events-calendar-list__month-separator {
    border: none;
    margin: 36px 0 8px;
    font-weight: 600;
    color: #7a8194;
}



common-h3.tribe-common-h--alt.tribe-events-c-top-bar__datepicker-button {
    border-radius: 10px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}