/*
 * Event Listing page — custom UI fixes (schedule widget + squad picker).
 * Loaded via a <link> in the event/eventsearchlist ContentBlock, alongside the page's other
 * stylesheet links. The viewport-fit calendar HEIGHT is a FullCalendar option and stays in
 * eventlisting.js; everything presentational lives here.
 */

/* "Your Schedule" sidebar: make it its own scroll container so a tall schedule can be read in
   full without scrolling the whole event list. Desktop only (the schedule is hidden below 922px). */
@media (min-width: 922px) {
    #secondary .sidebar-main {
        max-height: calc(100vh - 2rem);
        overflow-y: auto;
        overflow-x: hidden;
    }
}

/* FullCalendar day (prev/next) buttons. The page runs FC 3.10 JS against 3.2 CSS, so the default
   arrows fall back to tiny Courier glyphs; give them clean, on-brand chevron buttons. */
#schedule .fc-toolbar {
    margin-bottom: .6em;
}
#schedule .fc-toolbar h2 {
    font-size: 1.2em;
    line-height: 1.6;
}
#schedule .fc-button {
    height: auto;
    padding: 5px 12px;
    margin: 0;
    background: #fff;
    background-image: none;
    border: 1px solid #c85c34;
    border-radius: 8px;
    box-shadow: none;
    text-shadow: none;
    color: #c85c34;
}
#schedule .fc-button:hover {
    background: #c85c34;
}
#schedule .fc-button:hover .fc-icon {
    color: #fff;
}
#schedule .fc-icon {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    font-size: 22px;
    line-height: 1;
    width: auto;
    height: auto;
    overflow: visible;
    top: 0;
    color: #c85c34;
}

/* Squad picker: the theme pins the <select> arrow to the TOP (background-position "... 0%").
   Center it vertically and give the control some breathing room. */
#squadSelect {
    background-position: calc(100% - 10px) center !important;
    padding-right: 28px;
    min-height: 38px;
    line-height: 1.4;
}