/* staff.fergies.com */

/* test sites look different, so nobody mistakes one for the live calendar */
body.nonprod .navbar {
    background-color: #6c4f00 !important;
}

details.card > summary {
    cursor: pointer;
}

#feedUrl {
    font-size: .8rem;
}

/* FullCalendar's toolbar crowds on a phone */
@media (max-width: 575px) {
    .fc .fc-toolbar {
        flex-wrap: wrap;
        gap: .5rem;
    }
    .fc .fc-toolbar-title {
        font-size: 1.1rem;
    }
}

/* Accessibility (see templates/accessibility.md). One two-tone focus ring:
   the white inner ring keeps it visible on the dark navbar, and on the
   brown one the test sites use. */
a:focus-visible, button:focus-visible, .btn:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible,
summary:focus-visible, [tabindex]:focus-visible,
.fc-event:focus-visible, .form-check-input:focus-visible {
    outline: 3px solid #0d6efd;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px #fff;
}
/* main[tabindex] so this outranks [tabindex]:focus-visible above; the skip
   link moves focus here, and a ring around the whole page means nothing */
main:focus, main[tabindex]:focus-visible { outline: none; box-shadow: none; }

/* Bootstrap's .form-control:focus swaps the outline for a pale glow that's
   too faint; this loads after Bootstrap, so the same specificity wins */
.form-control:focus-visible {
    outline: 3px solid #0d6efd;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px #fff;
}

.skip-link:focus {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    padding: .5rem 1rem;
    background: #fff;
    color: #212529;
    font-weight: bold;
    border: 2px solid #000;
}

/* Public events from the events calendar (staff-calendar.js in common sets
   their purple, #6f42c1). The star marks them without relying on color,
   and the legend above the calendar explains it. The admin staff calendar
   page draws them the same way. */
.staff-public .fc-event-title::before,
.staff-public .fc-list-event-title a::before {
    content: "\2605\00a0";
}
.staff-canceled .fc-event-title,
.staff-canceled .fc-list-event-title a {
    text-decoration: line-through;
}
.staff-public-key {
    display: inline-block;
    padding: 0 .3em;
    border-radius: .25rem;
    background-color: #6f42c1;
    color: #fff;
}