/*
 * Base styling for the JetEngine Artist Timetable v11.
 *
 * This stylesheet provides minimal defaults so that multiple timetable
 * instances do not interfere with each other. Horizontal scrolling is
 * enabled when the schedule width exceeds the viewport, while vertical
 * scrolling is disabled to prevent bottom labels being clipped.
 */


/* Wrapper scroll behaviour */
.jeat11-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    position: relative;
}

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

/* Basic row styling; background color can be overridden via Elementor */
/* Row base styling: add bottom border for grid lines; colour is inherited and can be customized via Elementor */
/* Base row styling; border colour inherited via Elementor lines colour */
.jeat11-wrapper .jeat11-row {
    display: flex;
    align-items: center;
    border-bottom: 1px solid;
    position: relative;
}

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

/* Stage header has left border to separate from time column */
/* Stage header border */
.jeat11-wrapper .jeat11-stage-header {
    border-left: 1px solid;
}

/* Event block default styles; colors are controlled via Elementor */
/* Event block default; colours overridden via Elementor */
.jeat11-wrapper .jeat11-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;
    min-width: 40px;
}

/* Event title text overflow */
.jeat11-wrapper .jeat11-event-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

/* Event time default style */
.jeat11-wrapper .jeat11-event-time {
    font-size: 10px;
    opacity: 0.8;
}

/* Lines: ensure width/height of grid lines set; colour will be controlled via Elementor */
/* Grid line dimensions; colour will be provided via Elementor style controls */
/* Grid line dimensions; shared for v9 and v10 wrappers */
/* Grid line sizes */
.jeat11-wrapper .jeat11-vertical-line,
.jeat11-wrapper .jeat11-track-vertical-line {
    width: 1px;
}
.jeat11-wrapper .jeat11-horizontal-line {
    height: 1px;
}

/* Time row label overflow handling */
.jeat11-wrapper .jeat11-time-row-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}