/**
 * MN TEC Widget Fixes
 * Ziel: TEC Events List Widget in der Sidebar auf Nicht-Event-Seiten korrekt darstellen,
 * obwohl TEC-CSS dort teilweise deaktiviert wird.
 *
 * Wichtig: bewusst hohe Spezifität, damit Theme/Elementor-Resets (inkl. !important) nicht gewinnen.
 */

/* --- Grundlayout: 2 Spalten (links Datum, rechts Inhalt) --- */
body .tribe-events-widget-events-list .tribe-common-g-row{
  display: flex !important;
  align-items: flex-start !important;
}

body .tribe-events-widget-events-list .tribe-events-widget-events-list__event-date-tag{
  flex: 0 0 66px !important;
  max-width: 66px !important;
}

body .tribe-events-widget-events-list .tribe-events-widget-events-list__event-wrapper{
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* --- Datum: Monat + Tag untereinander + Strich-Abstand (Strich kommt von ::after) --- */
body .tribe-events-widget-events-list .tribe-events-widget-events-list__event-date-tag-datetime{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  line-height: 1 !important;

  position: relative !important;
  padding-left: 8px !important; /* Abstand zwischen Strich und Text */
}

body .tribe-events-widget-events-list .tribe-events-widget-events-list__event-date-tag-datetime::after{
  left: 0 !important;
}

body .tribe-events-widget-events-list .tribe-events-widget-events-list__event-date-tag-month,
body .tribe-events-widget-events-list .tribe-events-widget-events-list__event-date-tag-daynum{
  display: block !important;
  margin: 0 !important;
  line-height: 1.1 !important;
}

/* --- Featured: "Hervorgehoben" Text ausblenden, Icon vor der von–bis Zeile --- */
body .tribe-events-widget-events-list .tribe-events-widget-events-list__event-datetime-featured-text{
  display: none !important;
}

/* Icon NICHT im linken Datumsblock anzeigen */
body .tribe-events-widget-events-list .tribe-events-widget-events-list__event-date-tag
.tribe-events-widget-events-list__event-datetime-featured-icon{
  display: none !important;
}

/* Icon in der von–bis Zeile anzeigen */
body .tribe-events-widget-events-list .tribe-events-widget-events-list__event-datetime{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

body .tribe-events-widget-events-list .tribe-events-widget-events-list__event-datetime
.tribe-events-widget-events-list__event-datetime-featured-icon{
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 6px 0 0 !important;
  line-height: 1 !important;
}

/* Theme/Elementor-Reset (svg { width:100% ... }) neutralisieren: Featured-SVG klein halten */
body .tribe-events-widget-events-list svg.tribe-events-widget-events-list__event-datetime-featured-icon-svg{
  width: 12px !important;
  height: 12px !important;
  max-width: 12px !important;
  max-height: 12px !important;
  min-width: 12px !important;
  min-height: 12px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  flex: 0 0 auto !important;
}

/* --- Mehr Luft zwischen den Einträgen --- */
body .tribe-events-widget-events-list .tribe-events-widget-events-list__event-row{
  padding: 10px 0 !important;
}

/* --- MN: Farbe + Featured-Markierung absichern (Theme-Overrides abfangen) --- */

/* 1) Featured-Icon im Widget wieder blau (Theme setzt sonst gern "currentColor" => schwarz) */
body .tribe-events-widget-events-list
.tribe-events-widget-events-list__event-row--featured
svg.tribe-events-widget-events-list__event-datetime-featured-icon-svg{
  color: var(--tec-color-accent-primary, #334aff) !important;
  fill:  var(--tec-color-accent-primary, #334aff) !important;
}

/* 2) Featured-Strich am Datum im Widget erzwingen (nur für featured rows) */
body .tribe-events-widget-events-list
.tribe-events-widget-events-list__event-row--featured
.tribe-events-widget-events-list__event-date-tag-datetime::after{
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 3px !important;
  height: 100% !important;
  background: var(--tec-color-accent-primary, #334aff) !important;
}

/* --- MN: Fallbacks, falls Theme SVG/::after härter überschreibt --- */

/* Icon: nicht nur SVG, sondern auch PATH einfärben */
body .tribe-events-widget-events-list
.tribe-events-widget-events-list__event-row--featured
svg.tribe-events-widget-events-list__event-datetime-featured-icon-svg path{
  fill: var(--tec-color-accent-primary, #334aff) !important;
}

/* Featured-Strich: falls irgendwo content:none gesetzt wird + Höhe stabilisieren */
body .tribe-events-widget-events-list
.tribe-events-widget-events-list__event-row--featured
.tribe-events-widget-events-list__event-date-tag-datetime{
  min-height: 40px !important;
}

body .tribe-events-widget-events-list
.tribe-events-widget-events-list__event-row--featured
.tribe-events-widget-events-list__event-date-tag-datetime::after{
  content: "" !important;
}