/**
 * DPCalendar Upcoming – Card Slider (No Image)
 * Extends mod_dpcalendar_card_slider.css
 */

.mod-dpcalendar-card-slider-no-image .dpcal-event-card__location-badge {
    align-self: flex-start;
    margin-block-end: 12px;
}

.mod-dpcalendar-card-slider-no-image .dpcal-event-card__title-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    margin-block-end: 10px;
}

.mod-dpcalendar-card-slider-no-image .dpcal-event-card__title-row .dpcal-event-card__title {
    margin: 0;
    flex: 1;
    min-width: 0;
}

.mod-dpcalendar-card-slider-no-image .dpcal-event-card__type-icon {
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    /* Tint white-stroke SVGs to site grey on light backgrounds */
    filter: brightness(0) saturate(100%) invert(27%) sepia(10%) saturate(600%) hue-rotate(192deg) brightness(95%) contrast(92%);
}

.mod-dpcalendar-card-slider-no-image .dpcal-event-card__date {
    display: block;
    margin-block-end: 15px;
}

/* Card links on #f8f9ec – hover/focus text; replaces global #00B3F0 */
.mod-dpcalendar-card-slider-no-image .dpcal-event-card.dp-event a:hover,
.mod-dpcalendar-card-slider-no-image .dpcal-event-card.dp-event a:focus,
.mod-dpcalendar-card-slider-no-image .dpcal-event-card.dp-event a:focus-visible {
    color: #1e2438;
}

.mod-dpcalendar-card-slider-no-image .dpcal-event-card.dp-event a:hover .dpcal-readmore-arrow,
.mod-dpcalendar-card-slider-no-image .dpcal-event-card.dp-event a:focus .dpcal-readmore-arrow,
.mod-dpcalendar-card-slider-no-image .dpcal-event-card.dp-event a:focus-visible .dpcal-readmore-arrow {
    background: #1e2438;
    color: #fff;
}

/*
 * Focus on #f8f9ec – dual-ring / inset pattern (same as facilities slider in user.css).
 * #00B3F0 on cream fails WCAG 3:1 for focus indicators; #1e2438 passes comfortably.
 */

/* Nav arrows – outer dual ring (not clipped by overflow) */
.mod-dpcalendar-card-slider-no-image .dpcal-custom-arrow:focus,
.mod-dpcalendar-card-slider-no-image .dpcal-custom-arrow:focus-visible {
    outline: 3px solid #ffffff !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 5px #1e2438 !important;
}

/*
 * Card links – inset ring because .dpcal-slider overflow:hidden clips outline.
 */
.mod-dpcalendar-card-slider-no-image .dpcal-event-card.dp-event a:focus,
.mod-dpcalendar-card-slider-no-image .dpcal-event-card.dp-event a:focus-visible {
    outline: none !important;
    box-shadow: inset 0 0 0 3px #1e2438, inset 0 0 0 5px #ffffff !important;
}

/* All-events pill – outside slider track */
.mod-dpcalendar-card-slider-no-image .dpcal-all-events__link:focus,
.mod-dpcalendar-card-slider-no-image .dpcal-all-events__link:focus-visible {
    outline: 3px solid #1e2438 !important;
    outline-offset: 3px !important;
    box-shadow: none !important;
}