/* Clear focus in all existing colour modes. */
body a:focus-visible, body button:focus-visible, body input:focus-visible,
body select:focus-visible, body textarea:focus-visible, body a.plus-link:focus-visible {
    outline: 3px solid #fff !important; outline-offset: 3px;
    box-shadow: 0 0 0 6px #111 !important;
}
.amok-skip-link { position: fixed; top: 8px; left: 8px; transform: translateY(-200%); z-index: 100000; background: #fff; color: #111 !important; padding: 12px 18px; }
.amok-skip-link:focus { transform: none; }
.amok-page-heading { font-size: 28px; line-height: 1.35; margin-top: 12px; margin-bottom: 24px; }
.primary-menu li:focus-within > .dropdown-menu, .secondary-top-menu li:focus-within > .dropdown-menu,
.primary-menu li:focus-within > .right-menu { display: block; }
.amok-menu-ready [hidden] { display: none !important; }
.amok-menu-ready .amok-menu-open > ul:not([hidden]) { display: block !important; }
.amok-has-submenu { position: relative; }
.amok-menu-ready > .amok-has-submenu > a { padding-right: 34px; }
.amok-menu-toggle { color: #fff; background: #414141; border: 1px solid #aaa; border-radius: 3px; cursor: pointer; width: 30px; min-height: 30px; padding: 0; font-size: 18px; line-height: 28px; }
.amok-has-submenu > .amok-menu-toggle { position: absolute; right: 1px; top: 2px; }
.amok-has-submenu > ul { min-width: 220px; max-width: min(90vw, 420px); }
.amok-menu-ready .dropdown-menu a, .amok-menu-ready .right-menu a { white-space: normal; overflow-wrap: anywhere; padding-right: 36px; }
.amok-menu-ready ul li.amok-has-submenu > a { display: block; padding-right: 38px !important; min-height: 34px; }
.amok-menu-ready .right-menu { top: 0; left: 100%; background: #414141; }
.amok-calendar { margin-block: 20px; }
.amok-calendar-nav { display: flex; justify-content: space-between; align-items: center; gap: 8px; background: #414141; color: #fff; }
.amok-calendar-nav a { color: #fff !important; background: #414141; display: inline-flex; justify-content: center; align-items: center; min-width: 40px; min-height: 40px; }
.amok-calendar-nav span { color: #fff !important; }
.amok-calendar table { table-layout: fixed; width: 100%; }
.amok-calendar th, .amok-calendar td { text-align: center; padding: 3px 0; }
.amok-calendar th abbr { text-decoration: none; border: 0; }
.amok-calendar td a { display: flex; align-items: center; justify-content: center; min-height: 36px; text-decoration: underline; border-radius: 3px; }
.amok-calendar a[aria-current] { background: #64305e !important; color: #fff !important; font-weight: bold; border: 2px solid currentColor; }
.amok-ticket-fallback { margin-block: 16px; }
.amok-gallery-toggle { min-width: 32px; min-height: 32px; margin: 4px; }
.amok-gallery-list[hidden] { display: none !important; }
.amok-newsletter-title { font-size: 32px; font-weight: bold; }
/* A dismissible notice is part of the page, never a focus-obscuring overlay. */
body .app-overlay { position: relative !important; inset: auto !important; transform: none !important; width: auto !important; max-width: 1140px; margin: 20px auto !important; z-index: auto !important; }
/* The inline notice must not retain the legacy full-viewport modal backdrop. */
body .app-overlay::before { content: none !important; display: none !important; pointer-events: none !important; }
body .app-overlay__inner { position: relative !important; inset: auto !important; transform: none !important; max-width: 100%; }
.site-options .option-block { min-width: 28px; min-height: 28px; }
@media (max-width: 767px) {
    .site-options { position: static !important; clear: both; width: 100%; margin: 16px 0; padding-top: 12px; display: flex; justify-content: flex-end; }
    .site-options::before { display: none; }
    .site-options > div { background: #555; padding: 6px; border-radius: 16px; gap: 4px; }
    .amok-menu-ready > li { position: relative; }
    .amok-menu-ready .dropdown-menu, .amok-menu-ready .right-menu { position: static; float: none; width: 100%; max-width: 100%; min-width: 0; }
    .amok-menu-ready .right-menu { margin-left: 0; }
    .amok-page-heading { font-size: 24px; }
}
/* Optional desktop controls remain available for touch and keyboard navigation. */
@media (min-width: 768px) {
    html[data-amok-menu-input="mouse"] .amok-desktop-arrows-hidden .amok-menu-toggle,
    html[data-amok-menu-input="keyboard"] .amok-desktop-arrows-hidden .amok-menu-toggle { opacity: 0; pointer-events: none; }
    html[data-amok-menu-input="keyboard"] .amok-desktop-arrows-hidden .amok-has-submenu:focus-within > .amok-menu-toggle,
    html .amok-desktop-arrows-hidden .amok-menu-toggle:focus-visible { opacity: 1; pointer-events: auto; }
}
.amok-calendar td a { position: relative; }
.amok-calendar-dot { display: block; font-size: 12px; line-height: 8px; }
.amok-calendar-help { font-size: 12px; line-height: 1.4; }
.amok-calendar-preview { clear: both; text-align: left; }
.amok-calendar-day[hidden] { display: none !important; }
.amok-calendar-day h3 { font-size: 16px; line-height: 1.4; }
.amok-calendar-day ul { margin: 0 0 12px 18px; }
.amok-calendar-day li { margin-bottom: 8px; overflow-wrap: anywhere; }
.amok-calendar-day time { font-weight: bold; }
.amok-notice-dialog { box-sizing: border-box; width: min(640px, calc(100vw - 32px)); max-height: calc(100vh - 48px); max-height: calc(100dvh - 48px); overflow: auto; margin: auto; border: 2px solid #b04197; border-radius: 4px; padding: 28px; background: #fff; color: #171717; }
.amok-notice-dialog::backdrop { background: rgba(0, 0, 0, .65); }
.amok-notice-dialog h2 { color: inherit; font-size: 24px; line-height: 1.3; margin: 0 48px 20px 0; }
.amok-notice-close { position: absolute; top: 8px; right: 8px; min-width: 44px; min-height: 44px; border: 0; background: #84316f; color: #fff; font-size: 28px; cursor: pointer; }
.amok-notice-body { overflow-wrap: anywhere; }
.amok-notice-body a { color: #72275e; text-decoration: underline; }
.amok-notice-body img { max-width: 100%; height: auto; }
.amok-notice-inline { display: block; position: static; margin: 20px auto; }
.amok-notice-fallback { background: #fff; color: #171717; padding: 20px; }
.amok-calendar .amok-calendar-pinned { outline: 3px solid #b04197; outline-offset: -3px; font-weight: bold; }
/* No-JS lists remain in normal flow. Only enhanced hover previews float. */
@media (min-width: 992px) and (hover: hover) and (pointer: fine) {
    .amok-calendar-ready[data-calendar-mode="hover"] { position: relative; }
    .amok-calendar-ready[data-calendar-mode="hover"] .amok-calendar-preview { position: absolute; left: 0; width: 100%; z-index: 20; }
    .amok-calendar-ready[data-calendar-mode="hover"] .amok-calendar-day:not([hidden]) { background: #222; color: #fff; border: 2px solid #b04197; padding: 12px; max-height: 60vh; overflow: auto; box-shadow: 0 4px 12px #0008; }
    .amok-calendar-ready[data-calendar-mode="hover"] .amok-calendar-day a { color: #fff; }
}

/* Semantic sidebar button retains the existing 23px disclosure footprint. */
.side-nav .amok-side-toggle { appearance: none; background: transparent; border: 0; padding: 0; margin: 0; width: 23px; height: 23px; min-width: 23px; min-height: 23px; color: inherit; font: inherit; cursor: pointer; }
/* Optional correction, enabled only by the central visual-options panel. */
body.amok-newsletter-admin-contrast main fieldset > p > a[href*="page=newsletter_"] { color: #0645ad !important; text-decoration: underline; }

/* Historical dates remain actionable; the muted treatment is not disabled state. */
.amok-calendar td a.amok-calendar-past { color: #bdbdbd !important; background: #333 !important; }
