/* Holiday Indicator Styles */

/* CSS Variables for holiday colors */
:root {
  /* Federal holiday gold colors */
  --holiday-federal-bg: #d4a520;
  --holiday-federal-text: #1a1a1a;
  --holiday-federal-bg-subtle: rgba(212, 165, 32, 0.1);

  /* Informal holiday purple colors */
  --holiday-informal-bg: #c8a2d0;
  --holiday-informal-text: #1a1a1a;
}

/* OKLCH color variables for modern browsers */
@supports (color: oklch(0 0 0)) {
  :root {
    --holiday-federal-bg: oklch(75% 0.12 85);
    --holiday-federal-text: oklch(20% 0.02 85);
    --holiday-federal-bg-subtle: oklch(95% 0.03 85 / 0.3);

    --holiday-informal-bg: oklch(80% 0.10 315);
    --holiday-informal-text: oklch(25% 0.02 315);
  }
}

/* Holiday container - full width at top of day */
.holiday-indicator {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Holiday badge base styles - full width banner */
.holiday-badge {
  display: block;
  width: 100%;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 0;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Federal holiday styling */
.holiday-federal {
  background-color: var(--holiday-federal-bg);
  color: var(--holiday-federal-text);
}

/* Informal holiday styling */
.holiday-informal {
  background-color: var(--holiday-informal-bg);
  color: var(--holiday-informal-text);
}

/* Holiday header indicator for day headers */
.holiday-header {
  background-color: var(--holiday-federal-bg);
}

/* Holiday link styling - match holiday banner background */
.day-date-link-holiday {
  background-color: var(--holiday-federal-bg);
  color: var(--holiday-federal-text);
  border-color: var(--holiday-federal-bg);
  font-weight: 600;
}

.day-date-link-holiday:hover {
  opacity: 0.9;
}

/* Full width banners on all screen sizes */
.holiday-badge {
  display: block;
  width: 100%;
}

/* Hover state for better UX */
.holiday-badge:hover {
  opacity: 0.85;
  cursor: help;
}