/* ============================================
   The Events Calendar - CI Styling CGKK (Reset + Clean)
   ============================================ */

/* 1) Google Font Saira explizit laden */
@import url('https://fonts.googleapis.com/css2?family=Saira:wght@300;400;500;600;700&display=swap');

/* 2) Grundlayout: ruhiger Hintergrund und saubere Schrift */
body.post-type-archive-tribe_events,
body.single-tribe_events,
body.post-type-archive-tribe_events #main-content,
body.single-tribe_events #main-content,
.tribe-events,
.tribe-common,
.tribe-events .tribe-common {
  background: #FFFCF9 !important;
  color: #051118 !important;
  font-family: "Saira", sans-serif !important;
}

.tribe-events .tribe-common *,
.tribe-common * {
  font-family: "Saira", sans-serif !important;
}

/* 3) Containerbreite wie restliche Seite */
body.post-type-archive-tribe_events .container,
body.single-tribe_events .container {
  width: 100% !important;
  max-width: 1240px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

/* 4) Topbar neutral halten */
.tribe-events .tribe-events-c-top-bar {
  background: #FFFCF9 !important;
  border: 1px solid #e7ddd4 !important;
  border-radius: 12px !important;
  padding: 10px 12px !important;
  margin-bottom: 14px !important;
}

/* 5) Such-Button: kein Blau mehr */
.tribe-events .tribe-events-c-search__button,
.tribe-events .tribe-events-c-top-bar__today-button {
  background: #89043d !important;
  border-color: #89043d !important;
  color: #ffffff !important;
}

.tribe-events .tribe-events-c-search__button:hover,
.tribe-events .tribe-events-c-top-bar__today-button:hover {
  background: #6f0332 !important;
  border-color: #6f0332 !important;
  color: #ffffff !important;
}

/* 5b) Kalender abonnieren Button (Dropdown-Trigger) */
.tribe-events .tribe-events-c-subscribe-dropdown__button,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-common-c-btn-border,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-common-c-btn-border button,
.tribe-events .tribe-events-c-subscribe-dropdown__button-text {
  background: #89043d !important;
  border-color: #89043d !important;
  color: #ffffff !important;
}

.tribe-events .tribe-events-c-subscribe-dropdown__button:hover,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-common-c-btn-border:hover,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-common-c-btn-border button:hover,
.tribe-events .tribe-events-c-subscribe-dropdown__button-text:hover {
  background: #6f0332 !important;
  border-color: #6f0332 !important;
  color: #ffffff !important;
}

.tribe-events .tribe-events-c-subscribe-dropdown__button-icon,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-common-c-svgicon {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* 6) Wochentage im Monat NICHT farbig hinterlegen */
.tribe-events .tribe-events-calendar-month__header-column,
.tribe-events .tribe-events-calendar-month__header-column-title {
  background: #FFFCF9 !important;
  color: #051118 !important;
  font-weight: 600 !important;
}

/* 7) Monatsraster dezent */
.tribe-events .tribe-events-calendar-month {
  background: #fffdfb !important;
  border: 1px solid #e7ddd4 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.tribe-events .tribe-events-calendar-month__day {
  background: #fffdfb !important;
  border-color: #e7ddd4 !important;
}

.tribe-events .tribe-events-calendar-month__day:hover {
  background: #fff6ef !important;
}

/* 8) Event-Chips dezent */
.tribe-events .tribe-events-calendar-month__calendar-event,
.tribe-events .tribe-events-calendar-month-mobile-events__mobile-event {
  background: #fffaf6 !important;
  border-left: 3px solid #bb4430 !important;
  border-radius: 8px !important;
  padding: 4px 6px !important;
}

.tribe-events .tribe-events-calendar-month__calendar-event-title a,
.tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-title a {
  color: #051118 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.tribe-events .tribe-events-calendar-month__calendar-event-title a:hover,
.tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-title a:hover {
  color: #bb4430 !important;
  text-decoration: underline !important;
}

/* 9) Listenansicht dezent */
.tribe-events .tribe-events-calendar-list__event-row {
  border: 1px solid #e7ddd4 !important;
  border-radius: 12px !important;
  background: #fffaf6 !important;
  margin-bottom: 12px !important;
  padding: 12px !important;
}

.tribe-events .tribe-events-calendar-list__event-title a {
  color: #bb4430 !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

.tribe-events .tribe-events-calendar-list__event-title a:hover {
  text-decoration: underline !important;
}

/* 10) EINZELANSICHT: TEC-eigene Titel/Breadcrumb ausblenden,
      Kalender-Button dezent machen, mehr Luft nach unten */
.single-tribe_events .tribe-events-back,
.single-tribe_events #tribe-events-header,
.single-tribe_events .tribe-events-single-event-title {
  display: none !important;
}

.single-tribe_events .tribe-events-single {
  margin-top: 0 !important;
  margin-bottom: 26px !important;
}

.single-tribe_events #main-content {
  padding-bottom: 34px !important;
}

/* Kalender abonnieren in Einzelansicht: weniger dominant */
.single-tribe_events .tribe-events-c-subscribe-dropdown__container {
  margin-top: 14px !important;
  margin-bottom: 18px !important;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown__button,
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-common-c-btn-border,
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-common-c-btn-border button,
.single-tribe_events .tribe-events-c-subscribe-dropdown__button-text {
  background: #fffdfb !important;
  border-color: #c9bdb2 !important;
  color: #89043d !important;
  box-shadow: none !important;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown__button:hover,
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-common-c-btn-border:hover,
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-common-c-btn-border button:hover,
.single-tribe_events .tribe-events-c-subscribe-dropdown__button-text:hover {
  background: #fff6ef !important;
  border-color: #89043d !important;
  color: #89043d !important;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown__button-icon,
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-common-c-svgicon {
  color: #89043d !important;
  fill: #89043d !important;
}

/* 11) Subscribe-Button Final: einheitlicher Hover ohne doppelte Flaechen */
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-common-c-btn-border {
  background: #89043d !important;
  border-color: #89043d !important;
  color: #fff !important;
}

.tribe-events .tribe-events-c-subscribe-dropdown .tribe-common-c-btn-border:hover,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-common-c-btn-border:focus-within {
  background: #6f0332 !important;
  border-color: #6f0332 !important;
  color: #fff !important;
}

/* Innere Layer immer transparent, damit kein zweiter Hover-Hintergrund entsteht */
.tribe-events .tribe-events-c-subscribe-dropdown__button,
.tribe-events .tribe-events-c-subscribe-dropdown__button:hover,
.tribe-events .tribe-events-c-subscribe-dropdown__button:focus,
.tribe-events .tribe-events-c-subscribe-dropdown__button:active,
.tribe-events .tribe-events-c-subscribe-dropdown__button-text,
.tribe-events .tribe-events-c-subscribe-dropdown__button-text:hover,
.tribe-events .tribe-events-c-subscribe-dropdown__button-text:focus,
.tribe-events .tribe-events-c-subscribe-dropdown__button-text:active {
  background: transparent !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: none !important;
}

.tribe-events .tribe-events-c-subscribe-dropdown__button-icon,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-common-c-svgicon {
  color: #fff !important;
  fill: #fff !important;
}

/* Single-Event: gleiche saubere Logik, aber dezentere Grundfarbe */
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-common-c-btn-border {
  background: #fffdfb !important;
  border-color: #c9bdb2 !important;
  color: #89043d !important;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-common-c-btn-border:hover,
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-common-c-btn-border:focus-within {
  background: #fff6ef !important;
  border-color: #89043d !important;
  color: #89043d !important;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown__button,
.single-tribe_events .tribe-events-c-subscribe-dropdown__button:hover,
.single-tribe_events .tribe-events-c-subscribe-dropdown__button:focus,
.single-tribe_events .tribe-events-c-subscribe-dropdown__button:active,
.single-tribe_events .tribe-events-c-subscribe-dropdown__button-text,
.single-tribe_events .tribe-events-c-subscribe-dropdown__button-text:hover,
.single-tribe_events .tribe-events-c-subscribe-dropdown__button-text:focus,
.single-tribe_events .tribe-events-c-subscribe-dropdown__button-text:active {
  background: transparent !important;
  border-color: transparent !important;
  color: #89043d !important;
  box-shadow: none !important;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown__button-icon,
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-common-c-svgicon {
  color: #89043d !important;
  fill: #89043d !important;
}

/* 12) Einzelansicht: mehr Luft nach unten (erweitert) */
.single-tribe_events #main-content {
  padding-bottom: 72px !important;
}

.single-tribe_events .tribe-events-single {
  margin-bottom: 44px !important;
}

/* 13) Einzelansicht: noch mehr Luft nach unten */
.single-tribe_events #main-content {
  padding-bottom: 120px !important;
}

.single-tribe_events .tribe-events-single {
  margin-bottom: 72px !important;
}

/* 14) Sicherheitsnetz: niemals trashed Event-Instanzen im Frontend zeigen */
.single-tribe_events #tribe-events-content .status-trash {
  display: none !important;
}

/* 15) Einzelansicht-Layout: Bild > Zeit > Beschreibung > Kalender-Button */
.single-tribe_events #tribe-events-content .tribe_events.status-publish {
  display: block;
}

/* Doppelte Details-Box ausblenden (Datum/Zeit steht bereits in der Zeitzeile) */
.single-tribe_events .tribe-events-single-section.tribe-events-event-meta.primary,
.single-tribe_events .tribe-events-meta-group.tribe-events-meta-group-details {
  display: none !important;
}

/* Beitragsbild oben klar darstellen */
.single-tribe_events .tribe-events-event-image,
.single-tribe_events .tribe-events-event-image-wrapper,
.single-tribe_events .tribe-events-featured-image {
  margin: 0 0 14px 0 !important;
}

/* Zeitzeile unter Bild, mit gut lesbarer Kacheloptik */
.single-tribe_events .tribe-events-schedule.tribe-clearfix {
  margin: 0 0 14px 0 !important;
  padding: 10px 12px !important;
  border: 1px solid #e7ddd4 !important;
  border-radius: 10px !important;
  background: #fffaf6 !important;
}

/* Beschreibung danach */
.single-tribe_events .tribe-events-single-event-description.tribe-events-content {
  margin: 0 0 16px 0 !important;
}

/* Kalender-Button unten rechts ausrichten */
.single-tribe_events .tribe-events.tribe-common {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  margin: 10px 0 6px 0 !important;
}

/* 16) Finaler Font-Override fuer Eventseiten (Saira erzwingen) */
body.post-type-archive-tribe_events #tribe-events-pg-template,
body.single-tribe_events #tribe-events-pg-template,
body.post-type-archive-tribe_events #tribe-events-pg-template *,
body.single-tribe_events #tribe-events-pg-template * {
  font-family: "Saira", sans-serif !important;
}

/* 17) Einzelansicht: Venue + Karte anzeigen (wenn vorhanden)
      - Nur doppelte Detailbox (Datum/Zeit) ausblenden */
.single-tribe_events .tribe-events-single-section.tribe-events-event-meta.primary {
  display: block !important;
  margin-top: 10px !important;
  margin-bottom: 14px !important;
  padding: 12px !important;
  border: 1px solid #e7ddd4 !important;
  border-radius: 10px !important;
  background: #fffdfb !important;
}

/* Nur doppelte Datum/Zeit-Details verstecken */
.single-tribe_events .tribe-events-meta-group.tribe-events-meta-group-details {
  display: none !important;
}

/* Venue-Block explizit sichtbar */
.single-tribe_events .tribe-events-meta-group.tribe-events-meta-group-venue {
  display: block !important;
}

.single-tribe_events .tribe-events-meta-group-venue .tribe-events-single-section-title,
.single-tribe_events .tribe-events-meta-group-venue .tribe-events-meta-label {
  color: #bb4430 !important;
}

/* Kartenbereich (Google/Placeholder) sauber darstellen */
.single-tribe_events .tribe-events-venue-map,
.single-tribe_events .tribe-events-venue-map iframe,
.single-tribe_events .tribe-events-venue-map .cmplz-placeholder-element {
  width: 100% !important;
  min-height: 260px !important;
  border-radius: 10px !important;
}

.single-tribe_events .tribe-events-venue-map {
  margin-top: 10px !important;
  border: 1px solid #e7ddd4 !important;
  overflow: hidden !important;
  background: #fff !important;
}

/* 18) Kalender-Button wirklich ganz unten rechts */
.single-tribe_events .tribe-events.tribe-common {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  margin: 16px 0 6px 0 !important;
}

/* 19) Ort + Karte als Teil der Schedule-Box */
.single-tribe_events .tribe-events-schedule.tribe-clearfix {
  display: block !important;
  margin: 0 0 16px 0 !important;
  padding: 12px !important;
  border: 1px solid #e7ddd4 !important;
  border-radius: 12px !important;
  background: #fffaf6 !important;
}

.single-tribe_events .tribe-events-schedule .cgkk-schedule-ort {
  margin-top: 10px !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}

.single-tribe_events .tribe-events-schedule .cgkk-schedule-ort-label {
  color: #bb4430 !important;
  font-weight: 600 !important;
}

.single-tribe_events .tribe-events-schedule .cgkk-schedule-ort-link {
  color: #051118 !important;
  text-decoration: underline !important;
  text-decoration-color: #bb4430 !important;
}

.single-tribe_events .tribe-events-schedule .cgkk-schedule-ort-link:hover {
  color: #bb4430 !important;
}

.single-tribe_events .tribe-events-schedule .cgkk-schedule-mapwrap {
  margin-top: 12px !important;
}

.single-tribe_events .tribe-events-schedule .cgkk-schedule-mapwrap .tribe-events-venue-map {
  width: 100% !important;
  min-height: 360px !important;
  border: 1px solid #e7ddd4 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #fff !important;
}

.single-tribe_events .tribe-events-schedule .cgkk-schedule-mapwrap .tribe-events-venue-map iframe,
.single-tribe_events .tribe-events-schedule .cgkk-schedule-mapwrap .tribe-events-venue-map .cmplz-placeholder-parent,
.single-tribe_events .tribe-events-schedule .cgkk-schedule-mapwrap .tribe-events-venue-map .cmplz-placeholder-element {
  width: 100% !important;
  min-height: 360px !important;
}

/* Venue-Sektion nur noch als Datenquelle nutzen, nicht separat darstellen */
.single-tribe_events .tribe-events-single-section.tribe-events-event-meta.secondary {
  display: none !important;
}

/* 20) Feinschliff: Ort als neuer Absatz + Karte breit statt hoch */
.single-tribe_events .tribe-events-schedule .cgkk-schedule-ort {
  display: block !important;
  clear: both !important;
  width: 100% !important;
  margin-top: 10px !important;
  padding-top: 8px !important;
  border-top: 1px solid #eadfd6 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

.single-tribe_events .tribe-events-schedule .cgkk-schedule-mapwrap {
  display: block !important;
  width: 100% !important;
  margin-top: 10px !important;
}

.single-tribe_events .tribe-events-schedule .cgkk-schedule-mapwrap .tribe-events-venue-map {
  width: 100% !important;
  min-height: 210px !important;
  max-height: 260px !important;
  aspect-ratio: 16 / 6 !important;
  border: 1px solid #e7ddd4 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #fff !important;
}

.single-tribe_events .tribe-events-schedule .cgkk-schedule-mapwrap .tribe-events-venue-map iframe,
.single-tribe_events .tribe-events-schedule .cgkk-schedule-mapwrap .tribe-events-venue-map .cmplz-placeholder-parent,
.single-tribe_events .tribe-events-schedule .cgkk-schedule-mapwrap .tribe-events-venue-map .cmplz-placeholder-element {
  width: 100% !important;
  height: 100% !important;
  min-height: 210px !important;
  max-height: 260px !important;
}

@media (max-width: 980px) {
  .single-tribe_events .tribe-events-schedule .cgkk-schedule-mapwrap .tribe-events-venue-map {
    aspect-ratio: 16 / 8 !important;
    min-height: 190px !important;
  }
}

/* 21) Einzelansicht: Veranstalter-Block ausblenden */
.single-tribe_events .tribe-events-meta-group.tribe-events-meta-group-organizer,
.single-tribe_events .tribe-events-organizer,
.single-tribe_events .tribe-events-organizer-meta,
.single-tribe_events .tribe-events-meta-group .tribe-organizer,
.single-tribe_events .tribe-events-meta-group .tribe-organizer-email,
.single-tribe_events .tribe-events-meta-group .tribe-organizer-url {
  display: none !important;
}