/* ===== Wochenansicht Mobile-Optimierung – Wir.Alle.Füreinander =====
   ERSETZT den vorherigen "Wochenansicht"-Block komplett in der style.css
   des Child-Themes (WirAlleFuereinander). Farbe #a6428f ggf. anpassen. */

/* Dropdown zur Wochenauswahl */
.walf-week-select-wrapper {
  margin: 0 0 20px;
}
.walf-week-label {
  display: block;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 6px;
  color: #333;
}
.walf-select-outer {
  position: relative;
  max-width: 320px;
}
.walf-select-outer::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid #a6428f;
  transform: translateY(-50%);
  pointer-events: none;
}
.walf-week-select {
  width: 100%;
  padding: 10px 38px 10px 14px;
  font-size: 16px;
  border: 2px solid #a6428f;
  border-radius: 8px;
  background: #fff;
  color: #a6428f;
  font-weight: 700;
  -webkit-appearance: none;
  appearance: none;
}

/* Original-Tagesnavigation ausblenden (Badges werden pro Zeile eingefügt) */
.tribe-events-pro-week-day-selector {
  display: none !important;
}

/* Alle Tagesblöcke dauerhaft anzeigen statt Akkordion-Verhalten.
   Hintergrund wechselt hier je TAG (nicht je Termin) -> ein Tag = ein
   durchgehender Farbblock, keine Unterbrechungen zwischen den Terminen. */
.tribe-events-pro-week-mobile-events__day {
  display: block !important;
  padding: 12px 8px !important;
}
.tribe-events-pro-week-mobile-events__day.walf-day-a {
  background: #ffffff !important;
}
.tribe-events-pro-week-mobile-events__day.walf-day-b {
  background: #f2f2f2 !important;
}

/* Eine Zeile = Badge-Spalte + Termin-Spalte. !important nötig, da eine
   andere Regel (tribe-common-g-row Reset) sonst padding auf 0 zieht. */
.walf-row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  padding: 2px 0 !important;
}
.walf-row-badge-cell {
  flex: 0 0 44px !important;
  display: flex !important;
  justify-content: center !important;
  padding-top: 4px !important;
}

/* Tages-Badge (MO, DI, ...) – erscheint nur in der ersten Zeile eines Tages */
.walf-day-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #a6428f;
  color: #fff;
  font-weight: 800;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Termin-Inhalt: Kategorie-Hintergrundfarben überschreiben, kein Eigen-Padding.
   Die Theme-eigene style.css setzt pro Kategorie (.tribe_events_cat-xyz)
   "border: 4px solid #fff !important" mit Spezifität 0,3,0 (Klasse + :not()
   mit 2 Klassen) - das schlug unser einfaches .event{border:none!important}
   (Spezifität 0,1,0). Deshalb hier bewusst 4 verschachtelte Klassen (0,4,0),
   um garantiert zu gewinnen, unabhängig von der Lade-Reihenfolge. */
.tribe-events-view--week .tribe-events-pro-week-mobile-events__day .walf-row .tribe-events-pro-week-mobile-events__event {
  flex: 1 1 auto;
  min-width: 0;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-width: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  display: block;
}

/* Beitragsbilder komplett ausblenden (werden dank display:none nicht geladen) */
.tribe-events-pro-week-mobile-events__event-featured-image-wrapper {
  display: none !important;
}

/* Redundante Zeit-Trennzeile ausblenden */
.tribe-events-pro-week-mobile-events__event-time-separator {
  display: none;
}

/* Zeit einzeilig über dem Titel, bricht nicht um. Geringer Abstand nach
   unten, damit Zeit und Titel als zusammengehöriger Block wirken.
   Der umgebende -wrapper (tribe-common-b2) bringt sonst 6-7px eigenes
   margin-bottom mit, das den Titel unnötig weit nach unten drückt. */
.tribe-events-pro-week-mobile-events__event-datetime-wrapper {
  margin-bottom: 0 !important;
}
.tribe-events-pro-week-mobile-events__event-datetime {
  display: block !important;
  font-size: 15px !important;
  color: #444 !important;
  line-height: 1.3 !important;
  margin-bottom: 0 !important;
  white-space: nowrap !important;
}

/* !important nötig: Theme/TEC liefern hier sonst 40-48px (tribe-common-h6).
   margin:0, da h3 sonst eigenen Browser-/Theme-Abstand nach oben mitbringt. */
.tribe-events-pro-week-mobile-events__event-title,
.tribe-events-pro-week-mobile-events__event-title-link {
  display: block;
  margin: 0 !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 1.25 !important;
}

/* Veranstaltungsort ausblenden */
.tribe-events-pro-week-mobile-events__event-venue {
  display: none !important;
}

/* "Kalender anzeigen"-Link unter dem Widget ausblenden */
.tribe-events-widget-events-week__view-more {
  display: none !important;
}