/* 
 * Estilos de Acessibilidade - Alto Contraste 
 * Câmara Municipal de Coxim
 */

/* Estilos para alto contraste */
.alto-contraste {
    background: #000 !important;
    color: #fff !important;
}

.alto-contraste * {
    background: transparent !important;
    color: #fff !important;
    border-color: #fff !important;
}

.alto-contraste a {
    color: #ffff00 !important;
    text-decoration: underline !important;
}

.alto-contraste a:hover {
    color: #ffffff !important;
    background-color: #ffff00 !important;
}

.alto-contraste .btn {
    background: #000 !important;
    color: #fff !important;
    border: 2px solid #fff !important;
}

.alto-contraste .btn:hover {
    background: #fff !important;
    color: #000 !important;
}

.alto-contraste input, 
.alto-contraste select, 
.alto-contraste textarea {
    background: #000 !important;
    color: #fff !important;
    border: 2px solid #fff !important;
}

.alto-contraste .navbar {
    background: #000 !important;
}

.alto-contraste .dropdown-menu {
    background: #000 !important;
    border: 2px solid #fff !important;
}

.alto-contraste .dropdown-menu > li > a {
    color: #fff !important;
}

.alto-contraste .dropdown-menu > li > a:hover {
    background: #fff !important;
    color: #000 !important;
}

.alto-contraste img {
    opacity: 0.8;
    border: 2px solid #fff !important;
}

.alto-contraste .top-faixa {
    background: #000 !important;
}

.alto-contraste .cor_escuro_bk {
    background: #000 !important;
}

/* Estilos para os botões de acessibilidade */
.botoes-acessibilidade {
    display: inline-block;
}

.botoes-acessibilidade .btn-acessibilidade {
    padding: 2px 8px;
    margin-left: 5px;
    font-size: 12px;
    border: none;
    background: transparent;
    color: inherit;
    cursor: pointer;
    text-decoration: none;
}

.botoes-acessibilidade .btn-acessibilidade:hover {
    text-decoration: underline;
}

.btn-acessibilidade i {
    margin-right: 3px;
}

/* Responsivo para mobile */
@media (max-width: 768px) {
    .botoes-acessibilidade {
        display: block;
        text-align: center;
        padding: 10px 0;
        background: rgba(255,255,255,0.1);
    }
    
    .botoes-acessibilidade .btn-acessibilidade {
        display: inline-block;
        margin: 2px;
        padding: 5px 10px;
        font-size: 14px;
    }
}