/* Cork Table Top theme overrides for Flatpickr.
   Targets the calendar popup so it picks up the amber/stone palette
   instead of the default light/grey flatpickr styling. */

.flatpickr-calendar {
  background: #292524; /* stone-800 */
  color: #f5f5f4;      /* stone-100 */
  border: 1px solid rgba(120, 113, 108, 0.4); /* stone-500/40 */
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(180, 83, 9, 0.15);
  border-radius: 0.75rem;
  font-family: "Inter", sans-serif;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowBottom:before { border-bottom-color: rgba(120, 113, 108, 0.4); border-top-color: rgba(120, 113, 108, 0.4); }
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowBottom:after { border-bottom-color: #292524; border-top-color: #292524; }

.flatpickr-months,
.flatpickr-months .flatpickr-month,
.flatpickr-current-month { color: #fbbf24; /* amber-400 */ background: transparent; }
.flatpickr-current-month input.cur-year { color: #fbbf24; }
.flatpickr-current-month .flatpickr-monthDropdown-months { color: #fbbf24; background: #292524; }
.flatpickr-current-month .flatpickr-monthDropdown-months option { color: #fbbf24; background: #292524; }
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month { color: #d6d3d1; fill: #d6d3d1; }
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg { fill: #fbbf24; }

.flatpickr-weekdays,
span.flatpickr-weekday { color: #a8a29e; /* stone-400 */ background: transparent; font-weight: 600; }

.flatpickr-day {
  color: #e7e5e4;       /* stone-200 */
  background: transparent;
  border-color: transparent;
}
.flatpickr-day:hover,
.flatpickr-day:focus {
  background: rgba(180, 83, 9, 0.2);
  border-color: rgba(180, 83, 9, 0.4);
  color: #fef3c7;       /* amber-100 */
}
.flatpickr-day.today {
  border-color: rgba(245, 158, 11, 0.6); /* amber-500/60 */
  color: #fbbf24;
}
.flatpickr-day.today:hover {
  background: rgba(245, 158, 11, 0.25);
  color: #fef3c7;
}
.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
  background: #b45309; /* amber-700 */
  border-color: #b45309;
  color: #fef3c7;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay { color: #57534e; /* stone-600 */ }

.flatpickr-time { border-top: 1px solid rgba(120, 113, 108, 0.3); }
.flatpickr-time input,
.flatpickr-time .flatpickr-am-pm {
  background: transparent;
  color: #f5f5f4;
}
.flatpickr-time input:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time .flatpickr-am-pm:focus { background: rgba(180, 83, 9, 0.15); }
.flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: #a8a29e; }
.flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #a8a29e; }
.flatpickr-time .flatpickr-time-separator { color: #a8a29e; }

.numInputWrapper:hover { background: rgba(180, 83, 9, 0.1); }

/* Parchment light mode overrides */
html:not(.dark) .flatpickr-calendar {
  background: #f5e6c8;
  color: #3d2b1f;
  border-color: rgba(180, 83, 9, 0.3);
}
html:not(.dark) .flatpickr-calendar.arrowTop:after,
html:not(.dark) .flatpickr-calendar.arrowBottom:after { border-bottom-color: #f5e6c8; border-top-color: #f5e6c8; }
html:not(.dark) .flatpickr-months,
html:not(.dark) .flatpickr-months .flatpickr-month,
html:not(.dark) .flatpickr-current-month { color: #92400e; }
html:not(.dark) .flatpickr-current-month input.cur-year { color: #92400e; }
html:not(.dark) span.flatpickr-weekday { color: #78350f; }
html:not(.dark) .flatpickr-day { color: #3d2b1f; }
html:not(.dark) .flatpickr-day.prevMonthDay,
html:not(.dark) .flatpickr-day.nextMonthDay,
html:not(.dark) .flatpickr-day.flatpickr-disabled { color: #a8a29e; }
html:not(.dark) .flatpickr-day:hover { background: rgba(180, 83, 9, 0.15); color: #92400e; }
html:not(.dark) .flatpickr-day.selected,
html:not(.dark) .flatpickr-day.selected:hover { background: #b45309; color: #fef3c7; }
html:not(.dark) .flatpickr-time input,
html:not(.dark) .flatpickr-time .flatpickr-am-pm { color: #3d2b1f; }