/* ==================================================================
   STYLING EVENT DETAILSEITE: Styling Template overwrite TEC
   ================================================================= */


/* Globale Schrift fur gesamte Event-Detailseite */
.tribe-events-pg-template,
.tribe-events-pg-template * {
    font-family: inherit !important;
}

/* =========================================
   TYPOGRAPHY OVERRIDES WITH TEC VARIABLES
   ========================================= */

/* Content: 20px */
.tribe-events-single-event-description,
.tribe-events-single-event-description p,
.tribe-events-single-event-description li {
    font-size: var(--tec-font-size-5);
    line-height: 1.6;
}

/* Meta: 18px */
.tribe-events-meta-wrapper,
.tribe-events-meta-list,
.tribe-events-meta-list li,
.tribe-events-meta-value,
.tribe-events-meta-label {
    font-size: var(--tec-font-size-4);
    line-height: 1.5;
}

/* Meta Section Titles */
.tribe-events-meta-group .tribe-events-single-section-title.tribe-events-single-section-title {
    font-size: var(--tec-font-size-6);
    font-weight: 600;
    margin-bottom: 0.75rem;
    color: var(--color-text, #111);
}

/* Meta Items */
.tribe-events-meta-item {
    padding: 0.35rem 0;
    border: none !important;
}

/* =========================================
   EVENT FOOTER NAVIGATION (PREV/NEXT)
   ========================================= */

/* Grundlayout */
#tribe-events-footer .tribe-events-sub-nav {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    list-style: none;
    margin: 2rem 0;
    padding: 0;
}

/* Desktop */
@media (min-width: 768px) {
    #tribe-events-footer .tribe-events-sub-nav {
        flex-direction: row;
        justify-content: space-between;
    }
}

/* Links */
#tribe-events-footer .tribe-events-sub-nav a {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .6rem 1rem;

    border: 1px solid var(--crc-blau);
    border-radius: 4px;

    text-decoration: none;
    font-size: var(--tec-font-size-4);

    color: var(--crc-blau);
    transition: background 0.2s ease, color 0.2s ease;

    max-width: 100%;
    white-space: normal;
    word-break: break-word;
}

/* Hover + Mausfokus, Tastaturfokus = Mousefokus */
#tribe-events-footer .tribe-events-sub-nav a:focus,
#tribe-events-footer .tribe-events-sub-nav a:hover {
    background: var(--crc-blau);
    color: #fff;
    border-radius: 4px;
}


/* TEC interne Text-Pfeile entfernen */
#tribe-events-footer .tribe-events-sub-nav span[aria-hidden="true"] {
    display: none;
}

/* Icons – Pfeile */
#tribe-events-footer .tribe-events-nav-previous a:before,
#tribe-events-footer .tribe-events-nav-next a:after {
    content: "";
    width: 1em;
    height: 1em;
    display: inline-block;
    background-color: currentColor;
    mask-size: contain;
}

/* Links/ Rechts */
#tribe-events-footer .tribe-events-nav-previous a:before {
    margin-right: .4rem;
    mask: url("/wp-content/themes/generatepress_child/img/chevron-left.svg") no-repeat center;
}

#tribe-events-footer .tribe-events-nav-next a:after {
    margin-left: .4rem;
    mask: url("/wp-content/themes/generatepress_child/img/chevron-right.svg") no-repeat center;
}

/* =========================================
   CRC BACKLINK – sicher, barrierefrei, ohne all:
   ========================================= */

.crc-backlink a {
    /* TEC überschreibt Links massiv → wir setzen gezielt zurück */
    text-decoration: underline;
    text-underline-offset: 3px;

    color: var(--crc-blau) !important; /* garantiert gegen TEC */
    font-size: var(--tec-font-size-4);
	font-weight: normal !important;
    line-height: 1.4;
    font-family: inherit;

    display: inline-flex;
    align-items: center;
    gap: .45rem;

    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;

    cursor: pointer;

    transition: color .2s ease;
}

/* Icon links */
.crc-backlink a:before {
    content: "";
    width: 1em;
    height: 1em;
    display: inline-block;

    mask: url("/wp-content/themes/generatepress_child/img/chevron-left.svg") no-repeat center;
    mask-size: contain;
    background-color: currentColor;
}

/* Hover + sichtbarer Fokus in allen Browsern */
.crc-backlink a:hover,
.crc-backlink a:focus {
    color: var(--crc-body) !important;
}

/* moderner, deutlicher Fokus in neuen Browsern */
.crc-backlink a:focus-visible {
    outline: 3px solid var(--crc-body) !important;
    outline-offset: 3px;
    border-radius: 4px;
}
/* Entfernt nur den TEC-Standardpfeil im Backlink */
.crc-backlink span[aria-hidden="true"] {
    display: none !important;
}

/* =========================================
   ADD TO CALENDAR – Barrierefreiheit Fix
   ========================================= */

/* Einzelne Dropdown-Links */
.tribe-events-c-subscribe-dropdown__list-item-link {
    display: flex;
    align-items: center;
    gap: 0.85rem; /* Abstand Icon ↔ Text – mehr Platz */

    padding: 0.75rem 1rem; /* Touch-freundlich */

    font-size: var(--tec-font-size-4, 1rem);
    line-height: 1.5;

    color: var(--crc-blau, #005ea5);
    background: transparent;
    text-decoration: none;

    border-radius: 4px;
    transition: background 0.2s ease, color 0.2s ease;
}


/* Hover & Fokus */
.tribe-events-c-subscribe-dropdown__list-item-link:hover,
.tribe-events-c-subscribe-dropdown__list-item-link:focus {
    background: var(--crc-blau, #005ea5);
    color: #fff !important; /* Text & Icons weiß */

    outline: 3px solid var(--crc-blau, #005ea5);
    outline-offset: 3px;
}

/* moderner Fokus (Chrome/Safari/Firefox) */
.tribe-events-c-subscribe-dropdown__list-item-link:focus-visible {
    background: var(--crc-blau, #005ea5);
    color: #fff !important;

    outline: 3px solid var(--crc-blau, #005ea5);
    outline-offset: 3px;
}

/* spacing zwischen den Listenelementen */
.tribe-events-c-subscribe-dropdown__list-item {
    margin: 0.25rem 0;
}

/* Container */
.tribe-events-c-subscribe-dropdown__content {
    padding: 0.5rem 0;
}
/* Abstand zwischen externem Link-Icon und Text
   speziell im Add-to-Calendar Dropdown erhöhen */
.tribe-events-c-subscribe-dropdown__list-item-link[target="_blank"] {
    padding-left: 1.6em !important; /* vorher 1.2em */
}

.tribe-events-c-subscribe-dropdown__list-item-link[target="_blank"]::before {
    left: 0.2em !important; /* Icon leicht nach rechts verschieben */
    top: 0.2em !important;  /* optische Korrektur */
}
/** Abstand Ueberschrift "Registration Form" **/
#event-form-title {
    margin-top: 1rem !important;
    margin-bottom: 2rem;
}
/*******************************/
/* === Event-Form Wrapper === */
.event-form-wrapper {
    background: #EBF7FE;
    padding: 2.2rem;
    margin-top: 3rem;
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
}
