/* Override mmCMS Accessibility Widget for bespoke theme */

.a11y-toggle {
    background: var(--success) !important;
    color: #fff !important;
}
.a11y-toggle:hover {
    background: var(--success-dark) !important;
}

.a11y-panel {
    background: var(--paper) !important;
    border: 1px solid var(--ring) !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08) !important;
}

.a11y-header {
    border-bottom: 1px solid var(--ring) !important;
}

.a11y-header h3 {
    color: var(--success) !important;
    font-family: "Cormorant Garamond", serif !important;
    font-size: 1.4rem !important;
}

.a11y-close {
    color: var(--muted) !important;
}

.a11y-group > label {
    color: var(--ink) !important;
    font-family: "Inter", sans-serif !important;
}

.a11y-btn {
    border: 1px solid var(--ring) !important;
    color: var(--ink) !important;
    border-radius: 999px !important;
}
.a11y-btn:hover {
    background: var(--bg) !important;
}

.a11y-btn.active {
    background: var(--success) !important;
    border-color: var(--success) !important;
    color: #fff !important;
}

.a11y-reset {
    background: transparent !important;
    color: var(--muted) !important;
    border-color: transparent !important;
}
.a11y-reset:hover {
    background: var(--bg) !important;
    color: var(--ink) !important;
}

/* Dark mode bespoke overrides */
html.a11y-dark-mode body,
html.a11y-dark-mode .breeding-page,
html.a11y-dark-mode section {
    background-color: #121212 !important;
    color: #e6e6e6 !important;
}
html.a11y-dark-mode .card,
html.a11y-dark-mode .breeding-card,
html.a11y-dark-mode .a11y-panel {
    background-color: #1e1e1e !important;
    border-color: #333 !important;
}
html.a11y-dark-mode h1,
html.a11y-dark-mode h2,
html.a11y-dark-mode h3,
html.a11y-dark-mode .a11y-header h3 {
    color: #ffffff !important;
}
html.a11y-dark-mode p,
html.a11y-dark-mode .lead {
    color: #ccc !important;
}
html.a11y-dark-mode .btn.primary,
html.a11y-dark-mode .breeding-card-btn {
    background: #4a6d53 !important;
    color: #fff !important;
}
html.a11y-dark-mode .a11y-btn {
    background: #1e1e1e !important;
    border-color: #444 !important;
    color: #e6e6e6 !important;
}
html.a11y-dark-mode .a11y-btn.active {
    background: #4a6d53 !important;
    border-color: #4a6d53 !important;
    color: #fff !important;
}