/* =======================================================
   Concursos & Bizurais — identidade visual (tema do logotipo)
   Azul-marinho escuro (#111a24), anel azul vivo (#2e8fe0)
   e branco, seguindo o logotipo oficial.
   Este arquivo (user.css) é carregado automaticamente pelo
   template Cassiopeia e sobrevive a atualizações do Joomla.
   ======================================================= */

:root {
  --cb-navy: #111a24;        /* fundo do logotipo */
  --cb-navy-escuro: #0b1119; /* variação mais escura */
  --cb-azul: #2e8fe0;        /* anel azul do logotipo */
  --cb-azul-escuro: #1c6fbd;
  --cb-branco: #ffffff;

  --cassiopeia-color-primary: #111a24;
  --cassiopeia-color-brand: #2e8fe0;
  --cassiopeia-color-hover: #1c6fbd;
  --cassiopeia-color-link: #1c6fbd;
}

/* ---------- Cabeçalho e navegação ---------- */
.container-header {
  background: linear-gradient(160deg, var(--cb-navy) 0%, var(--cb-navy-escuro) 100%);
  border-bottom: 4px solid var(--cb-azul);
}

.container-header .navbar-brand,
.container-header .navbar-brand:hover {
  color: var(--cb-branco);
}

.container-header .navbar-brand img {
  max-height: 72px;
  width: auto;
}

.container-header .navbar-brand .site-description {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.9rem;
  letter-spacing: 0.06em;
}

/* Itens do menu */
.container-header .mod-menu a {
  color: rgba(255, 255, 255, 0.92);
}

.container-header .mod-menu a:hover,
.container-header .mod-menu a:focus {
  color: var(--cb-branco);
  background-color: rgba(46, 143, 224, 0.18);
}

.container-header .mod-menu li.active > a,
.container-header .mod-menu li.current > a {
  color: var(--cb-branco);
  box-shadow: inset 0 -3px 0 var(--cb-azul);
}

/* Busca no cabeçalho */
.container-header .finder input {
  border: 1px solid rgba(46, 143, 224, 0.55);
}

/* ---------- Links e títulos ---------- */
a {
  color: var(--cb-azul-escuro);
}

a:hover,
a:focus {
  color: var(--cb-azul);
}

.page-header h1,
.page-header h2,
.item-page h1,
h2.item-title a {
  color: var(--cb-navy);
}

h2.item-title a:hover {
  color: var(--cb-azul-escuro);
}

/* ---------- Botões ---------- */
.btn-primary,
.readmore .btn,
.com-content-category-blog .readmore a {
  background-color: var(--cb-azul);
  border-color: var(--cb-azul);
  color: var(--cb-branco);
}

.btn-primary:hover,
.btn-primary:focus,
.readmore .btn:hover,
.com-content-category-blog .readmore a:hover {
  background-color: var(--cb-azul-escuro);
  border-color: var(--cb-azul-escuro);
}

/* ---------- Cartões da lateral ---------- */
.container-sidebar-right .card {
  border-top: 3px solid var(--cb-azul);
}

.container-sidebar-right .card-header {
  background-color: var(--cb-navy);
  color: var(--cb-branco);
  font-weight: 600;
  letter-spacing: 0.03em;
}

.container-sidebar-right .mod-articleslatest a {
  color: var(--cb-navy);
}

.container-sidebar-right .mod-articleslatest a:hover {
  color: var(--cb-azul-escuro);
}

/* ---------- Selo de destaque / paginação ---------- */
.badge.bg-primary,
.page-link {
  background-color: var(--cb-azul);
  border-color: var(--cb-azul);
}

.page-link {
  color: var(--cb-branco);
}

.page-item:not(.active) .page-link {
  background-color: transparent;
  color: var(--cb-azul-escuro);
}

/* ---------- Rodapé ---------- */
.container-footer > .footer {
  background: linear-gradient(160deg, var(--cb-navy) 0%, var(--cb-navy-escuro) 100%);
  border-top: 4px solid var(--cb-azul);
  color: rgba(255, 255, 255, 0.9);
}

.container-footer > .footer a {
  color: var(--cb-azul);
}

.container-footer > .footer a:hover {
  color: var(--cb-branco);
}

/* Botão "voltar ao topo" */
.back-to-top-link {
  background-color: var(--cb-azul);
  border-color: var(--cb-azul);
}

.back-to-top-link:hover {
  background-color: var(--cb-azul-escuro);
}