/* =====================================================
   BOOMER – Calendário de Eventos (FullCalendar v6)
   CORREÇÃO: .boomer-calendario-eventos E .fc estão no MESMO elemento
   ===================================================== */

/* =========================
   TOOLBAR (mês + setas + vistas)
   ========================= */

/* Título do mês */
.boomer-calendario-eventos.fc .fc-toolbar-title{
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  color: #000000 !important;
}

/* Botões: setas + Mensal/Semanal/Lista */
.boomer-calendario-eventos.fc .fc-button{
  background: transparent !important;
  background-image: none !important;

  border: 1px solid #000000 !important;
  border-radius: 15px !important;
  box-shadow: none !important;

  font-family: "Oxygen Mono", monospace !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #000000 !important;

  padding: 8px 14px !important;
  text-transform: none !important;
}

/* FullCalendar mete estilos específicos em .fc-button-primary */
.boomer-calendario-eventos.fc .fc-button-primary,
.boomer-calendario-eventos.fc .fc-button-primary:not(:disabled),
.boomer-calendario-eventos.fc .fc-button-primary:not(:disabled):active,
.boomer-calendario-eventos.fc .fc-button-primary:not(:disabled).fc-button-active{
  background: transparent !important;
  background-image: none !important;
  color: #000000 !important;
  border-color: #000000 !important;
}

/* Hover/focus (mantém sem fundo) */
.boomer-calendario-eventos.fc .fc-button:hover,
.boomer-calendario-eventos.fc .fc-button:focus{
  background: transparent !important;
  background-image: none !important;
  color: #000000 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Ícones das setas */
.boomer-calendario-eventos.fc .fc-button .fc-icon{
  color: #000000 !important;
  font-size: 1.1em !important;
}

/* =========================
   CABEÇALHO DOS DIAS DA SEMANA (dentro do calendário)
   fundo #000 + border 1px #FFF4E5 + Oxygen Mono Bold 14px + #FFF4E5
   ========================= */

.boomer-calendario-eventos.fc th.fc-col-header-cell{
  background: #000000 !important;
  border: 1px solid #FFF4E5 !important;
}

/* Fundo no wrapper interno (muitas vezes é aqui que o FC pinta) */
.boomer-calendario-eventos.fc th.fc-col-header-cell .fc-scrollgrid-sync-inner{
  background: #000000 !important;
}

/* Texto/link do dia da semana */
.boomer-calendario-eventos.fc .fc-col-header-cell-cushion{
  font-family: "Oxygen Mono", monospace !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #FFF4E5 !important;

  padding: 12px 0 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* =========================
   GRID / DIAS
   ========================= */

/* Número do dia do mês */
.boomer-calendario-eventos.fc .fc-daygrid-day-number{
  font-family: "Oxygen Mono", monospace !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  color: #000000 !important;
}

/* (Opcional) bordas gerais da grelha */
.boomer-calendario-eventos.fc.fc-theme-standard td,
.boomer-calendario-eventos.fc.fc-theme-standard th{
  border-color: #FFF4E5 !important;
}

/* Dia atual sem fundo */
.boomer-calendario-eventos.fc .fc-day-today{
  background: transparent !important;
}

/* =========================
   EVENTOS (2 linhas)
   ========================= */

.boomer-calendario-eventos.fc .fc-daygrid-event{
  border-radius: 8px !important;
  padding: 6px 8px !important;
  margin-top: 6px !important;
  white-space: normal !important;
}

.boomer-calendario-eventos .boomer-ev-title{
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

.boomer-calendario-eventos .boomer-ev-meta{
    font-family: "Montserrat", sans-serif !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  margin-top: 2px !important;
  opacity: .9 !important;
}

/* Espaço entre botões de vista (Mensal/Semanal/Lista) */
.boomer-calendario-eventos.fc .fc-button-group{
  gap: 5px !important;
}

/* Como há temas que ignoram gap em alguns layouts, reforça também via margin */
.boomer-calendario-eventos.fc .fc-button-group .fc-button{
  margin-right: 5px !important;
}
.boomer-calendario-eventos.fc .fc-button-group .fc-button:last-child{
  margin-right: 0 !important;
}

/* Anula “cortes” de radius que o FullCalendar aplica quando pensa que é grupo colado */
.boomer-calendario-eventos.fc .fc-button-group > .fc-button:not(:first-child),
.boomer-calendario-eventos.fc .fc-button-group > .fc-button:not(:last-child){
  border-radius: 15px !important;
}



/* Como há temas que ignoram gap em alguns layouts, reforça também via margin */
.boomer-calendario-eventos.fc .fc-button-group .fc-button{
  margin-right: 15px !important;
}
.boomer-calendario-eventos.fc .fc-button-group .fc-button:last-child{
  margin-right: 0 !important;
}

/* Anula “cortes” de radius que o FullCalendar aplica quando pensa que é grupo colado */
.boomer-calendario-eventos.fc .fc-button-group > .fc-button:not(:first-child),
.boomer-calendario-eventos.fc .fc-button-group > .fc-button:not(:last-child){
  border-radius: 15px !important;
}

/* Vista Lista: cabeçalho do dia (weekday + data) */
.boomer-calendario-eventos.fc .fc-list-day-cushion{
  background: #000000 !important;
  border: 1px solid #FFF4E5 !important;
}

/* Weekday (segunda, terça, ...) */
.boomer-calendario-eventos.fc .fc-list-day-cushion .fc-list-day-text{
  font-family: "Oxygen Mono", monospace !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #FFF4E5 !important;
  text-transform: none !important;
}

/* Data (1 de fevereiro de 2026) */
.boomer-calendario-eventos.fc .fc-list-day-cushion .fc-list-day-side-text{
  font-family: "Oxygen Mono", monospace !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #FFF4E5 !important;
  text-transform: none !important;
}

/* Vista Lista: ocultar "Dia inteiro" (all-day) */
.boomer-calendario-eventos.fc .fc-list-event-time{
  display: none !important;
}

@media (max-width: 768px){

  /* Toolbar em duas linhas */
  .boomer-calendario-eventos.fc .fc-header-toolbar{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  /* Cada chunk ocupa linha inteira por defeito */
  .boomer-calendario-eventos.fc .fc-header-toolbar .fc-toolbar-chunk{
    flex: 1 1 100% !important;
    display: flex !important;
  }

  /* Linha 1: prev + title + next */
  .boomer-calendario-eventos.fc .fc-header-toolbar .fc-toolbar-chunk:nth-child(1),
  .boomer-calendario-eventos.fc .fc-header-toolbar .fc-toolbar-chunk:nth-child(2),
  .boomer-calendario-eventos.fc .fc-header-toolbar .fc-toolbar-chunk:nth-child(3){
    justify-content: center !important;
  }

  /* Junta os 3 chunks (prev / title / next) na MESMA linha */
  .boomer-calendario-eventos.fc .fc-header-toolbar{
    row-gap: 12px !important;
  }

  .boomer-calendario-eventos.fc .fc-header-toolbar .fc-toolbar-chunk:nth-child(1),
  .boomer-calendario-eventos.fc .fc-header-toolbar .fc-toolbar-chunk:nth-child(2),
  .boomer-calendario-eventos.fc .fc-header-toolbar .fc-toolbar-chunk:nth-child(3){
    flex: 0 0 auto !important;
  }

  /* Mantém tudo centrado e numa linha */
  .boomer-calendario-eventos.fc .fc-header-toolbar{
    justify-content: center !important;
  }

  /* Botões de vista na LINHA 2 */
  .boomer-calendario-eventos.fc .fc-header-toolbar .fc-toolbar-chunk:last-child{
    flex: 1 1 100% !important;
    justify-content: center !important;
    margin-top: 6px !important;
  }

  /* Um pouco mais compacto */
  .boomer-calendario-eventos.fc .fc-toolbar-title{
    font-size: 16px !important;
    margin: 0 8px !important;
    white-space: nowrap !important;
  }

  .boomer-calendario-eventos.fc .fc-button{
    padding: 7px 10px !important;
    font-size: 12px !important;
  }
}