/* =========================================================
   Cassiopeia • Tema Verde Bandeira (user.css)
   Caminho: media/templates/site/cassiopeia/css/user.css
   ========================================================= */

/* 1) Paleta base (WCAG-friendly) */
:root{
  /* tons principais */
  --cassiopeia-color-primary: #006400; /* darkgreen (verde bandeira escuro) */
  --cassiopeia-color-link:    #008000; /* green (links) */
  --cassiopeia-color-hover:   #00a000; /* verde ligeiramente mais claro */

  /* complementares */
  --brand-bg:   var(--cassiopeia-color-primary);
  --brand-fg:   #ffffff;      /* texto sobre header/btn */
  /*--body-bg:    #f7fff7; */     /* fundo muito claro com leve tom de verde */
  --body-fg:    #1a1a1a;      /* texto principal */
  --muted:      #2e7d32;      /* badges/labels, focos secundários */
  --border:     #cfe8cf;      /* linhas e divisórias suaves */
}

/* 2) Plano de fundo e tipografia geral */
html, body{
  background-color: var(--body-bg);
  color: var(--body-fg);
}

/* 3) Header / Brand bar (barra superior) */
.container-header{
  background-color: var(--brand-bg);
  background-image: none;         /* remove gradiente padrão */
  color: var(--brand-fg);
}
.container-header a,
.container-header .mod-menu a{
  color: var(--brand-fg);
}
.container-header .mod-menu a:hover,
.container-header a:hover{
  opacity: .85;
}

/* 4) Links */
a{ color: var(--cassiopeia-color-link); }
a:hover, a:focus{ color: var(--cassiopeia-color-hover); text-decoration: underline; }

/* 5) Botões (btn, submit, etc.) */
.btn, button,
input[type="submit"], input[type="button"], input[type="reset"]{
  background-color: var(--cassiopeia-color-primary);
  border-color: var(--cassiopeia-color-primary);
  color: var(--brand-fg);
}
.btn:hover, button:hover,
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover{
  background-color: var(--cassiopeia-color-hover);
  border-color: var(--cassiopeia-color-hover);
  color: #fff;
}
/* Botão “Login/Logout” do Cassiopeia */
.com-users-login .btn,
.com-users-logout .btn{ background-color: var(--cassiopeia-color-primary); }

/* 6) Navegação (menus principal/topbar) */
.mod-menu a.nav-link,
.navbar .nav-link{
  color: var(--brand-fg);
}
.mod-menu a.nav-link:hover,
.navbar .nav-link:hover{ color: #e6ffe6; }

/* 7) Breadcrumbs e paginação */
.breadcrumb .breadcrumb-item a{ color: var(--cassiopeia-color-link); }
.breadcrumb .breadcrumb-item a:hover{ color: var(--cassiopeia-color-hover); }
.pagination .page-link{
  color: var(--cassiopeia-color-link);
  border-color: var(--border);
}
.pagination .page-item.active .page-link{
  background-color: var(--cassiopeia-color-primary);
  border-color: var(--cassiopeia-color-primary);
  color:#fff;
}

/* 8) Módulos comuns */
.card, .moduletable, .alert{
  border-color: var(--border);
}
.badge, .label{
  background-color: var(--muted);
  color: #fff;
}

/* 9) Títulos (um toque de verde discreto) */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
  color: #0a4f0a;
}

/* 10) Footer */
footer, .footer, .container-footer{
  background-color: #0b3d0b;
  color: #e9ffe9;
}
footer a{ color:#b9ffb9; }
footer a:hover{ color:#ddffdd; }

/* 11) Botão “voltar ao topo” */
.back-to-top, .back-top{
  background-color: var(--cassiopeia-color-primary);
  color:#fff;
}
.back-to-top:hover, .back-top:hover{
  background-color: var(--cassiopeia-color-hover);
}

/* 12) Foco/Acessibilidade */
*:focus{
  outline: 2px solid #00c853;   /* foco visível em verde-lima */
  outline-offset: 2px;
}

/* 13) Bordas e detalhes */
hr{ border-top: 1px solid var(--border); }