/*
 * Base styling for the JetEngine Artist Timetable v7.
 *
 * This stylesheet contains minimal defaults to ensure that multiple timetable
 * widgets do not interfere with each other and that horizontal scrolling is
 * available when the schedule width exceeds the viewport. Vertical scrolling
 * is disabled to prevent the bottom time labels from being clipped.
 */

.jeat7x-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    position: relative;
}

/* Ensure the time header sticks to the top in vertical orientation */
.jeat7x-wrapper .jeat7x-time-header {
    display: flex;
    align-items: flex-end;
}

/* Basic row styling; background color can be overridden via Elementor */
.jeat7x-wrapper .jeat7x-row {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    position: relative;
}

/* Column styling for horizontal orientation; background color can be overridden */
.jeat7x-wrapper .jeat7x-stage-col {
    position: relative;
    flex: 1;
    border-right: 1px solid #eee;
}

/* Event block default styles; colors are controlled via Elementor */
.jeat7x-wrapper .jeat7x-event {
    background-color: #63a4e4;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #63a4e4;
    padding: 4px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
}

/* Small text inside event blocks inherits color via selector in Elementor */
.jeat7x-wrapper .jeat7x-event small {
    font-size: 10px;
    opacity: 0.8;
    line-height: 1.2;
}

/* Hide any overflow of time labels in vertical orientation when there is not enough space */
.jeat7x-wrapper .jeat7x-time-row-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}