/*
Theme Name: Eisstadion Child
Template: Divi
Description: Individuelle Eisstadion-Anpassungen aus dem Backup vom 22.10.2026. Divi bleibt das aktualisierbare Parent-Theme.
Version: 1.0.0
Text Domain: eisstadion-child
*/

/* Calendar sits inside the right-hand Divi column below the rink images. */
.eis-opening-hours {
    width: 100%;
    clear: both;
    padding-top: 24px;
}
.eis-opening-hours .opening-hour-item .nav {
    gap: 12px;
    flex-wrap: wrap;
}
.eis-opening-hours .title-opening-hour,
.eis-opening-hours .opening-title-hour {
    max-width: 100%;
}
.eis-opening-hours .heading-opening-h,
.eis-opening-hours .opening-hour-list {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) repeat(3, minmax(0, 1.2fr));
    gap: 8px;
}
@media (max-width: 767px) {
    .eis-opening-hours .opening-hour-list {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Calendar navigation retains the original layout and supports real buttons. */
.eis-opening-hours .opening-hour-item .nav button.nev {
    border: 0;
    font: inherit;
    line-height: inherit;
}
.eis-opening-hours .opening-hour-item .nav button.nev:disabled {
    opacity: 0.45;
    cursor: default;
}
.eis-opening-hours .opening-hour-item-list[hidden] {
    display: none !important;
}
.eis-opening-hours::after {
    content: "";
    display: table;
    clear: both;
}

/* Keep the legacy homepage background video covering its Divi section. */
body.page-id-8 #main-content .et_pb_section_video {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: none;
}
body.page-id-8 #main-content .et_pb_section_video > .et_pb_section_video_bg {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}
body.page-id-8 #main-content .et_pb_section_video > .et_pb_section_video_bg video {
    position: absolute !important;
    inset: 0 !important;
    display: block;
    width: 100% !important;
    height: 100% !important;
    min-width: 100%;
    min-height: 100%;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    transform: none !important;
    object-fit: cover;
    object-position: center;
}