/**
 * Photo+Adventure Core — Unified Styles
 * Zentrale CSS für alle Komponenten: Cards, Badges, Topics, Journeys, Events
 */

/* ================================================================
   BADGES — Einheitlicher Standard für alle Badges
   Test
   ================================================================ */

/* Basis Badge */
.pa-badge {
    display: inline-block;
    font-family: var(--global-body-font-family, 'Inter', sans-serif);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 20px;
    white-space: nowrap;
    line-height: 1.4;
}

/* Themenwelt Badges */
.pa-badge--photo     { background: rgba(165, 198, 27, 0.15); color: #6b8a0a; }
.pa-badge--adventure { background: rgba(85, 127, 174, 0.15); color: #2d5a8e; }
.pa-badge--medien-partner { background: rgba(52, 62, 72, 0.1); color: #343e48; }

/* Unterkategorien — neutral, kein Hover */
.pa-badge--sub {
    background: #f0ede9;
    color: #666;
}

.pa-event__subtitle { font-size: 0.82rem; color: #666; margin: 0 0 2px 0; }
.pa-event__speakers,
.pa-event__people-line { font-size: 0.8rem; color: #888; margin: 0; line-height: 1.45; }
.pa-event__speakers a,
.pa-event__person-link { color: var(--global-palette1, #a5c61b); text-decoration: none; }
.pa-event__speakers a:hover,
.pa-event__person-link:hover { text-decoration: underline; }
.pa-event__label { font-size: 0.68rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--global-palette3, #343e48); margin-right: 0.35rem; }

/* Bodypaint und unbekannte Topics — neutral, kein Hover */
.pa-badge--bodypaint,
.pa-badge--unknown {
    background: #1aa8ea;
    color: #e3e3e3;
}

/* Journey Badge */
.pa-badge--journey { background: rgba(230, 0, 126, 0.1); color: #b5005f; }
.pa-badge--event-cat {
    background: var(--tec-color-category-primary, #c5c5c5);
    color: var(--tec-color-category-text, #343e48);
    font-size: 2rem;
}

 

/* Status Badges */
.pa-badge--new     { background: var(--global-palette10, #e6007e); color: #fff; }
.pa-badge--main    { background: var(--global-palette1, #a5c61b); color: #1a1a1a; }
.pa-badge--premium { background: var(--global-palette3, #343e48); color: #fff; }
.pa-badge--basic   { background: #888; color: #fff; }
.pa-badge--archiv  { background: rgba(52, 62, 72, 0.7); color: #fff; }

/* Badge Größen */
.pa-badge--sm { font-size: 0.65rem; padding: 2px 8px; }
.pa-badge--lg { font-size: 0.82rem; padding: 5px 14px; }

/* Badge Container */
.pa-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
}

.pa-badges--event {
    margin: 0.65rem 0 1rem;
}

/* Umbruch zwischen Topics und Journeys */
.pa-badges__break {
    width: 100%;
    height: 0;
}

/* ================================================================
   TOPICS & JOURNEYS — Single View
   ================================================================ */

.pa-topics {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pa-topic-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 4px;
}

.pa-topic-group:last-child { margin-bottom: 0; }

.pa-topic-parent {
    display: inline-block;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 20px;
    text-decoration: none;
    background: rgba(165, 198, 27, 0.15);
    color: #6b8a0a;
    transition: opacity 0.15s;
    width: fit-content;
}

.pa-topic-parent.adventure     { background: rgba(85, 127, 174, 0.15); color: #2d5a8e; }
.pa-topic-parent.medien-partner { background: rgba(52, 62, 72, 0.1); color: #343e48; }
.pa-topic-parent:hover { opacity: 0.75; }

.pa-topic-children {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding-left: 4px;
}

.pa-topic-child {
    display: inline-block;
    font-size: 0.75rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 20px;
    text-decoration: none;
    background: #f0ede9;
    color: #666;
    transition: background 0.15s;
}

.pa-topic-child:hover { background: #e5e2de; color: #333; }

.pa-journeys {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.pa-journey {
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 500;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 20px;
    text-decoration: none;
    background: rgba(230, 0, 126, 0.1);
    color: #b5005f;
    transition: background 0.15s;
}

.pa-journey:hover { background: rgba(230, 0, 126, 0.2); }

/* ================================================================
   KONTAKT & SOCIAL
   ================================================================ */

.pa-contact { display: flex; flex-direction: column; }

.pa-contact-row {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.5rem 0;
    font-size: 0.9rem;
    border-bottom: 1px solid #eeecea;
}

.pa-contact-row:last-child { border-bottom: none; }

.pa-contact-icon {
    flex-shrink: 0;
    width: 20px;
    text-align: center;
    color: var(--global-palette1, #a5c61b);
    margin-top: 2px;
}

.pa-contact-row a {
    color: inherit;
    text-decoration: none;
    word-break: break-all;
    transition: color 0.15s;
}

.pa-contact-row a:hover { color: var(--global-palette1, #a5c61b); }
.pa-contact-address { white-space: pre-line; line-height: 1.5; }

.pa-social {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 0.5rem;
}

.pa-social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #eeecea;
    color: #343e48;
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
}

.pa-social-icon svg { width: 18px; height: 18px; fill: currentColor; }

.pa-social-icon:hover              { background: var(--global-palette1, #a5c61b); color: #1a1a1a; }
.pa-social-icon--instagram:hover   { background: #c13584; color: #fff; }
.pa-social-icon--facebook:hover    { background: #1877f2; color: #fff; }
.pa-social-icon--linkedin:hover    { background: #0a66c2; color: #fff; }
.pa-social-icon--youtube:hover     { background: #ff0000; color: #fff; }
.pa-social-icon--tiktok:hover,
.pa-social-icon--x:hover           { background: #000; color: #fff; }
.pa-social-icon--pinterest:hover   { background: #e60023; color: #fff; }
.pa-social-icon--vimeo:hover       { background: #1ab7ea; color: #fff; }

/* ================================================================
   CARDS — Einheitliche Card für Aussteller und Speaker
   ================================================================ */

.pa-card {
    background: #fff;
    border: 1px solid #eeecea;
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
}

.pa-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
    border-color: var(--global-palette1, #a5c61b);
}

.pa-card--main    { border-color: var(--global-palette1, #a5c61b); border-width: 2px; }
.pa-card--premium { border-color: var(--global-palette3, #343e48); }

/* Logo-Bereich (Aussteller) — contain, weißer Hintergrund */
.pa-card__logo {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #eeecea;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.pa-card__logo img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

/* Photo-Bereich (Speaker) — cover, kein Padding */
.pa-card__photo {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #eeecea;
    flex-shrink: 0;
}

.pa-card__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
}

/* Placeholder wenn kein Bild */
.pa-card__placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--global-heading-font-family, 'Outfit', sans-serif);
    font-size: 2.5rem;
    font-weight: 700;
    color: #ccc;
    background: #f5f4f0;
}

/* Sponsor / Status Badge auf dem Bild */
.pa-card__badge {
    position: absolute;
    top: 8px;
    left: 8px;
    display: inline-block;
    font-family: var(--global-body-font-family, 'Inter', sans-serif);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 1.4;
    padding: 3px 10px;
    border-radius: 20px;
}

.pa-card__badge--main    { background: var(--global-palette1, #a5c61b); color: #1a1a1a; }
.pa-card__badge--premium { background: var(--global-palette3, #343e48); color: #fff; }
.pa-card__badge--new     { background: var(--global-palette10, #e6007e); color: #fff; }
.pa-card__badge--new-top { left: auto; right: 8px; }
.pa-card__badge--archiv  { background: rgba(52, 62, 72, 0.75); color: #fff; backdrop-filter: blur(4px); }
.pa-card__badge--event-programm { max-width: calc(100% - 16px); overflow: hidden; text-overflow: ellipsis; }

/* Card Body */
.pa-card__body {
    padding: 0.9rem 1rem 1rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.4rem;
}

.pa-card__name, .pa-card__subtitle, .pa-card__people  {
    font-family: var(--global-heading-font-family, 'Outfit', sans-serif);
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25;
    color: var(--global-palette3, #343e48);
    margin: 0;
    margin-bottom: var(--global-xs-spacing) !important;
}

.pa-card__subtitle, .pa-card__people {
    font-size: 0.86rem;
    line-height: 1.2;
    font-weight: 300;
    margin-bottom:0 !important;
}

.pa-card__meta {
    font-size: 0.8rem;
    color: #888;
    margin: 0;
}

.tribe-events-event-meta:before, .tribe-events-event-meta~div:not(.tribe-events-event-meta,.event-tickets) {
    border-top: 0 !important;
}

.tribe-events-meta-group {
    padding: 0 0 2rem 0 !important;
}

.pa-card__badges {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    margin-top: auto;
    padding-top: 0.4rem;
}

.pa-card__badge-row {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    width: 100%;
}

.pa-card__badge-row--cats .pa-badge--event-cat {
    font-size: 0.75rem;
    line-height: 1.4;
}
/* ================================================================
   GRID
   ================================================================ */

.pa-grid {
    display: grid;
    gap: 16px;
}

.pa-grid--cols-2 { grid-template-columns: repeat(2, 1fr); }
.pa-grid--cols-3 { grid-template-columns: repeat(3, 1fr); }
.pa-grid--cols-4 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 1200px) {
    .pa-grid--cols-4,
    .pa-program--cols-4 { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 860px) {
    .pa-grid--cols-3,
    .pa-grid--cols-4,
    .pa-program--cols-3,
    .pa-program--cols-4 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 520px) {
    .pa-grid--cols-2,
    .pa-grid--cols-3,
    .pa-grid--cols-4,
    .pa-program--cols-2,
    .pa-program--cols-3,
    .pa-program--cols-4 { grid-template-columns: 1fr; }
}

/* ================================================================
   ARCHIV LAYOUT — Sidebar + Grid
   ================================================================ */

.pa-layout {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 2.5rem;
    align-items: start;
}

.pa-sidebar { position: sticky; top: 2rem; }

/* Filter Blocks */
.pa-filter-block {
    background: #fff;
    border: 1px solid #eeecea;
    border-radius: 10px;
    padding: 1.25rem;
    margin-bottom: 0.75rem;
}

.pa-filter-title {
    font-family: var(--global-heading-font-family, 'Outfit', sans-serif);
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #999;
    margin-bottom: 0.75rem;
    margin-top: 0;
}

.pa-search-input {
    width: 100%;
    padding: 0.6rem 0.9rem;
    border: 1.5px solid #eeecea;
    border-radius: 6px;
    font-family: inherit;
    font-size: 0.9rem;
    outline: none;
    transition: border-color 0.15s;
    background: var(--global-palette9, #F8F7F4);
}

.pa-search-input:focus { border-color: var(--global-palette1, #a5c61b); }

.pa-filter-label {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.35rem 0;
    cursor: pointer;
    font-size: 0.88rem;
    line-height: 1.2;
    transition: color 0.15s;
}

.pa-filter-label:hover { color: var(--global-palette1, #a5c61b); }
.pa-filter-label input[type="checkbox"] { accent-color: var(--global-palette1, #a5c61b); flex-shrink: 0; }
.pa-filter-count { margin-left: auto; font-size: 0.75rem; color: #aaa; }
.pa-filter-parent { font-weight: 500; font-size: 0.9rem; color: var(--global-palette3, #343e48); }
.pa-filter-child  { padding: 0.2rem 0 0.5rem 0.55rem; color: #666; font-size: 0.83rem; line-height: 1.15; }

.pa-filter-submit {
    width: 100%;
    padding: 0.65rem;
    background: var(--global-palette1, #a5c61b);
    border: none;
    border-radius: 6px;
    font-family: inherit;
    font-weight: 600;
    font-size: 0.9rem;
    color: #1a1a1a;
    cursor: pointer;
    transition: background 0.15s;
    margin-bottom: 0.5rem;
}

.pa-filter-submit:hover { background: #8aaa0e; }

.pa-filter-reset {
    display: block;
    text-align: center;
    font-size: 0.83rem;
    color: #888;
    text-decoration: none;
    padding: 0.4rem;
    transition: color 0.15s;
}

.pa-filter-reset:hover { color: var(--global-palette10, #e6007e); }

/* Mobile Filter Toggle */
.pa-mobile-toggle,
.pa-mobile-filter-toggle {
    display: none;
    width: 100%;
    padding: 0.58rem 0.85rem;
    background: #fff;
    border: 1px solid #e7e2da;
    border-radius: 8px;
    font-family: inherit;
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--global-palette3, #343e48);
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.pa-mobile-filter-toggle__label,
.pa-mobile-toggle__label {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    line-height: 1.15;
}

.pa-mobile-toggle:hover,
.pa-mobile-filter-toggle:hover {
    border-color: var(--global-palette1, #a5c61b);
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

.pa-mobile-toggle__icon,
.pa-mobile-filter-toggle__icon { transition: transform 0.2s; }

.pa-mobile-toggle.is-open .pa-mobile-toggle__icon,
.pa-mobile-filter-toggle.is-open .pa-mobile-filter-toggle__icon { transform: rotate(180deg); }

/* Active Filter Tags */
.pa-active-filters { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 1rem; }

.pa-active-filter {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: var(--global-palette3, #343e48);
    color: #fff;
    font-size: 0.78rem;
    padding: 4px 10px;
    border-radius: 20px;
}

.pa-active-filter a { color: #fff; text-decoration: none; opacity: 0.7; font-size: 1rem; line-height: 1; }
.pa-active-filter a:hover { opacity: 1; }

/* Grid Header */
.pa-grid-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
.pa-grid-info { font-size: 0.88rem; color: #888; }
.pa-grid-info strong { color: var(--global-palette3, #343e48); font-weight: 500; }

/* No Results */
.pa-no-results { padding: 3rem; text-align: center; color: #888; }
.pa-no-results a { color: var(--global-palette1, #a5c61b); }

/* Pagination */
.pa-pagination { margin-top: 2rem; display: flex; gap: 6px; flex-wrap: wrap; }
.pa-pagination a,
.pa-pagination span {
    padding: 0.4rem 0.8rem;
    border: 1.5px solid #eeecea;
    border-radius: 6px;
    font-size: 0.88rem;
    text-decoration: none;
    color: var(--global-palette3, #343e48);
    transition: all 0.15s;
}
.pa-pagination a:hover { border-color: var(--global-palette1, #a5c61b); color: var(--global-palette1, #a5c61b); }
.pa-pagination .current { background: var(--global-palette1, #a5c61b); border-color: var(--global-palette1, #a5c61b); color: #1a1a1a; font-weight: 600; }

/* ================================================================
   EVENTS
   ================================================================ */

.pa-event {
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 0.75rem;
    align-items: center;
    background: var(--global-palette9, #F8F7F4);
    border: 1px solid #eeecea;
    border-radius: 8px;
    padding: 0.75rem;
    text-decoration: none;
    color: inherit;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.pa-event:hover { border-color: var(--global-palette1, #a5c61b); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07); }
.pa-event__date { font-size: 0.78rem; font-weight: 700; color: var(--global-palette1, #a5c61b); text-align: center; line-height: 1.4; }
.pa-event__content { min-width: 0; display: flex; flex-direction: column; gap: 0.15rem; }
.pa-event__title { font-weight: 600; font-size: 0.9rem; color: var(--global-palette3, #343e48); line-height: 1.3; margin: 0 0 2px 0; }
.pa-event__venue { font-size: 0.76rem; color: #999; margin: 0; }
.pa-event__badges { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 4px; }
.pa-event__cat { display: inline-block; font-size: 0.65rem; padding: 2px 7px; border-radius: 10px; background: rgba(52, 62, 72, 0.08); color: #343e48; margin-top: 0; }

.pa-program { display: flex; flex-direction: column; gap: 8px; margin-bottom: 2rem; }
.pa-program--grid { display: grid; gap: 12px; }
.pa-program--cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pa-program--cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pa-program--cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* ================================================================
   SECTION HEADINGS & BOXES
   ================================================================ */

.pa-section-heading {
    font-family: var(--global-heading-font-family, 'Outfit', sans-serif);
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--global-palette3, #343e48);
    margin: 1.5em 0 0.75em;
}

.pa-related-section { margin-bottom: 2rem; }
.pa-related-section:last-child { margin-bottom: 0; }

/* ================================================================
   RESPONSIVE — Mobile Layout
   ================================================================ */

@media (max-width: 860px) {
    .pa-layout {
        grid-template-columns: 1fr;
    }
    .pa-sidebar {
        position: static;
    }
    .pa-mobile-toggle,
    .pa-mobile-filter-toggle { display: flex; }
    .pa-sidebar-inner { display: none; }
    .pa-sidebar-inner.is-open { display: block; }
}

/* ================================================================
   BACKWARD COMPATIBILITY ALIASES
   Alte CSS-Klassen auf neue umleiten
   ================================================================ */

/* Exhibitor aliases */
.pa-ex-card                  { background: #fff; border: 1px solid #eeecea; border-radius: 10px; overflow: hidden; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; text-decoration: none; color: inherit; display: flex; flex-direction: column; }
.pa-ex-card:hover            { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.12); border-color: var(--global-palette1, #a5c61b); }
.pa-ex-card--main            { border-color: var(--global-palette1, #a5c61b); border-width: 2px; }
.pa-ex-card--premium         { border-color: var(--global-palette3, #343e48); }
.pa-ex-card__logo            { position: relative; width: 100%; aspect-ratio: 1/1; overflow: hidden; background: #fff; border-bottom: 1px solid #eeecea; flex-shrink: 0; display: flex; align-items: center; justify-content: center; padding: 1rem; }
.pa-ex-card__logo img        { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block; }
.pa-ex-card__logo-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-family: var(--global-heading-font-family,'Outfit',sans-serif); font-size: 2rem; font-weight: 700; color: #ccc; }
.pa-ex-card__sponsor         { position: absolute; top: 8px; left: 8px; display: inline-block; white-space: nowrap; font-size: 0.65rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; padding: 3px 8px; border-radius: 4px; }
.pa-ex-card__sponsor--main   { background: var(--global-palette1, #a5c61b); color: #1a1a1a; }
.pa-ex-card__sponsor--premium { background: var(--global-palette3, #343e48); color: #fff; }
.pa-ex-card__sponsor--new    { left: auto; right: 8px; background: var(--global-palette10, #e6007e); color: #fff; }
.pa-ex-card__body            { padding: 0.9rem 1rem 1rem; display: flex; flex-direction: column; flex: 1; gap: 0.4rem; }
.pa-ex-card__name            { font-family: var(--global-heading-font-family,'Outfit',sans-serif); font-weight: 600; font-size: 1rem; line-height: 1.25; color: var(--global-palette3,#343e48); margin: 0; }
.pa-ex-card__stand           { font-size: 0.8rem; color: #888; margin: 0; }
.pa-ex-card__badges          { display: flex; flex-wrap: wrap; gap: 5px; margin-top: auto; padding-top: 0.4rem; }
.pa-ex-card__img             { max-width: 100%; max-height: 100%; object-fit: contain; }
.pa-ex-grid                  { display: grid; gap: 16px; }
.pa-ex-grid--cols-3          { grid-template-columns: repeat(3, 1fr); }
.pa-ex-grid--cols-4          { grid-template-columns: repeat(4, 1fr); }
.pa-ex-layout                { display: grid; grid-template-columns: 240px 1fr; gap: 2.5rem; align-items: start; }
.pa-ex-sidebar               { position: sticky; top: 2rem; }

/* Badge aliases für Aussteller-Archiv */
.pa-badge--photo     { background: rgba(165,198,27,0.15); color: #6b8a0a; }
.pa-badge--adventure { background: rgba(85,127,174,0.15); color: #2d5a8e; }
.pa-badge--journey   { background: rgba(230,0,126,0.1); color: #b5005f; }
.pa-badge--new       { background: var(--global-palette10,#e6007e); color: #fff; }

/* Speaker card aliases */
.pa-sp-card              { background: #fff; border: 1px solid #eeecea; border-radius: 10px; overflow: hidden; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; text-decoration: none; color: inherit; display: flex; flex-direction: column; }
.pa-sp-card:hover        { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.12); border-color: var(--global-palette1,#a5c61b); }
.pa-sp-card__photo       { position: relative; width: 100%; aspect-ratio: 1/1; overflow: hidden; background: #eeecea; flex-shrink: 0; }
.pa-sp-card__photo img   { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }
.pa-sp-card__photo-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-family: var(--global-heading-font-family,'Outfit',sans-serif); font-size: 2.5rem; font-weight: 700; color: #ccc; background: #f5f4f0; }
.pa-sp-card__former-badge { position: absolute; top: 8px; right: 8px; font-size: 0.65rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; padding: 3px 8px; border-radius: 4px; background: rgba(52,62,72,0.7); color: #fff; }
.pa-sp-card__body        { padding: 0.9rem 1rem 1rem; display: flex; flex-direction: column; flex: 1; gap: 0.4rem; }
.pa-sp-card__name        { font-family: var(--global-heading-font-family,'Outfit',sans-serif); font-weight: 600; font-size: 1rem; line-height: 1.25; color: var(--global-palette3,#343e48); }
.pa-sp-card__badges      { display: flex; flex-wrap: wrap; gap: 5px; margin-top: auto; padding-top: 0.4rem; }
.pa-sp-badge             { display: inline-block; font-family: var(--global-body-font-family,'Inter',sans-serif); font-size: 0.72rem; font-weight: 600; padding: 3px 10px; border-radius: 20px; white-space: nowrap; }
.pa-sp-badge--photo      { background: rgba(165,198,27,0.15); color: #6b8a0a; }
.pa-sp-badge--adventure  { background: rgba(85,127,174,0.15); color: #2d5a8e; }
.pa-sp-badge--medien     { background: rgba(52,62,72,0.1); color: #343e48; }
.pa-sp-badge--journey    { background: rgba(230,0,126,0.1); color: #b5005f; }
.pa-sp-badge--new        { background: var(--global-palette10,#e6007e); color: #fff; }
.pa-sp-grid              { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.pa-sp-layout            { display: grid; grid-template-columns: 240px 1fr; gap: 2.5rem; align-items: start; }
.pa-sp-sidebar           { position: sticky; top: 2rem; }
.pa-sp-mobile-toggle     { display: none; width: 100%; padding: 0.75rem 1rem; background: #fff; border: 1.5px solid #eeecea; border-radius: 10px; font-family: inherit; font-size: 0.95rem; font-weight: 500; color: var(--global-palette3,#343e48); cursor: pointer; align-items: center; justify-content: space-between; margin-bottom: 1rem; transition: border-color 0.15s; }
.pa-sp-mobile-toggle:hover { border-color: var(--global-palette1,#a5c61b); }
.pa-sp-mobile-toggle__icon { transition: transform 0.2s; }
.pa-sp-mobile-toggle.is-open .pa-sp-mobile-toggle__icon { transform: rotate(180deg); }
.pa-sp-filter-block      { background: #fff; border: 1px solid #eeecea; border-radius: 10px; padding: 1.25rem; margin-bottom: 0.75rem; }
.pa-sp-filter-title      { font-family: var(--global-heading-font-family,'Outfit',sans-serif); font-size: 0.7rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #999; margin-bottom: 0.75rem; }
.pa-sp-search-input      { width: 100%; padding: 0.6rem 0.9rem; border: 1.5px solid #eeecea; border-radius: 6px; font-family: inherit; font-size: 0.9rem; outline: none; transition: border-color 0.15s; background: var(--global-palette9,#F8F7F4); }
.pa-sp-search-input:focus { border-color: var(--global-palette1,#a5c61b); }
.pa-sp-filter-label      { display: flex; align-items: center; gap: 0.5rem; padding: 0.35rem 0; cursor: pointer; font-size: 0.88rem; transition: color 0.15s; }
.pa-sp-filter-label:hover { color: var(--global-palette1,#a5c61b); }
.pa-sp-filter-label input[type="checkbox"] { accent-color: var(--global-palette1,#a5c61b); flex-shrink: 0; }
.pa-sp-filter-count      { margin-left: auto; font-size: 0.75rem; color: #aaa; }
.pa-sp-filter-parent     { font-weight: 500; font-size: 0.9rem; color: var(--global-palette3,#343e48); }
.pa-sp-filter-child      { padding-left: 1.5rem; color: #666; font-size: 0.83rem; }
.pa-sp-filter-submit     { width: 100%; padding: 0.65rem; background: var(--global-palette1,#a5c61b); border: none; border-radius: 6px; font-family: inherit; font-weight: 600; font-size: 0.9rem; color: #1a1a1a; cursor: pointer; transition: background 0.15s; margin-bottom: 0.5rem; }
.pa-sp-filter-submit:hover { background: #8aaa0e; }
.pa-sp-filter-reset      { display: block; text-align: center; font-size: 0.83rem; color: #888; text-decoration: none; padding: 0.4rem; transition: color 0.15s; }
.pa-sp-filter-reset:hover { color: var(--global-palette10,#e6007e); }
.pa-sp-active-filters    { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 1rem; }
.pa-sp-active-filter     { display: inline-flex; align-items: center; gap: 5px; background: var(--global-palette3,#343e48); color: #fff; font-size: 0.78rem; padding: 4px 10px; border-radius: 20px; }
.pa-sp-active-filter a   { color: #fff; text-decoration: none; opacity: 0.7; font-size: 1rem; line-height: 1; }
.pa-sp-active-filter a:hover { opacity: 1; }
.pa-sp-grid-header       { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
.pa-sp-grid-info         { font-size: 0.88rem; color: #888; }
.pa-sp-grid-info strong  { color: var(--global-palette3,#343e48); font-weight: 500; }
.pa-sp-no-results        { padding: 3rem; text-align: center; color: #888; }
.pa-sp-no-results a      { color: var(--global-palette1,#a5c61b); }
.pa-sp-pagination        { margin-top: 2rem; display: flex; gap: 6px; flex-wrap: wrap; }
.pa-sp-pagination a,
.pa-sp-pagination span   { padding: 0.4rem 0.8rem; border: 1.5px solid #eeecea; border-radius: 6px; font-size: 0.88rem; text-decoration: none; color: var(--global-palette3,#343e48); transition: all 0.15s; }
.pa-sp-pagination a:hover { border-color: var(--global-palette1,#a5c61b); color: var(--global-palette1,#a5c61b); }
.pa-sp-pagination .current { background: var(--global-palette1,#a5c61b); border-color: var(--global-palette1,#a5c61b); color: #1a1a1a; font-weight: 600; }
.pa-sp-section-heading   { font-family: var(--global-heading-font-family,'Outfit',sans-serif); font-weight: 700; font-size: 1.1rem; color: var(--global-palette3,#343e48); margin-bottom: 1rem; margin-top: 0; }
.pa-sp-more-grid         { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.pa-sp-program           { display: flex; flex-direction: column; gap: 8px; }
.pa-sp-event             { display: grid; grid-template-columns: 60px 1fr; gap: 0.75rem; align-items: center; background: var(--global-palette9,#F8F7F4); border: 1px solid #eeecea; border-radius: 8px; padding: 0.75rem; text-decoration: none; color: inherit; transition: border-color 0.15s, box-shadow 0.15s; }
.pa-sp-event:hover       { border-color: var(--global-palette1,#a5c61b); box-shadow: 0 4px 12px rgba(0,0,0,0.07); }
.pa-sp-event__date       { font-size: 0.78rem; font-weight: 700; color: var(--global-palette1,#a5c61b); text-align: center; line-height: 1.4; }
.pa-sp-event__title      { font-weight: 600; font-size: 0.9rem; color: var(--global-palette3,#343e48); line-height: 1.3; margin: 0 0 2px 0; }
.pa-sp-event__venue      { font-size: 0.76rem; color: #999; margin: 0; }
.pa-sp-event__cat        { display: inline-block; font-size: 0.65rem; padding: 2px 7px; border-radius: 10px; background: rgba(52,62,72,0.08); color: #343e48; margin-top: 4px; }
.pa-sp-single-badges     { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 0.75rem; }
.pa-sp-single-badge      { display: inline-block; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; padding: 4px 12px; border-radius: 20px; }
.pa-sp-single-badge--new { background: var(--global-palette10,#e6007e); color: #fff; }
.pa-sp-topics            { display: flex; flex-direction: column; gap: 4px; }
.pa-sp-topic-group       { display: flex; flex-direction: column; gap: 4px; margin-bottom: 4px; }
.pa-sp-topic-group:last-child { margin-bottom: 0; }
.pa-sp-topic-parent      { display: inline-block; font-size: 0.82rem; font-weight: 600; padding: 4px 12px; border-radius: 20px; text-decoration: none; background: rgba(165,198,27,0.15); color: #6b8a0a; transition: opacity 0.15s; width: fit-content; }
.pa-sp-topic-parent.adventure { background: rgba(85,127,174,0.15); color: #2d5a8e; }
.pa-sp-topic-parent.medien-partner { background: rgba(52,62,72,0.1); color: #343e48; }
.pa-sp-topic-parent:hover { opacity: 0.75; }
.pa-sp-topic-children    { display: flex; flex-wrap: wrap; gap: 4px; padding-left: 4px; }
.pa-sp-topic-child       { display: inline-block; font-size: 0.75rem; padding: 3px 10px; border-radius: 20px; text-decoration: none; background: #f0ede9; color: #666; transition: background 0.15s; }
.pa-sp-topic-child:hover { background: #e5e2de; color: #333; }
.pa-sp-journeys          { display: flex; flex-wrap: wrap; gap: 6px; }
.pa-sp-journey           { display: inline-block; font-size: 0.78rem; font-weight: 500; padding: 4px 12px; border-radius: 20px; text-decoration: none; background: rgba(230,0,126,0.1); color: #b5005f; transition: background 0.15s; }
.pa-sp-journey:hover     { background: rgba(230,0,126,0.2); }
.pa-sp-contact           { display: flex; flex-direction: column; }
.pa-sp-contact-row       { display: flex; align-items: flex-start; gap: 0.6rem; padding: 0.5rem 0; font-size: 0.9rem; border-bottom: 1px solid #eeecea; }
.pa-sp-contact-row:last-child { border-bottom: none; }
.pa-sp-contact-icon      { flex-shrink: 0; width: 20px; text-align: center; color: var(--global-palette1,#a5c61b); margin-top: 2px; }
.pa-sp-contact-row a     { color: inherit; text-decoration: none; word-break: break-all; transition: color 0.15s; }
.pa-sp-contact-row a:hover { color: var(--global-palette1,#a5c61b); }
.pa-sp-social            { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 0.5rem; }
.pa-sp-social-icon       { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 8px; background: #eeecea; color: #343e48; text-decoration: none; transition: background 0.15s, color 0.15s; }
.pa-sp-social-icon svg   { width: 18px; height: 18px; fill: currentColor; }
.pa-sp-social-icon:hover { background: var(--global-palette1,#a5c61b); color: #1a1a1a; }
.pa-sp-social-icon--instagram:hover { background: #c13584; color: #fff; }
.pa-sp-social-icon--facebook:hover  { background: #1877f2; color: #fff; }
.pa-sp-social-icon--linkedin:hover  { background: #0a66c2; color: #fff; }
.pa-sp-social-icon--youtube:hover   { background: #ff0000; color: #fff; }
.pa-sp-social-icon--tiktok:hover,
.pa-sp-social-icon--x:hover         { background: #000; color: #fff; }

/* Responsive für Speaker */
@media (max-width: 1200px) {
    .pa-sp-grid,
    .pa-sp-more-grid,
    .pa-ex-grid--cols-4 { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 860px) {
    .pa-sp-layout,
    .pa-ex-layout { grid-template-columns: 1fr; }
    .pa-sp-sidebar,
    .pa-ex-sidebar { position: static; }
    .pa-sp-mobile-toggle { display: flex; }
    .pa-sp-sidebar-inner { display: none; }
    .pa-sp-sidebar-inner.is-open { display: block; }
    .pa-sp-grid,
    .pa-sp-more-grid,
    .pa-ex-grid--cols-3,
    .pa-ex-grid--cols-4 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 520px) {
    .pa-sp-grid,
    .pa-sp-more-grid,
    .pa-ex-grid--cols-3,
    .pa-ex-grid--cols-4 { grid-template-columns: 1fr; }
}

/* ========================================
   TEC Single Event Styling
   ======================================== */

.event-featured-image {
    margin: 2rem 0;
    border-radius: 12px;
    overflow: hidden;
    height: clamp(20rem, 55vw, 46.875rem);
    max-height: 46.875rem;
}

.event-featured-image__img,
.event-featured-image img {
    display: block;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center center;
}

.event-featured-image--portrait .event-featured-image__img,
.event-featured-image--portrait img {
    object-position: center calc(50% - 50px);
}

.event-topics {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 10px;
}

.event-topics a.pa-badge {
    display: inline-block;
    text-decoration: none;
    width: fit-content;
}

.event-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 1.2rem;
    margin: 1rem 0;
}

.event-topics .pa-badge {
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    font-weight: 600;
}

.event-topics:not(.event-journeys) .pa-badge {
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    padding: 4px 12px;
    transition: opacity 0.15s;
}

.event-topics:not(.event-journeys) a.pa-badge:hover {
    opacity: 0.75;
    text-decoration: none;
}

/* ================================================================
   PROGRAM SHORTCODE — Sidebar + Tages-/Stundengruppen
   ================================================================ */

.pa-program-layout {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 2rem;
    align-items: start;
}

.pa-program-sidebar {
    position: sticky;
    top: 2rem;
    border-right: 0.5px solid #e7e2da;
    padding-right: 1.5rem;
}

.pa-program-sidebar__logo {
    background: #fff;
    border: 0.5px solid #eeecea;
    border-radius: 8px;
    padding: 0.7rem;
    margin-bottom: 1rem;
}

.pa-program-sidebar__logo-img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

.pa-program-content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.pa-program-results {
    font-size: 13px;
    color: #8a8780;
    margin: 0;
}

.pa-program-day {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.pa-program-day__header {
    font-family: var(--global-heading-font-family, 'Outfit', sans-serif);
    font-size: 18px;
    font-weight: 500;
    color: var(--global-palette3, #343e48);
    margin: 0;
    padding-bottom: 0.75rem;
    border-bottom: 0.5px solid #eeecea;
}

.pa-program-hour {
    display: grid;
    grid-template-columns: 25px minmax(0, 1fr);
    gap: 0 1rem;
    align-items: start;
}

.pa-program-hour__label {
    padding-top: 1rem;
    text-align: center;
}

.pa-program-hour__num {
    display: block;
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--global-palette3, #343e48);
    line-height: 1.2;
}

.pa-program-hour__uhr {
    display: block;
    font-size: 0.7rem;
    font-weight: 500;
    color: #8a8780;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.pa-program-hour__events {
    border-left: 0.5px solid #ece8e2;
    padding-left: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.pa-event-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 0 1rem;
    border: 0.25px solid #eeecea;
    border-radius: 8px;
    padding: 0.85rem;
    align-items: stretch;
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
    cursor: pointer;
}

.pa-event-card:last-child {
    border-bottom: 0.25px solid #eeecea;
}

.pa-event-card:hover {
    border-color: #d8d2c8;
    box-shadow: 0 6px 18px rgba(52, 62, 72, 0.08);
    transform: translateY(-1px);
}

.pa-event-card:focus-visible {
    outline: 2px solid var(--global-palette1, #a5c61b);
    outline-offset: 2px;
}

.pa-event-card__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 3px;
    padding: 0;
    min-width: 0;
    overflow: hidden;
}

.pa-event-card__title {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.4;
    text-transform: none;
}

.pa-event-card__sub {
    margin: 0;
    font-size: 1rem;
    color: #666;
    font-weight: 500;
    line-height: 1.4;
    text-transform: none;
}

.pa-event-card__who {
    margin: 0;
    font-size: 1rem;
    font-weight: 300;
    color: #8a8780;
    margin-bottom: 5px;
}

.pa-event-card__meta {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    flex-wrap: wrap;
    font-size: 0.8rem;
    color: #8a8780;
    margin-bottom: 5px;
}


.pa-event-card__meta-item {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.pa-event-card__cat {
    font-size: 11px;
    font-weight: 500;
    background: transparent;
    color: #8a8780;
}

.pa-event-card__cat {
    margin: 3px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
    align-items: center;
}

.pa-event-card__cat .pa-badge--event-cat {
    font-size: 11px;
    font-weight: 500;
    border: 0.5px solid rgb(102, 102, 102);
    background: var(--tec-color-category-primary);
    color: #8a8780;
}

.pa-event-card__footer {
    margin-top: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    padding-top: 6px;
    flex-wrap: wrap;
}

.pa-event-card__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.pa-event-card__footer .pa-badge {
    font-size: calc(0.72rem * 0.9);
}

.pa-event-card__image {
    width: 320px;
    aspect-ratio: 3/2;
    background: #f2efea;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
}

.pa-event-card__image-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    padding: 1rem;
    background: linear-gradient(135deg, rgba(52, 62, 72, 0.16), rgba(52, 62, 72, 0.08));
    color: #343e48;
    text-align: center;
}

.pa-event-card__image-placeholder--photo {
    background: linear-gradient(135deg, rgba(165, 198, 27, 0.34), rgba(165, 198, 27, 0.14));
    color: #4f6f00;
}

.pa-event-card__image-placeholder--adventure {
    background: linear-gradient(135deg, rgba(85, 127, 174, 0.34), rgba(85, 127, 174, 0.14));
    color: #1e4b77;
}

.pa-event-card__image-placeholder-icon {
    font-size: 2rem;
    line-height: 1;
}

.pa-event-card__image-placeholder-label {
    font-size: 0.78rem;
    letter-spacing: 0.09em;
    font-weight: 600;
}

.pa-event-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    display: block;
}

.pa-program-layout .hidden {
    display: none !important;
}

.pa-program-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.pa-program-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #eeecea;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.pa-program-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(52, 62, 72, 0.12);
    border-color: #d8d2c8;
}

.pa-program-card__img {
    display: block;
    width: 100%;
    height: 160px;
    object-fit: cover;
    background: #f2efea;
}

.pa-program-card__img--placeholder {
    background: linear-gradient(135deg, rgba(52, 62, 72, 0.16), rgba(52, 62, 72, 0.08));
}

.pa-program-card__body {
    padding: 0.8rem 0.85rem 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.pa-program-card__title {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.35;
    color: var(--global-palette3, #343e48);
}

.pa-program-card__meta {
    margin: 0;
    font-size: 12px;
    color: #8a8780;
    line-height: 1.4;
}

.pa-program-sidebar .pa-filter-block {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin-bottom: 1.5rem;
}

.pa-program-sidebar .pa-filter-title {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #8a8780;
    margin: 0 0 0.6rem;
}

.pa-program-sidebar .pa-filter-label {
    gap: 8px;
    padding: 4px 0;
    font-size: 14px;
    color: #343e48;
}

.pa-program-sidebar .pa-filter-label input[type="checkbox"] {
    width: 14px;
    height: 14px;
}

.pa-program-sidebar .pa-search-input {
    border: 0.5px solid #e7e2da;
    border-radius: 8px;
    font-size: 14px;
    padding: 7px 10px;
    margin-bottom: 0;
}

@media (max-width: 980px) {
    .pa-program-layout {
        grid-template-columns: 1fr;
    }

    .pa-program-sidebar {
        position: static;
        border-right: 0;
        padding-right: 0;
    }
}

@media (max-width: 860px) {
    .pa-program-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .pa-program-hour {
        grid-template-columns: 1fr;
        gap: 0.45rem;
    }

    .pa-program-hour__label {
        padding-top: 0;
    }

    .pa-program-hour__events {
        border-left: 0;
        border-top: 2px solid #ece8e2;
        padding-left: 0;
        padding-top: 0.7rem;
    }

    .pa-event-card {
        grid-template-columns: 1fr;
    }

    .pa-event-card__image {
        width: 100%;
        height: 160px;
        order: -1;
    }
}

@media (max-width: 520px) {
    .pa-program-cards {
        grid-template-columns: 1fr;
    }
}

.event-journeys {
    gap: 6px;
}

.event-journeys .pa-badge {
    font-size: 0.78rem;
    font-weight: 500;
    letter-spacing: 0.03em;
    padding: 4px 12px;
    transition: background 0.15s;
}

.event-journeys a.pa-badge:hover {
    background: rgba(230, 0, 126, 0.2);
    text-decoration: none;
}

.event-speakers,
.event-exhibitors {
    margin: 3rem 0;
}

.event-speakers h3,
.event-exhibitors h3 {
    margin-bottom: 1.5rem;
    font-size: 1.75rem;
    font-weight: 600;
}

.event-speakers .pa-grid,
.event-exhibitors .pa-grid {
    margin-top: 1rem;
}

@media (max-width: 860px) {
    .event-speakers .pa-grid,
    .event-exhibitors .pa-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 520px) {
    .event-speakers .pa-grid,
    .event-exhibitors .pa-grid {
        grid-template-columns: 1fr;
    }

    .event-topics {
        gap: 0.375rem;
    }

    .event-topics .pa-badge {
        font-size: 0.65rem;
    }
}

.event-content,
.event-details,
.event-tickets {
    margin: 0;
}

.event-tickets .tribe-common,
.event-tickets .tribe-tickets,
.event-tickets .tribe-tickets__tickets {
    max-width: 100%;
}

.entry .entry-content .event-tickets .tribe-tickets__tickets-footer,
.event-tickets .tribe-tickets__tickets-footer {
    border-top: none;
}

.event-tickets .tribe-tickets__tickets-item {
    align-items: center;
}

.event-tickets .tribe-tickets__tickets-item-content-title-container,
.event-tickets .tribe-tickets__tickets-item-extra,
.event-tickets .tribe-tickets__tickets-item-quantity {
    align-self: center;
}

.event-tickets .event-ticket-item-subtitle {
    margin: 0.35rem 0 0;
    line-height: 1.35;
}

.event-tickets .event-ticket-item-subtitle-text,
.event-tickets .event-ticket-item-people {
    display: inline;
}

.event-calendar {
    margin: 2rem 0;
}

.event-calendar .tribe-events-c-subscribe-dropdown__container {
    margin: 0;
}

.event-calendar .tribe-events-c-subscribe-dropdown__button {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 8px;
}

.event-calendar .tribe-events-c-subscribe-dropdown__content {
    z-index: 30;
}

.event-ticket-status {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0 2rem;
}

.event-ticket-status__item,
.event-ticket-status--empty {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.9rem 1rem;
    background: #fff;
    border: 1px solid #eeecea;
    border-radius: 10px;
}

.event-ticket-status__main {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.event-ticket-status__name,
.event-ticket-status__price,
.event-ticket-status__state {
    margin: 0;
}

.event-ticket-status__name {
    font-weight: 600;
    color: var(--global-palette3, #343e48);
}

.event-ticket-status__price {
    font-size: 0.95rem;
    color: #666;
}

.event-ticket-status__state {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.event-ticket-status__state.is-available {
    color: #6b8a0a;
}

.event-ticket-status__state.is-soldout {
    color: #b5005f;
}

@media (max-width: 640px) {
    .event-ticket-status__item,
    .event-ticket-status--empty {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ========================================
   TEC Ticket Shortcodes Styling
   ======================================== */

/* Event Ticket Price */
.event-ticket-price {
    margin: 1.5rem 0;
    padding: 1rem;
    background: var(--color-background-secondary);
    border-radius: var(--border-radius-lg);
    border-left: 4px solid var(--color-text-info);
}

.event-ticket-price .price-label {
    display: block;
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.event-ticket-price .price-amount {
    display: block;
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--color-text-primary);
}


/* Event Ticket Status */
.event-ticket-status {
    margin: 1rem 0;
}

.event-ticket-status .badge {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: var(--border-radius-md);
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.event-ticket-status--available .badge--available {
    background-color: transparent;
    color: inherit;
}

.event-ticket-status--limited .badge--limited {
    background-color: var(--color-text-danger);
    color: white;
}

.event-ticket-status--sold-out .badge--sold-out {
    background-color: var(--color-text-danger);
    color: white;
}


/* Event Add to Calendar */
.event-add-to-calendar {
    margin: 0.2rem 0;
    position: relative;
    z-index: 5;
    font-family: "Inter", sans-serif;
}

.event-add-to-calendar details {
    position: relative;
    display: inline-block;
    margin: 0;
}

.event-add-to-calendar .calendar-dropdown-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0;
    background: transparent;
    color: var(--color-text-primary);
    border: none;
    border-radius: 0;
    cursor: pointer;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 1.35;
    user-select: none;
    transition: all 0.2s ease;
    list-style: none;
}

.event-add-to-calendar .calendar-dropdown-toggle::after {
    content: '\25BE';
    font-size: 0.8rem;
    line-height: 1;
    transition: transform 0.2s ease;
}

.event-add-to-calendar details[open] .calendar-dropdown-toggle::after {
    transform: rotate(180deg);
}

.event-add-to-calendar .calendar-dropdown-toggle:hover,
.event-add-to-calendar .calendar-dropdown-toggle:focus-visible {
    color: #6f655b;
    outline: none;
}

.event-add-to-calendar .calendar-dropdown-menu {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    position: absolute;
    top: calc(100% + 0.45rem);
    left: 0;
    z-index: 80;
    min-width: 260px;
    padding: 0.4rem;
    background: #fcfbfa;
    border: 1px solid #ece7e2;
    border-radius: 12px;
    box-shadow: 0 8px 18px rgba(38, 34, 30, 0.08);
}

.event-add-to-calendar .calendar-option {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.55rem 0.7rem;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--color-text-primary);
    text-decoration: none;
    font-weight: 300;
    font-size: 0.86rem;
    transition: all 0.18s ease;
}

.event-add-to-calendar .calendar-option:hover,
.event-add-to-calendar .calendar-option:focus-visible {
    background: #f8f7f5;
    border-color: #d9d4cf;
    color: var(--color-text-primary);
    outline: none;
}

.event-add-to-calendar .calendar-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    color: #6f655b;
    background: #f2efeb;
    border-radius: 999px;
    font-weight: 400;
    font-size: 0.74rem;
}

.event-add-to-calendar summary {
    outline: none;
}

.event-add-to-calendar summary::-webkit-details-marker {
    display: none;
}

/* ================================================================
   EVENT TICKETS — Neue Struktur für Ticketshop
   ================================================================ */

.event-tickets-enhanced {
    width: 100%;
    max-width: 100%;
    padding: 1.5rem;
    background: #f9f9f9;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.event-tickets-enhanced h3.event-tickets-title {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: #333;
}

.event-tickets-enhanced .event-tickets-subtitle {
    margin: 0 0 0.75rem 0;
    font-size: 0.95rem;
    color: #666;
    font-style: italic;
}

.event-tickets-enhanced .event-tickets-people {
    margin: 0 0 1rem 0;
    font-size: 0.9rem;
    color: #888;
    line-height: 1.45;
}

.event-tickets-enhanced .event-tickets-people a {
    color: var(--global-palette1, #a5c61b);
    text-decoration: none;
}

.event-tickets-enhanced .event-tickets-people a:hover {
    text-decoration: underline;
}

.event-tickets-block {
    width: 100%;
}

/* Event Ticket Button */
.event-ticket-button {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1rem 0 0 0;
}

.event-ticket-button .ticket-quantity-wrapper {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.event-ticket-button .quantity-input-group {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 3px;
    overflow: hidden;
}

.event-ticket-button .quantity-btn {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border: none;
    background: #f0f0f0;
    color: #333;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.2s;
}

.event-ticket-button .quantity-btn:hover {
    background: #e0e0e0;
}

.event-ticket-button .quantity-field {
    flex: 0 0 auto;
    width: 50px;
    height: 32px;
    border: none;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.event-ticket-button .quantity-field:focus {
    outline: none;
}

.event-ticket-button .ticket-add-to-cart-btn {
    flex: 1 1 auto;
    padding: 0.75rem 1.5rem;
    background: var(--global-palette1, #a5c61b);
    color: #fff;
    border: none;
    border-radius: 3px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
    white-space: nowrap;
}

.event-ticket-button .ticket-add-to-cart-btn:hover {
    background: #94b815;
}

.event-ticket-button .ticket-add-to-cart-btn:disabled,
.event-ticket-button--sold-out .ticket-add-to-cart-btn {
    background: #ccc;
    cursor: not-allowed;
    opacity: 0.6;
}

/* Responsive */
@media (max-width: 768px) {
    .event-ticket-button {
        flex-direction: column;
        gap: 0.75rem;
    }

    .event-ticket-button .ticket-quantity-wrapper {
        width: 100%;
    }

    .event-ticket-button .ticket-add-to-cart-btn {
        width: 100%;
    }
}

@media (max-width: 520px) {
    .event-ticket-price {
        padding: 0.875rem;
    }

    .event-ticket-price .price-amount {
        font-size: 1.5rem;
    }

    .calendar-dropdown-toggle {
        width: 100%;
        text-align: center;
        padding: 0.875rem 1rem;
    }

    .calendar-dropdown-menu {
        gap: 0.375rem;
    }

    .calendar-option {
        padding: 0.625rem 0.875rem;
        font-size: 0.9rem;
    }

    .calendar-icon {
        width: 20px;
        height: 20px;
    }
}

.pa-ticket-buy-button {
    text-transform: none;
}