/* Estilos para a Barra de Acessibilidade */
#accessibility-toolbar {
    position: fixed;
    bottom: 10px;
    right: 10px;
    padding: 15px;
    background-color: #f8f9fa; /* Cor de fundo clara */
    border: 1px solid #dee2e6; /* Borda sutil */
    border-radius: 8px; /* Bordas arredondadas */
    z-index: 10000; /* Garantir que fique sobre outros elementos */
    font-family: Arial, sans-serif;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra suave */
    display: flex;
    flex-direction: column; /* Organizar botões verticalmente */
    gap: 8px; /* Espaçamento entre os botões */
}

#accessibility-toolbar h4 {
    margin: 0 0 10px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    color: #333;
    text-align: center;
}

#accessibility-toolbar button {
    padding: 8px 12px;
    border: 1px solid #007bff; /* Borda azul */
    background-color: #007bff; /* Fundo azul */
    color: white; /* Texto branco */
    cursor: pointer;
    border-radius: 4px;
    font-size: 14px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

#accessibility-toolbar button:hover {
    background-color: #0056b3; /* Azul mais escuro no hover */
    border-color: #0056b3;
}

#accessibility-toolbar button:focus {
    outline: 2px solid #0056b3; /* Destaque de foco */
    outline-offset: 2px;
}

/* Estilos para Alto Contraste */
body.high-contrast {
    background-color: #000000 !important; /* Fundo preto */
    color: #FFFFFF !important; /* Texto branco */
}

/* Ajustes para elementos específicos em alto contraste */
body.high-contrast a {
    color: #027746 !important; /* Links amarelos para destaque */
}

body.high-contrast button,
body.high-contrast input,
body.high-contrast select,
body.high-contrast textarea {
    background-color: #333333 !important;
    color: #FFFFFF !important;
    border: 1px solid #FFFFFF !important;
}

body.high-contrast img {
    filter: grayscale(100%) contrast(200%); /* Imagens em escala de cinza com contraste aumentado */
}

/* Estilo para o foco visível (pode ser ajustado conforme o design do site) */
*:focus-visible {
    outline: 3px dashed #007bff !important; /* Destaque de foco mais proeminente */
    outline-offset: 2px;
}