/*
 Theme Name: Hello Elementor Child
 Template: hello-elementor
 Version: 1.0.0
*/
/* Summary Event Styles – angepasst an die Widget-Version */

/* Wochentag (in Widget: als .tribe-events-widget-events-list__event-date-tag-month definiert) */
.tribe-events-pro-summary__event-date-tag-weekday {
    font-size: 1rem !important;
    color: #333 !important;
}

/* Kalendertag (Widget nutzt hier tribe-common-h2, also simulieren wir diesen größeren Schriftgrad) */
.tribe-events-pro-summary__event-date-tag-daynum {
    font-size: 2rem;  /* Wert anpassen, falls die exakte Größe aus tribe-common-h2 abweicht */
    color: #333 !important;
}

/* Monat – hier wird im Summary bereits die Widget-Klasse genutzt, dennoch sicherheitshalber: */
.tribe-events-pro-summary__event-date-tag-month {
    font-size: 1rem !important;
    color: #333 !important;
}

/* Uhrzeit – entspricht der Darstellung im Widget */
.tribe-events-pro-summary__event-datetime {
    font-size: 1rem;
    color: #333;
}

/* Eventtitel – an das Widget-Titelformat (tribe-common-h7) anlehnen */
.tribe-events-pro-summary__event-title {
    font-size: 1rem;  /* Falls tribe-common-h7 in deinem Theme einen anderen Wert hat, anpassen */
    color: #333;
}

/* Für den Link im Eventtitel, um die Vererbung der Farbe zu gewährleisten */
.tribe-events-pro-summary__event-title-link {
    color: inherit;
    text-decoration: none;
}

.tribe-events-widget-events-list__event-date-tag-month {
    font-size: 1rem; /* Beispiel-Schriftgröße */
    color: #333; /* Beispiel-Farbe */
}

/* Bestehende Tags-Regeln – hier werden die Tags jeweils in einer eigenen Zeile dargestellt */
.tribe-events-widget-events-list__event-tags {
    margin-top: 5px;
    font-size: 10px;
    color: #666;
    display: flex;
    flex-direction: column; /* Jedes Tag in eine eigene Zeile */
    gap: 2px; /* Kleiner Abstand zwischen den Zeilen */
    margin-left: 75px; /* Wert anpassen – sorgt dafür, dass die Tags bündig mit dem Titel beginnen */
}


.tribe-event-tag {
    display: block; /* Block-Element für eigene Zeile */
    background: transparent;
    padding: 1px 8px;
    border-radius: 1px;
    text-decoration: none;
    color: #054DC6 !important;
    border: 0px solid #054DC6 !important; /* Blaue Umrandung */
    font-size: 10px;
    transition: all 0.3s ease-in-out;
    /* text-indent: 3px !important; /* Zwei Zeichen nach rechts eingerückt */
}

/* Blendet Tags aus, deren Link den jeweiligen Slug enthält */
a.tribe-event-tag[href*="saison"],
a.tribe-event-tag[href*="teams"] {
    display: none;
}

.tribe-event-tag:hover {
    background: #054DC6;
    color: #FFFFFF !important;
}




.tribe-event-tag-summary {
    display: block; /* Block-Element für eigene Zeile */
    background: transparent;
    padding: 1px 8px;
    text-decoration: none;
    color: #054DC6 !important;
    border: 0px solid #054DC6 !important; /* Blaue Umrandung */
    font-size: 10px;
    pointer-events: none; /* Link deaktivieren */
}


/* Blendet Tags aus, deren Link den jeweiligen Slug enthält */
a.tribe-event-tag-summary[href*="saison"],
a.tribe-event-tag-summary[href*="teams"] {
    display: none;
}




/* Kalender -- Liste */
.tribe-events-calendar-list__event-venue,
.tribe-events-calendar-list__event-description {
    display: none !important;
}



.tribe-events-widget-events-list__event-details::after {
    content: "";
    display: block;
    height: 1em; /* Passt den Leerraum an */
}


.elementor-heading-title.elementor-size-default:hover {
  color: #CC3300 !important;
}