/**
 * UFCA Alto Contraste – CSS 
 * Padrão gov.br (eMAG) – aparência próxima ao MEC
 * - Header/Footer/slider-wrapper: pretos
 * - Links: brancos; amarelos APENAS em :hover/:focus
 * - Imagens/logos/cards: nunca ocultar/inverter
 * - Popups/menus/UFCA Digital: visíveis no HC
 */

/* ===== Base ===== */
body.ufca-alto-contraste {
  background-color: #000 !important;
  color: #fff !important;
}

/* Tipografia */
body.ufca-alto-contraste,
body.ufca-alto-contraste p,
body.ufca-alto-contraste li,
body.ufca-alto-contraste span,
body.ufca-alto-contraste h1,
body.ufca-alto-contraste h2,
body.ufca-alto-contraste h3,
body.ufca-alto-contraste h4,
body.ufca-alto-contraste h5,
body.ufca-alto-contraste h6 {
  color: #fff !important;
  text-shadow: none !important;
}

/* ===== Estruturas pretas ===== */
body.ufca-alto-contraste header,
body.ufca-alto-contraste .site-header,
body.ufca-alto-contraste footer,
body.ufca-alto-contraste .ui.inverted.vertical.footer.segment,
body.ufca-alto-contraste .slider-wrapper,
body.ufca-alto-contraste .preheader,
body.ufca-alto-contraste .topbar {
  background-color: #000 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Menus/segmentos sem separadores */
body.ufca-alto-contraste .ui.menu,
body.ufca-alto-contraste .menu,
body.ufca-alto-contraste .ui.segment,
body.ufca-alto-contraste .ui.segments {
  background-color: #000 !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.ufca-alto-contraste .ui.menu .item:before,
body.ufca-alto-contraste .ui.divider,
body.ufca-alto-contraste .ui.menu .divider,
body.ufca-alto-contraste .ui.segment:before,
body.ufca-alto-contraste .ui.segment:after {
  background: transparent !important;
  border: 0 !important;
}

/* ===== Links – padrão MEC ===== */
body.ufca-alto-contraste a {
  color: #fff !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.ufca-alto-contraste a:hover,
body.ufca-alto-contraste a:focus {
  color: #ff0 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}
body.ufca-alto-contraste a:visited {
  color: #fff !important; /* neutraliza amarelo fixo em :visited */
}

/* Logo/link da marca sem sublinhado (não mexer no background-image da logo) */
body.ufca-alto-contraste .logo-area,
body.ufca-alto-contraste .logo-area a,
body.ufca-alto-contraste .site-title,
body.ufca-alto-contraste .site-title a {
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.ufca-alto-contraste .logo-area a:hover,
body.ufca-alto-contraste .logo-area a:focus,
body.ufca-alto-contraste .site-title a:hover,
body.ufca-alto-contraste .site-title a:focus {
  text-decoration: none !important;
  color: #fff !important;
}

/* ===== Imagens e ícones ===== */
/* Nunca esconder/inverter imagens */
body.ufca-alto-contraste img {
  opacity: 1 !important;
  filter: none !important;
  visibility: visible !important;
  mix-blend-mode: normal !important;
}
body.ufca-alto-contraste .wp-block-image img,
body.ufca-alto-contraste .wp-post-image,
body.ufca-alto-contraste .ui.card .image > img,
body.ufca-alto-contraste .ui.cards .card .image > img,
body.ufca-alto-contraste .slick-slide img,
body.ufca-alto-contraste .swiper-slide img,
body.ufca-alto-contraste .owl-carousel .owl-item img,
body.ufca-alto-contraste .carousel img,
body.ufca-alto-contraste .slider img {
  opacity: 1 !important;
  filter: none !important;
  visibility: visible !important;
  mix-blend-mode: normal !important;
}

/* Ícones (somente ícones, não logos SVG complexos) */
body.ufca-alto-contraste i.icon,
body.ufca-alto-contraste .icon {
  color: #fff !important;
}
body.ufca-alto-contraste i.icon svg,
body.ufca-alto-contraste .icon svg {
  fill: #fff !important;
  stroke: #fff !important;
}

/* ===== Componentes ===== */
body.ufca-alto-contraste .ui.card,
body.ufca-alto-contraste .ui.cards > .card,
body.ufca-alto-contraste .widget,
body.ufca-alto-contraste .panel,
body.ufca-alto-contraste .box,
body.ufca-alto-contraste .ui.attached.segment {
  background: #000 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Botões genéricos */
body.ufca-alto-contraste button,
body.ufca-alto-contraste .btn,
body.ufca-alto-contraste input[type="button"],
body.ufca-alto-contraste input[type="submit"] {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #fff !important;
  text-decoration: none !important;
}
body.ufca-alto-contraste button:hover,
body.ufca-alto-contraste .btn:hover,
body.ufca-alto-contraste button:focus,
body.ufca-alto-contraste .btn:focus {
  background: #111 !important;
}

/* Formulários */
body.ufca-alto-contraste input,
body.ufca-alto-contraste textarea,
body.ufca-alto-contraste select {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}
body.ufca-alto-contraste input:focus,
body.ufca-alto-contraste textarea:focus,
body.ufca-alto-contraste select:focus {
  outline: 2px solid #ff0 !important;
  outline-offset: 2px !important;
  border-color: #ff0 !important;
}

/* Tabelas */
body.ufca-alto-contraste table {
  border: 1px solid #444 !important;
}
body.ufca-alto-contraste th {
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #444 !important;
}
body.ufca-alto-contraste td {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #444 !important;
}

/* Legendas/overlays de slider */
body.ufca-alto-contraste .caption,
body.ufca-alto-contraste .slick-caption,
body.ufca-alto-contraste .carousel-caption {
  background: transparent !important;
  color: #fff !important;
  border: 0 !important;
  text-decoration: none !important;
}

/* ===== Botão do plugin (apenas ícone) ===== */
.ufca-ac-inline {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  line-height: 1 !important;
  cursor: pointer;
}
.ufca-ac-inline .icon { color: #111; }
body.ufca-alto-contraste .ufca-ac-inline .icon { color: #fff !important; }

/* Acessibilidade – foco visível */
body.ufca-alto-contraste :focus {
  outline: 2px solid #ff0 !important;
  outline-offset: 2px;
}

/* Scrollbar (opcional) */
body.ufca-alto-contraste::-webkit-scrollbar { width: 12px; background: #000; }
body.ufca-alto-contraste::-webkit-scrollbar-thumb { background: #fff; border: 1px solid #000; }

/* ===== FIXES ESPECÍFICOS (conforme seus exemplos) ===== */

/* Botões "basic" do Semantic UI – ex.: "Todas as Notícias" / "Todos os Informes" */
body.ufca-alto-contraste .ui.basic.button,
body.ufca-alto-contraste .ui.basic.buttons .button,
body.ufca-alto-contraste a.ui.basic.button {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}

/* Container do botão "mais" */
body.ufca-alto-contraste .ui.container.more { background: #000 !important; }

/* Bloco "Informação para" (barra e menus) */
body.ufca-alto-contraste #conteudo-por-publico,
body.ufca-alto-contraste #conteudo-por-publico span,
body.ufca-alto-contraste #conteudo-por-publico .ui.menu {
  background: #000 !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.ufca-alto-contraste #conteudo-por-publico .ui.menu .item > a { color: #fff !important; }
body.ufca-alto-contraste #conteudo-por-publico .ui.menu .item > a:hover,
body.ufca-alto-contraste #conteudo-por-publico .ui.menu .item > a:focus {
  color: #ff0 !important;
}

/* Popups/menus do Semantic UI (inclui "UFCA Digital") */
body.ufca-alto-contraste .ui.popup {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #fff !important;
  box-shadow: none !important;
}
body.ufca-alto-contraste .ui.popup:before {
  background: #000 !important;
  box-shadow: none !important;
  border-color: #fff !important;
}

/* Grid/grade do UFCA Digital (ícones e textos) */
body.ufca-alto-contraste #container-apps { background: #000 !important; }
body.ufca-alto-contraste #container-apps li a { color: #fff !important; }
body.ufca-alto-contraste #container-apps li a .icon { color: #ff0 !important; }

/* ===== Impressão ===== */
@media print {
  .ufca-alto-contraste * { background-color: #fff !important; color: #000 !important; }
  .ufca-ac-inline { display: none !important; }
}

/* ===== Accordions (Semantic UI + Extrablocks) ===== */
body.ufca-alto-contraste .extrablocks-accordion,
body.ufca-alto-contraste .extrablocks-accordion .exrablocks-accordion-item,
body.ufca-alto-contraste .ui.accordion,
body.ufca-alto-contraste .ui.styled.accordion {
  background:#000 !important;
  border:1px solid #333 !important;
  box-shadow:none !important;
}

body.ufca-alto-contraste .ui.accordion .title,
body.ufca-alto-contraste .ui.styled.accordion .title,
body.ufca-alto-contraste .extrablocks-accordion .title {
  background:#000 !important;
  color:#fff !important;
  border-top:1px solid #333 !important;
  border-bottom:0 !important;
}

body.ufca-alto-contraste .ui.accordion .title:hover,
body.ufca-alto-contraste .ui.styled.accordion .title:hover,
body.ufca-alto-contraste .extrablocks-accordion .title:hover {
  color:#ff0 !important;
  text-decoration:underline !important;
  text-underline-offset:2px;
}

body.ufca-alto-contraste .ui.accordion .content,
body.ufca-alto-contraste .ui.styled.accordion .content,
body.ufca-alto-contraste .extrablocks-accordion .content {
  background:#000 !important;
  color:#fff !important;
  border-top:1px solid #333 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

/* seta/dropdown do título do accordion */
body.ufca-alto-contraste .ui.accordion .title .icon,
body.ufca-alto-contraste .ui.styled.accordion .title .icon,
body.ufca-alto-contraste .extrablocks-accordion .title .icon {
  color:#fff !important;
}

/* ===== UFCA Digital (popup + ícones) ===== */
body.ufca-alto-contraste .ui.popup,
body.ufca-alto-contraste .ui.popup.bottom.right {
  background:#000 !important;
  color:#fff !important;
  border:1px solid #fff !important;
  box-shadow:none !important;
}
body.ufca-alto-contraste .ui.popup:before {
  background:#000 !important;
  border-color:#fff !important;
  box-shadow:none !important;
}

/* garante ícones do Semantic UI visíveis no grid de apps */
body.ufca-alto-contraste #container-apps { background:#000 !important; }
body.ufca-alto-contraste #container-apps li a { color:#fff !important; }
body.ufca-alto-contraste #container-apps li a i.icon {
  color:#ff0 !important;                 /* cor visível no HC */
  font-family:"Icons" !important;         /* reforça webfont do Semantic UI */
  font-style:normal !important;
  font-weight:400 !important;
  text-decoration:none !important;
}
body.ufca-alto-contraste #container-apps li a i.icon:before { opacity:1 !important; }

/* evita qualquer fundo claro que “vaze” em containers adjacentes */
body.ufca-alto-contraste .ui.segment,
body.ufca-alto-contraste .ui.segments > .segment,
body.ufca-alto-contraste .ui.raised.segment {
  background:#000 !important;
  border-color:#333 !important;
}

/* ===== Tabs (Semantic UI + Extrablocks) – HC ===== */
body.ufca-alto-contraste .ui.tabular.menu,
body.ufca-alto-contraste .ui.top.attached.tabular.menu {
  background:#000 !important;
  border-bottom:1px solid #333 !important;
  box-shadow:none !important;
}

body.ufca-alto-contraste .ui.tabular.menu .item,
body.ufca-alto-contraste .extrablocks-tabs-buttons .item {
  background:#000 !important;
  color:#fff !important;
  border:1px solid #333 !important;
  border-bottom:none !important;        /* evita “placa” branca sob a aba */
  box-shadow:none !important;
}

body.ufca-alto-contraste .ui.tabular.menu .item:hover,
body.ufca-alto-contraste .extrablocks-tabs-buttons .item:hover {
  color:#ff0 !important;
}

body.ufca-alto-contraste .ui.tabular.menu .active.item,
body.ufca-alto-contraste .extrablocks-tabs-buttons .item.active {
  background:#000 !important;           /* não usa fundo branco da UI padrão */
  color:#ff0 !important;
  border-color:#ff0 #333 #000 #333 !important; /* destaca a aba ativa */
}

/* Conteúdo das tabs (segmento “grudado” embaixo) */
body.ufca-alto-contraste .ui.bottom.attached.tab.segment,
body.ufca-alto-contraste .ui.attached.segment {
  background:#000 !important;
  color:#fff !important;
  border:1px solid #333 !important;
  box-shadow:none !important;
}

/* Corrige qualquer pseudo/efeito que injete fundo claro nas tabs */
body.ufca-alto-contraste .ui.tabular.menu .item:before,
body.ufca-alto-contraste .ui.tabular.menu .item:after {
  background:transparent !important;
  box-shadow:none !important;
}

/* ===== Contatos – cards do Semantic UI (grid de 3 colunas) ===== */
body.ufca-alto-contraste .ui.cards > .card,
body.ufca-alto-contraste .ui.fluid.card,
body.ufca-alto-contraste .ui.card {
  background:#000 !important;
  border:1px solid #333 !important;      /* mostra o contorno no HC */
  box-shadow:none !important;
}

/* Todo o conteúdo do card visível em branco */
body.ufca-alto-contraste .ui.card .content,
body.ufca-alto-contraste .ui.card .content * {
  color:#fff !important;
  text-shadow:none !important;
}

/* Título, meta e descrição com override explícito (Semantic UI usa rgba pretos) */
body.ufca-alto-contraste .ui.card .header { color:#fff !important; }
body.ufca-alto-contraste .ui.card .meta { color:#fff !important; opacity:1 !important; }
body.ufca-alto-contraste .ui.card .description { color:#fff !important; }

/* Links (se houver) dentro do card */
body.ufca-alto-contraste .ui.card a { color:#fff !important; }
body.ufca-alto-contraste .ui.card a:hover,
body.ufca-alto-contraste .ui.card a:focus { color:#ff0 !important; text-decoration:underline !important; }

/* Ícones já ficam brancos, mas reforçamos aqui */
body.ufca-alto-contraste .ui.card i.icon { color:#fff !important; }

/* Divider acima da grade/entre blocos */
body.ufca-alto-contraste .ui.divider,
body.ufca-alto-contraste .ui.inverted.divider {
  background:transparent !important;
  border-top:1px solid #333 !important;
  height:0 !important;
  margin:1rem 0 !important;
}

/* ===== Menu lateral (Semantic UI – ui fluid vertical menu) ===== */
body.ufca-alto-contraste .ui.fluid.vertical.menu {
  background:#000 !important;
  border:1px solid #333 !important;     /* caixa do bloco visível no HC   */
  box-shadow:none !important;
  border-radius:6px;
}

body.ufca-alto-contraste .ui.vertical.menu .item {
  background:#000 !important;
  color:#fff !important;
  box-shadow:none !important;           /* Semantic usa box-shadow como divisor;
                                           no HC ele some — substituímos por borda */
}

/* linhas divisórias entre os itens */
body.ufca-alto-contraste .ui.vertical.menu .item:not(:last-child) {
  border-bottom:1px solid #333 !important;
}

/* feedback de interação (como no gov.br/mec) */
body.ufca-alto-contraste .ui.vertical.menu .item:hover {
  color:#ff0 !important;
  text-decoration:underline !important;
  text-underline-offset:2px;
}

/* item ativo/focado bem destacado */
body.ufca-alto-contraste .ui.vertical.menu .active.item,
body.ufca-alto-contraste .ui.vertical.menu .item:focus {
  color:#ff0 !important;
  outline:2px solid #ff0 !important;
  outline-offset:2px;
}

/* --- Alto contraste: mostrar só o ícone no mobile --- */
.ufca-ac-inline .hc-label { display:inline; }               /* desktop */
@media (max-width: 768px){
  .ufca-ac-inline .hc-label { 
    display:none !important;                                /* esconde o texto */
  }
}

/* === Informação para — bordas visíveis no Alto Contraste === */
body.ufca-alto-contraste #conteudo-por-publico{
  background:#000 !important;
  color:#fff !important;
  border:1px solid #fff !important;      /* borda do “card” */
  box-shadow:none !important;
}

/* barra interna (menus) */
body.ufca-alto-contraste #conteudo-por-publico .ui.menu{
  background:#000 !important;
  border-top:1px solid #fff !important;  /* separador visível */
  border-left:0 !important;
  border-right:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}
body.ufca-alto-contraste #conteudo-por-publico .ui.menu .item > a{
  color:#fff !important;
}
body.ufca-alto-contraste #conteudo-por-publico .ui.menu .item > a:hover,
body.ufca-alto-contraste #conteudo-por-publico .ui.menu .item > a:focus{
  color:#ff0 !important;
  text-decoration:underline !important;
  text-underline-offset:2px;
}

/* popups (Estudantes/Servidores/Imprensa) */
body.ufca-alto-contraste #conteudo-por-publico .ui.popup{
  background:#000 !important;
  color:#fff !important;
  border:1px solid #fff !important;      /* borda do popup */
  box-shadow:none !important;
}

/* “triângulo” do popup (todas as direções) */
body.ufca-alto-contraste #conteudo-por-publico .ui.popup:before{
  background:#000 !important;
  border:1px solid #fff !important;      /* borda do triângulo */
  box-shadow:none !important;
}

/* reforços para posições específicas usadas no site */
body.ufca-alto-contraste #conteudo-por-publico .ui.popup.bottom.center:before{
  border-top-color:#fff !important;      /* seta para baixo */
}
body.ufca-alto-contraste #conteudo-por-publico .ui.popup.top.right:before{
  border-bottom-color:#fff !important;   /* seta para cima */
}

/* ===== Dropdown do menu (WP pages) – <ul class="children"> ===== */
/* Container do dropdown */
body.ufca-alto-contraste .main-navigation ul.children,
body.ufca-alto-contraste .menu-item-has-children > .children,
body.ufca-alto-contraste .page_item_has_children > .children,
body.ufca-alto-contraste ul.children {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #fff !important;   /* borda visível no HC */
  box-shadow: none !important;
  z-index: 1000;                       /* garante sobreposição ao conteúdo */
}

/* Itens e divisórias */
body.ufca-alto-contraste ul.children > li {
  background: #000 !important;
  border-bottom: 1px solid #333 !important;
}
body.ufca-alto-contraste ul.children > li:last-child {
  border-bottom: 0 !important;
}

/* Links dos itens */
body.ufca-alto-contraste ul.children a {
  background: #000 !important;         /* neutraliza qualquer fundo claro do tema */
  color: #fff !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
body.ufca-alto-contraste ul.children a:hover,
body.ufca-alto-contraste ul.children a:focus {
  color: #ff0 !important;              /* padrão MEC */
  background: #000 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
  outline: 0 !important;               /* usamos o sublinhado como feedback aqui */
}

/* === Mensagens (Semantic UI) — "Unidade responsável por esta página" === */
body.ufca-alto-contraste .ui.message,
body.ufca-alto-contraste .ui.bottom.attached.message,
body.ufca-alto-contraste .ui.attached.message {
  background: #000 !important;     /* fundo preto no HC */
  color: #fff !important;           /* texto branco */
  border: 1px solid #fff !important;/* borda visível */
  box-shadow: none !important;
}

/* Links dentro da mensagem */
body.ufca-alto-contraste .ui.message a {
  color: #fff !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}
body.ufca-alto-contraste .ui.message a:hover,
body.ufca-alto-contraste .ui.message a:focus {
  color: #ff0 !important;           /* padrão gov.br */
}

/* Campo de texto dessa caixa (mantém contraste e borda) */
body.ufca-alto-contraste .ui.message input,
body.ufca-alto-contraste .ui.message textarea,
body.ufca-alto-contraste .ui.message select {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}