/* Fixed events widget shortcode design; shared typography and focus come from layout-base.css. */

div.eventhive.eventhive-shortcode.eventhive-events-widget:not(.eventhive-shortcode--wide) {
    --eh-events-widget-muted-color: color-mix(in srgb, currentColor 72%, transparent);
    --eh-events-widget-border-color: color-mix(in srgb, currentColor 20%, transparent);
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    text-align: start;
}

.eventhive.eventhive-events-widget .eventhive-events-widget__list,
.eventhive.eventhive-events-widget .eventhive-events-widget__item {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    list-style: none;
}

.eventhive.eventhive-events-widget .eventhive-events-widget__item + .eventhive-events-widget__item {
    margin-block-start: var(--eh-gap-s);
    padding-block-start: var(--eh-gap-s);
    border-block-start: 1px solid var(--eh-events-widget-border-color);
}

.eventhive.eventhive-events-widget .eventhive-events-widget__item::before,
.eventhive.eventhive-events-widget .eventhive-events-widget__item::after {
    content: none;
}

.eventhive.eventhive-events-widget .eventhive-events-widget__datetime,
.eventhive.eventhive-events-widget .eventhive-events-widget__empty {
    display: block;
    margin: 0;
    padding: 0;
    font-family: var(--eh-font-family-content, inherit);
    font-size: var(--eh-text-s);
    font-weight: var(--eh-weight-normal);
    font-style: normal;
    line-height: var(--eh-leading-body);
    letter-spacing: normal;
    text-transform: none;
    color: var(--eh-events-widget-muted-color);
    white-space: normal;
    overflow-wrap: anywhere;
}

.eventhive.eventhive-events-widget .eventhive-events-widget__datetime {
    margin-block-start: calc(var(--eh-gap-xs) * 0.5);
}

.eventhive.eventhive-events-widget .eventhive-events-widget__datetime time {
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
    text-transform: none;
}

.eventhive.eventhive-events-widget a.eventhive-events-widget__title,
.eventhive.eventhive-events-widget a.eventhive-events-widget__title:visited {
    display: block;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    font-family: var(--eh-font-family-content, inherit);
    font-size: var(--eh-heading-card);
    font-weight: var(--eh-component-title-weight);
    font-style: normal;
    line-height: var(--eh-leading-body);
    letter-spacing: normal;
    text-transform: none;
    text-decoration: none;
    color: inherit;
    white-space: normal;
    overflow-wrap: anywhere;
}

.eventhive.eventhive-events-widget a.eventhive-events-widget__title:is(:hover, :active, :focus-visible) {
    color: var(--eh-text-link-color);
    text-decoration: underline;
}
