/* ══════════════════════════════════════════════════════════════════
   CSS PERSONALIZADO — Gancio × Identidade Visual JFC Carnide
   ──────────────────────────────────────────────────────────────────
   Colar em: Painel Admin Gancio → Definições → Aparência → CSS
   (ou em: Admin → Settings → Style → Custom CSS)

   Paleta JFC:
     Verde principal  #93b800   ← substitui o laranja Gancio (#ff6e40)
     Verde escuro     #5f7f00   ← hover, topbar, links
     Verde claro      #eef5d6   ← fundo chips/tags
     Fundo página     #f2f6e8   ← fundo suave verde-acinzentado
     Borda cards      #bdd18c   ← bordas e separadores
     Texto principal  #3f3f3f
     Texto secundário #6b7280

   Fontes: Montserrat (títulos) + Open Sans (corpo) — idênticas ao site
   ══════════════════════════════════════════════════════════════════ */


/* ── 0. Ocultar barra de topo do Gancio ────────────────────────────
   Este Gancio (v1.28.x) usa um <nav> customizado — não o v-app-bar
   do Vuetify. O primeiro div (d-flex pa-4) dentro do <nav> contém:
     · Logotipo (link para /)
     · Botão "Sobre" (About)
     · Toggle tema claro/escuro
     · Selector de língua
     · Botão de Login
   O h1 "Agenda", a barra de pesquisa e os tabs ficam visíveis.
   ──────────────────────────────────────────────────────────────── */
nav > div.d-flex.pa-4 {
  display: none !important;
}

/* Título "Agenda" dentro do <nav> — redundante quando embed está no site JFC */
nav > h1,
nav > h1.text-center,
#title {
  display: none !important;
}

/* Compensar padding-top residual no wrapper Vuetify */
.v-application .v-application--wrap {
  padding-top: 0 !important;
  min-height: 100vh;
}
.v-main,
main.v-main {
  padding-top: 0 !important;
}


/* ── 1. Importar fontes Google (idênticas ao site JFC) ─────────── */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Open+Sans:wght@400;600&display=swap');


/* ── 2. Variáveis locais ────────────────────────────────────────── */
:root {
  --jfc-green:       #93b800;
  --jfc-green-dark:  #5f7f00;
  --jfc-green-light: #eef5d6;
  --jfc-bg:          #f2f6e8;
  --jfc-border:      #bdd18c;
  --jfc-text:        #3f3f3f;
  --jfc-text-soft:   #6b7280;
  --jfc-shadow:      0 2px 8px rgba(0,0,0,0.09), 0 1px 3px rgba(0,0,0,0.06);
  --jfc-shadow-hover:0 0 0 2px var(--jfc-green), 0 10px 28px rgba(0,0,0,0.14);
  --jfc-radius:      12px;
}


/* ── 3. Fundo geral e tipografia base ───────────────────────────── */
body,
.v-application,
.v-application .v-application--wrap {
  background-color: var(--jfc-bg) !important;
  font-family: 'Open Sans', sans-serif !important;
  color: var(--jfc-text) !important;
}


/* ── 4. Títulos — Montserrat ────────────────────────────────────── */
.v-application h1,
.v-application h2,
.v-application h3,
.v-application h4,
.v-application h5,
.v-application h6,
.v-application .headline,
.v-application .title,
.v-application .text-h4,
.v-application .text-h5,
.v-application .text-h6,
.v-card__title {
  font-family: 'Montserrat', sans-serif !important;
  color: var(--jfc-text) !important;
}


/* ── 5. Cor primária Vuetify (substituir laranja pelo verde JFC) ── */
.primary {
  background-color: var(--jfc-green) !important;
  border-color: var(--jfc-green) !important;
}
.primary--text {
  color: var(--jfc-green) !important;
  caret-color: var(--jfc-green) !important;
}


/* ── 6. Botões ──────────────────────────────────────────────────── */
/* Botão preenchido primário */
.v-btn.primary,
.v-btn--is-elevated.primary {
  background-color: var(--jfc-green) !important;
  border-color: var(--jfc-green) !important;
  color: #fff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  box-shadow: var(--jfc-shadow) !important;
}
.v-btn.primary:hover,
.v-btn--is-elevated.primary:hover {
  background-color: var(--jfc-green-dark) !important;
  box-shadow: var(--jfc-shadow-hover) !important;
}
/* Botão outlined */
.v-btn--outlined.primary--text {
  border-color: var(--jfc-green) !important;
  color: var(--jfc-green) !important;
}
.v-btn--outlined.primary--text:hover {
  background-color: var(--jfc-green-light) !important;
}
/* Botão texto simples */
.v-btn--text.primary--text {
  color: var(--jfc-green) !important;
}
.v-btn--text.primary--text:hover {
  background-color: var(--jfc-green-light) !important;
}


/* ── 7. Links ───────────────────────────────────────────────────── */
a,
.v-application a {
  color: var(--jfc-green-dark) !important;
  text-decoration: none !important;
}
a:hover,
.v-application a:hover {
  color: var(--jfc-green) !important;
  text-decoration: underline !important;
}


/* ── 8. Cards de evento ─────────────────────────────────────────── */
.v-card {
  background-color: #ffffff !important;
  border: 1px solid var(--jfc-border) !important;
  border-radius: var(--jfc-radius) !important;
  box-shadow: var(--jfc-shadow) !important;
  transition: box-shadow 0.18s ease, transform 0.18s ease !important;
}
.v-card:hover {
  box-shadow: var(--jfc-shadow-hover) !important;
  transform: translateY(-2px) !important;
}
.v-card__title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  color: var(--jfc-text) !important;
  line-height: 1.3 !important;
}
.v-card__subtitle {
  color: var(--jfc-text-soft) !important;
}
.v-card__text {
  color: var(--jfc-text) !important;
}
/* Acções no fundo do card */
.v-card__actions .v-btn {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
}


/* ── 9. Chips / Tags de categoria ───────────────────────────────── */
/* Chip activo / primário */
.v-chip.primary,
.v-chip--active.primary {
  background-color: var(--jfc-green) !important;
  color: #fff !important;
  border-color: var(--jfc-green) !important;
}
/* Chips normais (tema claro) */
.theme--light.v-chip:not(.primary):not(.v-chip--active):not(.accent) {
  background-color: var(--jfc-green-light) !important;
  color: var(--jfc-green-dark) !important;
  border: 1px solid var(--jfc-border) !important;
  border-radius: 999px !important;
}
.theme--light.v-chip:not(.primary):not(.v-chip--active):not(.accent):hover {
  background-color: var(--jfc-border) !important;
  color: var(--jfc-text) !important;
}


/* ── 10. Lista de eventos ───────────────────────────────────────── */
.events,
.event-list,
.v-list {
  background-color: transparent !important;
}
.v-list-item {
  border-bottom: 1px solid var(--jfc-border) !important;
}
.v-list-item:last-child {
  border-bottom: none !important;
}
.v-list-item:hover {
  background-color: var(--jfc-green-light) !important;
}
.v-list-item__title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  color: var(--jfc-text) !important;
}
.v-list-item__subtitle {
  color: var(--jfc-text-soft) !important;
}


/* ── 11. Divisores e separadores ────────────────────────────────── */
.v-divider,
hr {
  border-color: var(--jfc-border) !important;
}


/* ── 12. Ícones na cor primária ─────────────────────────────────── */
.v-icon.primary--text,
.primary--text .v-icon {
  color: var(--jfc-green) !important;
}


/* ── 13. Campos de formulário (filtros, pesquisa) ───────────────── */
.v-text-field--outlined fieldset {
  border-color: var(--jfc-border) !important;
}
.v-text-field--outlined:hover fieldset {
  border-color: var(--jfc-green) !important;
}
.v-text-field--outlined.v-input--is-focused fieldset {
  border-color: var(--jfc-green) !important;
  border-width: 2px !important;
}
.v-label.primary--text,
.v-input--is-focused .v-label {
  color: var(--jfc-green) !important;
}


/* ── 14. Selects e menus dropdown ───────────────────────────────── */
.v-menu__content {
  border: 1px solid var(--jfc-border) !important;
  border-radius: var(--jfc-radius) !important;
  box-shadow: var(--jfc-shadow) !important;
}
.v-list-item--active {
  color: var(--jfc-green) !important;
  background-color: var(--jfc-green-light) !important;
}


/* ── 15. Paginação ──────────────────────────────────────────────── */
.v-pagination__item--active {
  background-color: var(--jfc-green) !important;
  color: #fff !important;
}
.v-pagination__item:hover {
  background-color: var(--jfc-green-light) !important;
}
.v-pagination__navigation:hover {
  background-color: var(--jfc-green-light) !important;
}


/* ── 16. Scrollbar (navegadores WebKit) ─────────────────────────── */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: var(--jfc-bg);
}
::-webkit-scrollbar-thumb {
  background: var(--jfc-border);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--jfc-green);
}


/* ── 17. Ocultar rodapé do Gancio ───────────────────────────────── */
/* Contém: Home, About, link "Gancio 1.28.x" — dispensáveis no embed */
.v-footer,
footer {
  display: none !important;
}