/* =========================================================
   RDO — TEC Design Sync
   Alleen selectors binnen The Events Calendar (TEC).
   ========================================================= */

:root{
  --rdo-tectds-primary: #50673F;
  --rdo-tectds-text:    #303943;
  --rdo-tectds-maxw:    1200px;
  --rdo-tectds-radius:  10px;
  --rdo-tectds-pad-x:   24px;
  --rdo-tectds-pad-top: 40px;
  --rdo-tectds-pad-bottom: 60px;
}

/* 1) Container/breedte gelijk trekken (Views v2 + legacy wrapper) */
.tribe-common .tribe-common-l-container,
.tribe-events .tribe-events-l-container,
#tribe-events-pg-template,
.tribe-events-pg-template{
  max-width: var(--rdo-tectds-maxw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--rdo-tectds-pad-x) !important;
  padding-right: var(--rdo-tectds-pad-x) !important;
}

/* 2) Ruimte boven/onder zoals normale pagina’s */
.tribe-events .tribe-events-header,
.tribe-events .tribe-events-l-container,
#tribe-events-pg-template{
  padding-top: var(--rdo-tectds-pad-top) !important;
  padding-bottom: var(--rdo-tectds-pad-bottom) !important;
}

/* 3) Typografie: laat theme bepalen (inherit) */
.tribe-common,
.tribe-common *{
  font-family: inherit !important;
  color: var(--rdo-tectds-text);
}

/* 4) Links/accentkleur */
.tribe-common a{
  color: var(--rdo-tectds-primary);
  text-decoration: none;
}
.tribe-common a:hover{
  opacity: .85;
  text-decoration: underline;
}

/* 5) Knoppen */
.tribe-common .tribe-common-c-btn,
.tribe-events .tribe-events-c-subscribe-dropdown__button,
.tribe-common button,
.tribe-common input[type="submit"],
.tribe-common input[type="button"],
.tribe-common input[type="reset"]{
  background: var(--rdo-tectds-primary) !important;
  border-color: var(--rdo-tectds-primary) !important;
  color: #fff !important;
  border-radius: var(--rdo-tectds-radius) !important;
  box-shadow: none !important;
}
.tribe-common .tribe-common-c-btn:hover,
.tribe-events .tribe-events-c-subscribe-dropdown__button:hover{
  filter: brightness(0.95);
}

/* 6) Cards/blocks netter (lijst/maand/week) */
.tribe-events .tribe-events-calendar-list__event,
.tribe-events .tribe-events-calendar-month__day-cell,
.tribe-common .tribe-common-c-card,
.tribe-events .tribe-events-pro-week-grid__event{
  border-radius: var(--rdo-tectds-radius);
  overflow: hidden;
}

/* 7) Koppen wat consistenter */
.tribe-events h1,
.tribe-events h2,
.tribe-events h3{
  letter-spacing: 0.2px;
}

/* 8) Details/pills/labels iets ronder */
.tribe-common .tribe-common-c-pill{
  border-radius: 999px;
}

/* 9) Voorkom dat TEC onbedoeld rare max-width op images zet */
.tribe-events img{
  height: auto;
}

/* 10) Kleine responsive tweak */
@media (max-width: 767px){
  .tribe-common .tribe-common-l-container,
  .tribe-events .tribe-events-l-container,
  #tribe-events-pg-template,
  .tribe-events-pg-template{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}