/* One-time decorative Thanksgiving accents. No schedule/status colour changes. */
html[data-seasonal-accent="thanksgiving-2026"] {
    --thanksgiving-copper: #b77451;
    --thanksgiving-gold: #c6a466;
}
html[data-seasonal-accent="thanksgiving-2026"][data-theme="dark"] {
    --thanksgiving-copper: #d39b78;
    --thanksgiving-gold: #d9bb83;
}
html[data-seasonal-accent="thanksgiving-2026"] :is(
    .home-header .home-brand, header .ism-brand,
    .app-header .desktop-brand, .mobile-app-header .console-brand,
    .app-header > a[aria-label="iSchedule.MD homepage"], .ism-login-brand
) {
    position: relative;
}
html[data-seasonal-accent="thanksgiving-2026"] :is(
    .home-header .home-brand, header .ism-brand,
    .app-header .desktop-brand, .mobile-app-header .console-brand,
    .app-header > a[aria-label="iSchedule.MD homepage"], .ism-login-brand
)::before,
html[data-seasonal-accent="thanksgiving-2026"] :is(
    .home-header .home-brand, header .ism-brand,
    .app-header .desktop-brand, .mobile-app-header .console-brand,
    .app-header > a[aria-label="iSchedule.MD homepage"], .ism-login-brand
)::after {
    content: "";
    position: absolute;
    pointer-events: none;
    mask: url("../Images/brand/thanksgiving-maple-2026.svg") center / contain no-repeat;
    -webkit-mask: url("../Images/brand/thanksgiving-maple-2026.svg") center / contain no-repeat;
}
html[data-seasonal-accent="thanksgiving-2026"] :is(
    .home-header .home-brand, header .ism-brand,
    .app-header .desktop-brand, .mobile-app-header .console-brand,
    .app-header > a[aria-label="iSchedule.MD homepage"], .ism-login-brand
)::before {
    width: 18px;
    height: 20px;
    left: 87%;
    top: calc(50% - 15px);
    background: var(--thanksgiving-copper);
    transform: rotate(-22deg);
}
html[data-seasonal-accent="thanksgiving-2026"] :is(
    .home-header .home-brand, header .ism-brand,
    .app-header .desktop-brand, .mobile-app-header .console-brand,
    .app-header > a[aria-label="iSchedule.MD homepage"], .ism-login-brand
)::after {
    width: 12px;
    height: 14px;
    left: calc(87% + 13px);
    top: calc(50% - 2px);
    background: var(--thanksgiving-gold);
    transform: rotate(24deg);
}
@media (max-width: 1023px) {
    html[data-seasonal-accent="thanksgiving-2026"] :is(
        .app-header .mobile-page-title, .mobile-app-header .mobile-header-identity > h1
    )::after {
        content: "";
        display: inline-block;
        width: 12px;
        height: 14px;
        margin-inline-start: 5px;
        margin-inline-end: -17px;
        vertical-align: middle;
        pointer-events: none;
        background: var(--thanksgiving-copper);
        mask: url("../Images/brand/thanksgiving-maple-2026.svg") center / contain no-repeat;
        -webkit-mask: url("../Images/brand/thanksgiving-maple-2026.svg") center / contain no-repeat;
        transform: rotate(-18deg);
    }
}
@media print {
    html[data-seasonal-accent="thanksgiving-2026"] :is(
        .home-header .home-brand, header .ism-brand,
        .app-header .desktop-brand, .mobile-app-header .console-brand,
        .app-header > a[aria-label="iSchedule.MD homepage"], .ism-login-brand,
        .app-header .mobile-page-title, .mobile-app-header .mobile-header-identity > h1
    )::before,
    html[data-seasonal-accent="thanksgiving-2026"] :is(
        .home-header .home-brand, header .ism-brand,
        .app-header .desktop-brand, .mobile-app-header .console-brand,
        .app-header > a[aria-label="iSchedule.MD homepage"], .ism-login-brand,
        .app-header .mobile-page-title, .mobile-app-header .mobile-header-identity > h1
    )::after {
        content: none;
    }
}
