/* EDIT link styles for admin frontend (only loaded for admins on frontend) */
.cel {
    color: #d63638;
    font-size: 0.95em;
    text-decoration: none;
    text-align: center;
    display: inline-block;
}

.cardadmin-events-empty, .event-date-time-container, .event-links, .event-image, .current-events-description, .past-events-description, .past-events-load-more-container, .event-date-time-container .timezone-info-icon {
    text-align: center;
}

.cardadmin-simple-event {
    margin-bottom: 1.5em;
}

/* Past Events Section */
.cardadmin-past-events-section {
    margin-top: 3em;
    padding-top: 2em;
    border-top: 2px solid #e0e0e0;
}

/* Current Events Section */
.current-events-title, .past-events-title, .year-group h2:first-child {
    margin-bottom: 1.2em;
}

.past-events-container {
    position: relative;
}

.past-events-content {
    margin-bottom: 2em;
}



/* Past Events Badge */
.cardadmin-past-events-section .event-title::after {
    content: " (Past)";
    font-size: 0.8em;
    color: #999;
    font-weight: normal;
}

.current-events-description, .past-events-description {
    font-style: italic;
    margin-bottom: .5em;
}

.current-events-title, .past-events-title {
    margin-bottom: .5em;
}

/* Consistent spacing for all elements in simple event layout */
.cardadmin-simple-event > * {
    margin-bottom: .5em;
}

/* Merge styles to remove margin from last child and h3 elements */
.cardadmin-simple-event h3,
.cardadmin-simple-event > *:last-child {
    margin-bottom: 0;
}


.event-date-time {
    position: relative;
    display: inline-block;
    font-style: italic;
}

.event-date-time, .event-location{
    font-weight: 400;
}

.timezone-tooltip {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 17px;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    margin-top: 5px;
    width: max-content;
    max-width: 60ch;
    font-style: normal;
}

/* Show tooltip on hover (desktop) and focus (mobile/keyboard) */
.event-date-time:hover .timezone-tooltip,
.timezone-info-icon:focus + .timezone-tooltip,
.timezone-info-icon:active + .timezone-tooltip {
    opacity: .95;
    visibility: visible;
}

/* Timezone Info Icon */
.timezone-info-icon {
    display: inline-block;
    margin-left: 0.3em;
    font-size: 0.7em;
    background: #666;
    color: white;
    border: none;
    border-radius: 50%;
    width: 1.2em;
    height: 1.2em;
    line-height: 1.2em;
    vertical-align: super;
    cursor: pointer;
    font-weight: normal;
    padding: 0;
}

.timezone-info-icon:hover,
.timezone-info-icon:focus {
    background: #333;
    outline: none;
}

/* Responsive Design */
@media (max-width: 768px) {
    .past-events-title {
        font-size: 1.3em;
    }
    
    .timezone-tooltip {
        font-size: 0.8em;
        padding: 6px 10px;
    }
}