/* Wild Outlook Calendar, FullCalendar UI alinhada com as variáveis do plugin.
 * Objetivo: cores e tipografia sincronizadas entre BackOffice e Frontend.
 */

/* Eventos */
.woc-ui .fc-event,
.woc-ui .fc-event-dot{
  background-color: var(--woc-acento) !important;
  border: 1px solid var(--woc-borda) !important;
  color: #fff !important;
  font-weight: 700;
  border-radius: 10px;
  padding: 4px 8px;
  font-size: 13px;
}

.woc-ui .fc-event:hover,
.woc-ui .fc-event-dot:hover{
  background-color: var(--woc-acento-hover) !important;
  border-color: var(--woc-borda) !important;
}

/* Título */
.woc-ui .fc-toolbar-title{
  color: var(--woc-grafite) !important;
  font-size: 18px !important;
  font-weight: 800;
}

/* Botões */
.woc-ui .fc-button{
  background: var(--woc-btn-bg) !important;
  border: 1px solid var(--woc-borda) !important;
  color: var(--woc-btn-text) !important;
  padding: 6px 12px !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
  font-size: 14px !important;
}

.woc-ui .fc-button:hover,
.woc-ui .fc-button:focus{
  background: var(--woc-btn-bg-hover) !important;
  color: var(--woc-btn-text) !important;
}

/* Cabeçalho e grelha */
.woc-ui .fc-col-header-cell-cushion{
  color: var(--woc-grafite) !important;
  font-weight: 700;
}

.woc-ui .fc .fc-scrollgrid{
  border-color: var(--woc-borda) !important;
}

.woc-ui .fc-col-header,
.woc-ui .fc-daygrid-day,
.woc-ui .fc-timegrid-slot{
  background-color: var(--woc-offwhite) !important;
}

.woc-ui .fc-daygrid-day-number,
.woc-ui .fc-timegrid-axis-cushion,
.woc-ui .fc-timegrid-slot-label{
  color: var(--woc-grafite) !important;
  font-weight: 700;
}

.woc-ui .fc-day-today{
  background-color: rgba(177,30,83,.08) !important;
}

/* Responsividade */
@media (max-width: 900px){
  .woc-ui .fc{font-size:13px !important;}
  .woc-ui .fc-toolbar-title{font-size:16px !important;}
  .woc-ui .fc-event{font-size:12px !important;padding:3px 6px;}
}

@media (max-width: 600px){
  .woc-ui #wild-calendar,
  .woc-ui .fc{min-height:350px !important;font-size:12px !important;}
  .woc-ui .fc-toolbar-title{font-size:15px !important;}
  .woc-ui .fc-button{padding:6px 9px !important;font-size:13px !important;}
  .woc-ui .fc-event{font-size:11px !important;padding:2px 4px;}
  .woc-ui .fc-header-toolbar{flex-direction:column !important;gap:6px !important;}
  .woc-ui .fc .fc-toolbar{flex-wrap:wrap;}
}

/* Garante boa altura e largura */
.woc-ui #wild-calendar,
.woc-ui .fc{
  min-height:420px !important;
  width:100% !important;
  box-sizing:border-box;
}