/* =========================================================
   ClubProperty — final unified calendar CSS
   Targets dashboard & single-property calendars.
   Very-specific selectors so theme/plugin CSS can't override.
   Only typography & color for toolbar, weekday headers, day numbers and event text.
   DOES NOT change layout/display properties (no squeezing).
   ========================================================= */

/* ---------- Selectors: include many wrapper variants ---------- */
:root {}

html body #cpb-wrapper #cpb-calendar .fc .fc-toolbar-title,
html body #cpb-wrapper #cpb-property-calendar .fc .fc-toolbar-title,
html body #cpb-property-calendar .fc .fc-toolbar-title,
html body #cpb-calendar .fc .fc-toolbar-title,
html body .cpb-availability-section #cpb-property-calendar .fc .fc-toolbar-title,
html body .cpb-availability-section #cpb-calendar .fc .fc-toolbar-title {
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  color: #0b3a66 !important;
  letter-spacing: 0.2px !important;
  line-height: 1.1 !important;
}

/* Fallback toolbar selectors (some FC versions) */
html body #cpb-calendar .fc-toolbar h2,
html body #cpb-property-calendar .fc-toolbar h2,
html body #cpb-wrapper .fc-toolbar h2 {
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  color: #0b3a66 !important;
}

/* ---------- Weekday headers (Mon Tue Wed...) ---------- */
html body #cpb-calendar .fc .fc-col-header-cell-cushion,
html body #cpb-property-calendar .fc .fc-col-header-cell-cushion,
html body #cpb-wrapper .fc .fc-col-header-cell-cushion,
html body .cpb-availability-section .fc .fc-col-header-cell-cushion,
html body #cpb-calendar .fc .fc-daygrid-col-header .fc-scrollgrid-sync-inner,
html body #cpb-property-calendar .fc .fc-daygrid-col-header .fc-scrollgrid-sync-inner {
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: #154b71 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* Fallbacks for older class names (widgets) */
html body #cpb-calendar .fc .fc-day-header,
html body #cpb-property-calendar .fc .fc-day-header,
html body #cpb-wrapper .fc .fc-day-header,
html body #cpb-calendar .fc .fc-widget-header {
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: #154b71 !important;
  text-transform: uppercase !important;
}

/* ---------- Day numbers (month cells) ---------- */
/* multiple selectors to match many FC versions and wrappers */
html body #cpb-calendar .fc .fc-daygrid-day-number,
html body #cpb-property-calendar .fc .fc-daygrid-day-number,
html body #cpb-wrapper .fc .fc-daygrid-day-number,
html body .cpb-availability-section .fc .fc-daygrid-day-number,
html body #cpb-calendar .fc .fc-day-number,
html body #cpb-property-calendar .fc .fc-day-number,
html body #cpb-wrapper .fc .fc-day-number {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #09243a !important;
  padding: 4px !important;
  line-height: 1 !important;
}

/* Day-number anchors/links inherit color */
html body #cpb-calendar .fc .fc-daygrid-day-number > a,
html body #cpb-property-calendar .fc .fc-daygrid-day-number > a,
html body #cpb-wrapper .fc .fc-daygrid-day-number > a {
  color: inherit !important;
  text-decoration: none !important;
}

/* ---------- Event title/time (non-layout) ---------- */
html body #cpb-calendar .fc .fc-event-title,
html body #cpb-property-calendar .fc .fc-event-title,
html body #cpb-wrapper .fc .fc-event-title {
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: inherit !important;
}
html body #cpb-calendar .fc .fc-event-time,
html body #cpb-property-calendar .fc .fc-event-time,
html body #cpb-wrapper .fc .fc-event-time {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: inherit !important;
}

/* ---------- Extra safety: override very-specific theme rules if needed ---------- */
/* If Gutenverse or datetimepicker uses e.g. '.some-class .fc-daygrid-day-number {color:...}',
   targeting with the wrapper + html body prefix above should outrank it.
   However, if you discover an exact selector that still wins, paste it to me
   and I'll craft a specific counter-selector that outranks it. */

/* ---------- Small-screen tweak (only typography) ---------- */
@media (max-width: 900px) {
  html body #cpb-calendar .fc .fc-toolbar-title,
  html body #cpb-property-calendar .fc .fc-toolbar-title {
    font-size: 1.05rem !important;
  }
  html body #cpb-calendar .fc .fc-daygrid-day-number,
  html body #cpb-property-calendar .fc .fc-daygrid-day-number {
    font-size: 12px !important;
  }
}


/* end of cpb-calendar.css */