/**
 * @package cleverogre
 * @subpackage saenger-theatre
 * @version 1.0.0
 * @since 1.0.0
 */

ul.wp-block-saengertheatre-event-date-info {
    list-style: none;
    padding-inline-start: 1.325em;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 0.625em;
    row-gap: 0.2em;
    
    font-family: var(--wp--preset--font-family--roboto-condensed);
    font-size: var(--wp--preset--font-size--normal);
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--wp--preset--color--dark-red);
    font-weight: 500;
}

ul.wp-block-saengertheatre-event-date-info::before {
    margin-inline-start: -1.325em;
    width: 1em;
    text-align: center;
    margin-inline-end: -0.3em;
}

:root .wp-block-post-template.is-layout-grid ul.wp-block-saengertheatre-event-date-info {
    font-size: var(--wp--preset--font-size--x-small);
}

.wp-block-group.is-layout-flex:not(.is-vertical):has(> .wp-block-saengertheatre-event-date-info) {
    column-gap: 0.5em;
    row-gap: 1em;
}

:root .wp-block-post-template.is-layout-grid .wp-block-cover ul.wp-block-saengertheatre-event-date-info {
    color: inherit;
    font-size: var(--wp--preset--font-size--normal);
}

@media (min-width: 801px) {
    ul.wp-block-saengertheatre-event-date-info li ~ li::before {
        content: '|';
        margin-inline-end: 0.625em;
        font-weight: 300;
    }
}

@media (max-width: 1280px) and (min-width: 801px) {
    :root .wp-block-post-template.is-layout-grid .wp-block-cover ul.wp-block-saengertheatre-event-date-info li ~ li::before {
        content: none;
    }
    :root .wp-block-post-template.is-layout-grid .wp-block-cover ul.wp-block-saengertheatre-event-date-info li:has(~ li:not(.wp-block-saengertheatre-event-date-info__short))::after {
        content: ',';
    }
}

@media (max-width: 800px) and (min-width: 481px) {
    ul.wp-block-saengertheatre-event-date-info li:has(~ li:not(.wp-block-saengertheatre-event-date-info__short))::after {
        content: ',';
    }
}

@media (min-width: 481px) {
    .wp-block-saengertheatre-event-date-info__short {
        display: none;
    }
}

@media (max-width: 480px) {
    :is(.wp-block-saengertheatre-event-date-info__weekday, .wp-block-saengertheatre-event-date-info__day, .wp-block-saengertheatre-event-date-info__time) {
        display: none;
    }
    ul.wp-block-saengertheatre-event-date-info {
        background-color: var(--wp--preset--color--off-white);
        padding: 0.5em 0.75em;
        border-radius: 0.5em;
        font-size: var(--wp--preset--font-size--small-plus);
    }
    ul.wp-block-saengertheatre-event-date-info::before {
        font-size: 90%;
        margin-inline-start: 0;
    }
    .wp-block-group.is-layout-flex.is-nowrap:not(.is-vertical) > .wp-block-post-featured-image + * ul.wp-block-saengertheatre-event-date-info {
        font-size: var(--wp--preset--font-size--small);
    }
    :root .wp-block-post-template.is-layout-grid .wp-block-cover ul.wp-block-saengertheatre-event-date-info {
        padding: 0;
        background-color: transparent;
        border-radius: 0;
    }
}