/*
 * jQuery UI 1.8 datepicker — structure + JPCC theme
 * Replaces legacy blitzer theme on JurorLogin and Over70Excusal.
 */

/* Layout helpers */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
}
.ui-helper-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui-helper-clearfix { display: block; }

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}

.ui-corner-all { border-radius: 6px; }

/* Datepicker structure */
.ui-datepicker {
  width: 17.5em;
  padding: 0;
  display: none;
  z-index: 1000 !important;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.55rem 2.4rem;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 50%;
  width: 1.75rem;
  height: 1.75rem;
  margin-top: -0.875rem;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev { left: 0.45rem; }
.ui-datepicker .ui-datepicker-next { right: 0.45rem; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: none;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0;
  line-height: 1.75rem;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-family: var(--font-ui, "Segoe UI", Arial, sans-serif);
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0 0.15rem;
  padding: 0.15rem 0.35rem;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 4px;
  background: #fff;
  color: var(--jpcc-navy, #0a314d);
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 46%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.875rem;
  border-collapse: collapse;
  margin: 0 0 0.35rem;
}

.ui-datepicker th {
  padding: 0.45rem 0.25rem;
  text-align: center;
  font-weight: 600;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.35rem 0.25rem;
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
}

/* JPCC theme */
.ui-datepicker.ui-widget {
  font-family: var(--font-ui, "Segoe UI", Arial, sans-serif);
  font-size: 0.9375rem;
  border: 1px solid var(--jpcc-border, #d7dee6);
  background: var(--jpcc-surface, #fff);
  color: var(--jpcc-text, #152536);
  box-shadow: 0 8px 24px rgba(10, 49, 77, 0.12);
}

.ui-datepicker .ui-datepicker-header {
  background: linear-gradient(135deg, var(--jpcc-navy, #0a314d) 0%, var(--jpcc-navy-dark, #062135) 100%);
  border: 0;
  border-bottom: 2px solid var(--jpcc-gold, #c1a783);
  border-radius: 6px 6px 0 0;
  color: #fff;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.55rem;
  text-align: center;
  text-indent: 0;
}

.ui-datepicker .ui-datepicker-prev::before { content: "\2039"; }
.ui-datepicker .ui-datepicker-next::before { content: "\203A"; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 50%;
  background: rgba(255, 255, 255, 0.22);
  border-color: rgba(255, 255, 255, 0.55);
}

.ui-datepicker th {
  color: var(--jpcc-muted, #5d6b78);
  font-size: 0.8125rem;
}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default {
  border: 1px solid transparent;
  background: transparent;
  color: var(--jpcc-text, #152536);
  font-weight: 500;
}

.ui-datepicker .ui-state-default:hover,
.ui-datepicker .ui-widget-content .ui-state-default:hover,
.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-hover {
  border-color: var(--jpcc-border, #d7dee6);
  background: var(--jpcc-bg-soft, #f8fafc);
  color: var(--jpcc-navy, #0a314d);
}

.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active {
  border-color: var(--jpcc-navy, #0a314d);
  background: var(--jpcc-navy, #0a314d);
  color: #fff;
  font-weight: 600;
}

.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight {
  border-color: var(--jpcc-gold, #c1a783);
  background: rgba(193, 167, 131, 0.18);
  color: var(--jpcc-navy, #0a314d);
}

.ui-datepicker .ui-state-disabled,
.ui-datepicker .ui-widget-content .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background: transparent;
  cursor: default;
}