/*
 * WVARC monthly calendar: Sunday-first visual accents.
 * Loaded after the responsive calendar stylesheet so weekend/today states
 * remain visible at desktop, tablet, and phone widths.
 */

:root {
    --wvarc-cal-weekend: #0b4f86;
}

/* Saturday and Sunday receive a lighter blue panel while staying in the
 * established navy family. Adjacent-month filler dates remain subdued. */
.wvarc-calendar--month .wvarc-calendar__month-cell.is-weekend:not(.is-outside-month) {
    background: var(--wvarc-cal-weekend) !important;
}

/* The current Arizona date gets a gold badge with navy typography and edge. */
.wvarc-calendar--month .wvarc-calendar__month-cell.is-today .wvarc-calendar__month-day {
    background: var(--wvarc-cal-gold) !important;
    border: 2px solid var(--wvarc-cal-navy-deep) !important;
    box-shadow:
        0 0 0 1px rgba(243, 189, 22, 0.8),
        0 0.32rem 0.85rem rgba(0, 0, 0, 0.28);
    color: var(--wvarc-cal-navy-deep) !important;
}

.wvarc-calendar--month .wvarc-calendar__month-cell.is-today .wvarc-calendar__month-day * {
    color: var(--wvarc-cal-navy-deep) !important;
}

/* Preserve the weekend accent in the phone agenda when a weekend has events. */
@media (max-width: 46rem) {
    .wvarc-calendar--month .wvarc-calendar__month-cell.is-weekend:not(.is-outside-month):has(.wvarc-calendar__event) {
        background: var(--wvarc-cal-weekend) !important;
    }
}

/* Net calendar: keep weekend columns identical to weekdays and use the
 * weekend blue only on the Saturday/Sunday heading pills. The source markup
 * is Monday through Sunday, so Saturday is child 6 and Sunday is child 7. */
.page-id-411 .wvarc-calendar--weekly-schedule .wvarc-calendar__day:nth-child(6),
.page-id-411 .wvarc-calendar--weekly-schedule .wvarc-calendar__day:nth-child(7) {
    background: #032b52 !important;
}

.page-id-411 .wvarc-calendar--weekly-schedule .wvarc-calendar__day:nth-child(6) .wvarc-calendar__day-title,
.page-id-411 .wvarc-calendar--weekly-schedule .wvarc-calendar__day:nth-child(7) .wvarc-calendar__day-title {
    background: var(--wvarc-cal-weekend) !important;
    border-color: var(--wvarc-cal-gold) !important;
    color: var(--wvarc-cal-gold) !important;
}