/* Accessibility Toolbar Styles */
.accessibility-bar {
    background-color: #1a2332;
    color: #ffffff;
    padding: 0;
    font-size: 14px;
    border-bottom: 1px solid #2a374d;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999; /* Higher z-index */
    height: 40px;
    display: flex;
    align-items: center;
}

.accessibility-container {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    gap: 10px;
}

.access-btn {
    background: none;
    border: none;
    color: #ffffff !important;
    cursor: pointer;
    font-size: 18px; /* Slightly larger */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    padding: 8px;
    text-decoration: none;
}

.access-btn:hover {
    color: #c5a059; /* Gold color */
}

.access-btn.sitemap-btn {
    border: 1px solid #ffffff;
    padding: 3px 12px;
    border-radius: 4px;
    font-family: inherit;
    font-size: 13px;
    text-decoration: none;
    margin-inline-end: auto; /* Push to the left if container is flex-end, or wait, we want it on the left? */
}
.access-btn.sitemap-btn:hover {
    border-color: #c5a059;
    color: #c5a059;
}

/* Accessibility Modes */
body.dark-mode {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
}

body.dark-mode header, 
body.dark-mode .urgent-ticker-section,
body.dark-mode footer {
    background-color: #1e1e1e !important;
    border-color: #333 !important;
}

body.dark-mode a {
    color: #90caf9 !important;
}

body.dark-mode .nav-menu a {
    color: #e0e0e0 !important;
}

body.dark-mode .post-card,
body.dark-mode .service-card {
    background-color: #1e1e1e !important;
    border-color: #333 !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.5) !important;
}

body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 {
    color: #ffffff !important;
}

body.grayscale-mode {
    filter: grayscale(100%) contrast(120%) !important;
}
