/* ─── Mobile / Responsive ─────────────────────────────── */
.mud-breadcrumbs {
    overflow-x: auto;
    flex-wrap: nowrap !important;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.mud-breadcrumbs::-webkit-scrollbar {
    display: none;
}

.mud-typography-h2,
.mud-typography-h3,
.mud-typography-h4,
.mud-typography-h5 {
    overflow-wrap: break-word;
    word-break: break-word;
}

/* ─── Cards & Transitions ─────────────────────────────── */
.organization-card {
    transition: transform 150ms ease;
}
.organization-card:hover {
    transform: scale(1.02);
}
.orga-switch {
    padding: 8px;
    border-radius: var(--mud-default-borderradius);
    transition: background-color 300ms ease;
}
.orga-switch:hover {
    background: color-mix(in srgb,var(--mud-palette-primary-hover),var(--mud-palette-primary) 2%);
}
.file-upload-input {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
    opacity: 0;
}
.thumbnail-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: var(--mud-default-borderradius);
}
.thumbnail-wrapper .event-thumbnail {
    width: 100%;
    height: 100%;
    border-radius: var(--mud-default-borderradius);
    background-size: cover;
    background-position: center;
    filter: blur(6px) brightness(0.995);
    transform: scale(1.05);
    opacity: 1;
    transition: filter 0.3s ease;
}
.thumbnail-wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom,rgba(0,0,0,0.35),rgba(0,0,0,0.6));
    pointer-events: none;
    border-radius: var(--mud-default-borderradius);
}
.thumbnail-wrapper .inner-content {
    position: absolute;
    inset: 0;
    z-index: 2;
    color: white;
    opacity: 1;
    text-shadow: 0 2px 10px rgba(0,0,0,0.6);
}
.thumbnail-wrapper:hover .event-thumbnail {
    filter: blur(6px) brightness(0.45);
}
.invite-event-card:hover {
    background-color: var(--mud-palette-primary-hover);
    transition-duration: 0.3s;
}
.invite-event-card .mud-icon-button {
    width: 50px !important;
    height: 50px !important;
}
.invite-event-card .mud-icon-button .mud-icon-button-label .mud-icon-root {
    font-size: 14px !important;
}
.event-overview-header {
    height: 15rem;
    background: var(--mud-palette-primary);
    background-repeat: no-repeat;
    background-position: center 75%;
    background-size: cover;
    overflow: hidden;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
}
.event-overview-header .event-overview-header-detail {
    height: 20rem;
    width: 40rem;
    background: var(--mud-palette-primary-darken);
    position: absolute;
    margin: -32px;
    border-radius: 50px;
    transform: rotate(35deg);
    left: -16rem;
    top: -4rem;
}
.orga-overview-header {
    height: 15rem;
    background: var(--mud-palette-primary);
    background-repeat: no-repeat;
    background-position: center 75%;
    background-size: cover;
    overflow: hidden;
}
.orga-overview-header.default {
    background-image: url('/_content/Plenify.Shared/assets/circle_scatter_default.svg');
}
.orga-overview-header.slate {
    background-image: url('/_content/Plenify.Shared/assets/circle_scatter_slate.svg');
}
.orga-overview-header.graphite {
    background-image: url('/_content/Plenify.Shared/assets/circle_scatter_graphite.svg');
}
.orga-overview-header.ocean {
    background-image: url('/_content/Plenify.Shared/assets/circle_scatter_ocean.svg');
}
.orga-overview-header.mint {
    background-image: url('/_content/Plenify.Shared/assets/circle_scatter_mint.svg');
}
.orga-overview-header.banana {
    background-image: url('/_content/Plenify.Shared/assets/circle_scatter_banana.svg');
}
.orga-overview-header.ember {
    background-image: url('/_content/Plenify.Shared/assets/circle_scatter_ember.svg');
}
.orga-overview-header.violet {
    background-image: url('/_content/Plenify.Shared/assets/circle_scatter_violet.svg');
}
.event-row:hover {
    background-color: var(--mud-palette-primary-hover) !important;
    transition-duration: 0.3s;
}
.avatar-outer-container .mud-avatar {
    width: 80px !important;
    height: 80px !important;
    font-size: 42px;
}
.new-team-button-card .mud-icon-root {
    transition: color 300ms ease;
    font-size: 64px;
    color: var(--mud-palette-primary);
}
.new-team-button-card .mud-typography-body1 {
    transition: color 300ms ease;
    color: var(--mud-palette-primary) !important;
}
.new-team-button-card:hover .mud-icon-root {
    color: var(--mud-palette-primary-darken);
}
.new-team-button-card:hover .mud-typography-body1 {
    color: var(--mud-palette-primary-darken) !important;
}
.new-event-member-card .mud-avatar, .new-job-card .mud-avatar {
    transition: background-color 300ms ease;
}
.new-event-member-card .mud-typography-body1, .new-job-card .mud-typography-body1 {
    transition: color 300ms ease;
    color: var(--mud-palette-primary) !important;
}
.new-event-member-card:hover .mud-avatar, .new-job-card:hover .mud-avatar {
    background-color: var(--mud-palette-primary-darken) !important;
}
.new-event-member-card:hover .mud-typography-body1, .new-job-card:hover .mud-typography-body1 {
    color: var(--mud-palette-primary-darken) !important;
}
.slot-card-interactive {
    position: relative;
    overflow: hidden;
}
.slot-card-interactive:hover {
    cursor: pointer;
}
.slot-card-interactive:hover .slot-card-content {
    filter: blur(2px);
}
.slot-card-interactive:hover::after {
    opacity: 1;
}
.slot-card-interactive .slot-card-content {
    transition: filter 0.2s ease;
}
.slot-card-interactive::after {
    content: "Entfernen";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb,var(--mud-palette-error-hover) 70%,black);
    color: var(--mud-palette-error-text);
    font-weight: 600;
    font-size: 0.95rem;
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
}
.slot-card-free {
    transition: filter 0.2s ease;
}
.slot-card-free:hover {
    cursor: pointer;
    filter: brightness(0.88);
}
.edit-slot-icon-button .mud-icon-button-label .mud-icon-root {
    font-size: 16px !important;
}

/* Live / active event indicator */
.live-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--mud-palette-success);
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--mud-palette-success) 60%, transparent);
    animation: live-dot-pulse 2s infinite;
    flex-shrink: 0;
}

@keyframes live-dot-pulse {
    0%   { box-shadow: 0 0 0 0    color-mix(in srgb, var(--mud-palette-success) 60%, transparent); }
    70%  { box-shadow: 0 0 0 8px  color-mix(in srgb, var(--mud-palette-success) 0%,  transparent); }
    100% { box-shadow: 0 0 0 0    color-mix(in srgb, var(--mud-palette-success) 0%,  transparent); }
}