/* ===========================================
   CALENDARIO
   File: calendar.css
   =========================================== */

/* ===========================================
   DATEPICKER (mini calendario)
   =========================================== */
#datepicker .ui-datepicker-activerange a.ui-state-active,
#datepicker .ui-state-active,
#datepicker a.ui-state-active,
.ui-datepicker a.ui-state-active,
.ui-datepicker .ui-state-active,
.ui-datepicker td a.ui-state-active,
.calendarmain .ui-datepicker .ui-state-active {
    background: var(--primary-color, #000000) !important;
    color: #fff !important;
    font-weight: bold !important;
    border-radius: 4px;
}

/* Giorno di oggi evidenziato */
#datepicker .ui-state-highlight,
.ui-datepicker .ui-state-highlight,
.ui-datepicker td a.ui-state-highlight {
    background: rgba(0, 0, 0, 0.1) !important;
    color: var(--primary-color, #000000) !important;
    border-radius: 4px;
}

.ui-datepicker .ui-state-highlight {
    background: rgba(0, 0, 0, 0.08) !important;
}

/* ===========================================
   FULLCALENDAR - Vista principale
   =========================================== */

/* Numero del giorno nella griglia mensile */
.fc-day-number,
.fc .fc-daygrid-day-number,
.fc-daygrid-day-number {
    color: #333 !important;
    font-weight: 500;
}

/* Giorno di oggi */
.fc-day.fc-today,
.fc .fc-day-today,
.fc-daygrid-day.fc-day-today,
td.fc-today,
.calendarmain .fc-unthemed td.fc-day.fc-today {
    background: rgba(0, 0, 0, 0.05) !important;
}

.fc-day-today .fc-daygrid-day-number,
.fc-day.fc-today .fc-day-number,
.calendarmain .fc-day.fc-today .fc-day-number {
    color: var(--primary-color, #000000) !important;
    font-weight: bold !important;
}

/* Indicatore ORA attuale (linea rossa) */
.fc .fc-now-indicator,
.fc-now-indicator,
.fc-time-grid .fc-now-indicator,
.fc-time-grid .fc-now-indicator-line,
.fc-timegrid-now-indicator-line,
.fc .fc-timegrid-now-indicator-line {
    border-color: #DC3545 !important;
    background-color: #DC3545 !important;
}

.fc-time-grid .fc-now-indicator-arrow,
.fc-timegrid-now-indicator-arrow,
.fc .fc-timegrid-now-indicator-arrow {
    border-color: #DC3545 !important;
    border-left-color: #DC3545 !important;
}

/* ===========================================
   BOTTONI CALENDARIO
   =========================================== */
.fc-button-primary,
.fc .fc-button-primary,
.fc-toolbar .fc-button,
.fc-toolbar-chunk .fc-button,
.calendarmain .fc-button {
    background-color: var(--primary-color, #000000) !important;
    border-color: var(--primary-color, #000000) !important;
    color: #fff !important;
    border-radius: 6px !important;
    padding: 8px 16px !important;
    font-weight: 500 !important;
    transition: all 0.15s ease !important;
}

.fc-button-primary:hover,
.fc .fc-button-primary:hover,
.fc-button-primary:focus,
.fc-button-primary:active,
.fc-button-primary.fc-button-active {
    background-color: #333 !important;
    border-color: #333 !important;
    opacity: 0.9;
}

/* ===========================================
   HEADER CALENDARIO (giorni settimana)
   =========================================== */
.fc-widget-header,
.fc th,
.fc-col-header-cell,
.fc-scrollgrid-sync-inner {
    color: #333 !important;
    font-weight: 600;
}

/* ===========================================
   VISTA LISTA/AGENDA
   =========================================== */
.fc-list-heading td,
.fc-list-heading-main,
.fc-list-heading-alt,
.fc-list-table td.fc-list-header,
.calendarmain .fc-view-table td.fc-list-header {
    background: rgba(0, 0, 0, 0.05) !important;
    color: #333 !important;
    font-weight: 600;
}

.fc-list-item:hover td,
.fc-list-table tr.fc-list-item:hover td {
    background: rgba(0, 0, 0, 0.03) !important;
}

/* ===========================================
   PANNELLO LATERALE CALENDARI
   =========================================== */
#calendars .treelist li.selected > div.calendar,
#calendars .treelist li.selected > a.calname {
    background-color: rgba(0, 0, 0, 0.08) !important;
}

#calendars .treelist .calendar .count {
    background: var(--primary-color, #000000) !important;
    color: #fff !important;
    border-radius: 10px;
    padding: 2px 8px;
    font-size: 11px;
}

#calendars .treelist li span.handle {
    border-color: var(--primary-color, #000000) !important;
}

#calendars .treelist div a.quickview:before,
#calendars .treelist div:hover a.quickview:before {
    color: var(--primary-color, #000000) !important;
}

/* ===========================================
   DIALOG/POPUP EVENTI
   =========================================== */
.calendarmain .ui-dialog input:focus,
.calendarmain .ui-dialog select:focus,
.calendarmain .ui-dialog textarea:focus {
    border-color: var(--primary-color, #000000) !important;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1) !important;
}

.calendarmain .ui-dialog .ui-dialog-buttonset button.btn-primary {
    background: var(--primary-color, #000000) !important;
    border-color: var(--primary-color, #000000) !important;
}

/* ===========================================
   EVENTI - Colori per categoria/collaboratore
   (I colori vengono dalle categorie in config.inc.php)
   =========================================== */
.fc-event {
    border-radius: 4px !important;
    border: none !important;
    padding: 2px 6px !important;
    font-size: 12px !important;
}

.fc-event:hover {
    opacity: 0.85;
}

/* ===========================================
   DARK MODE
   =========================================== */
html.dark-mode .fc-day-number,
html.dark-mode .fc .fc-daygrid-day-number {
    color: #ccc !important;
}

html.dark-mode .fc-widget-header,
html.dark-mode .fc th {
    color: #aaa !important;
}

html.dark-mode .fc-day.fc-today,
html.dark-mode .fc .fc-day-today {
    background: rgba(255, 255, 255, 0.05) !important;
}

html.dark-mode .fc-list-heading td,
html.dark-mode .fc-list-table td.fc-list-header {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #ccc !important;
}

html.dark-mode #calendars .treelist li.selected > div.calendar {
    background-color: rgba(255, 255, 255, 0.1) !important;
}