/*========================================
  general.css — Combined Calendar & List Styles
========================================*/

/* 0) Base reset: only reset direct text elements, not deeper inheritance */
.bot-block-event-list,
.bot-block-event-list > * {
  color: #000;
}

/* 1) District / bot-event cards (list view) */
.district-event-item,
.bot-event-item {
  background: var(--bot-bg, #f7f7f7);
  color: #000;
  font-family: var(--bot-font, inherit);
  border-radius: 10px;
  padding: 1em 1.5em;
  margin-bottom: 1.5em;
  border-bottom: none;
  text-decoration: none;
}


.bot-event-item .event-title {
  font-weight: 700;
}

/* 2) Bracketed text styling (list & tooltip titles) */
.event-title-brackets {
  display: block;
  font-size: var(--bot-font-size-datetime, 0.9rem);
  font-weight: 400;
  margin-left: 0.25em;
}

/* 3) Calendar wrapper */
.bot-block-event-list {
  background: var(--bot-bg, #fff);
  font-family: var(--bot-font, Arial, sans-serif);
  padding: 1em 2em;

}
.bot-block-event-list .bot-calendar-wrapper {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: visible !important;
}

/* 4) Month-grid table */
.bot-block-event-list .bot-calendar-wrapper .calendar-grid {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.bot-block-event-list .bot-calendar-wrapper .calendar-grid th,
.bot-block-event-list .bot-calendar-wrapper .calendar-grid td {
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ddd;
  padding: 0.5em 0;
  font-size: var(--bot-font-size-datetime, 0.9rem);
}
.bot-block-event-list .bot-calendar-wrapper .calendar-grid td .highlight {
  width: 100%;
  padding: 0.6em 0;
}

/* 5) No-event cells */
.bot-block-event-list .bot-calendar-wrapper .calendar-grid td.no-event span {
  display: block;
  background-color: var(--bot-bg, #fff);
}
.bot-block-event-list .bot-calendar-wrapper .calendar-grid td.current-day {
  background-color: #efefef;
}

/* 6) Calendar header (month name + arrows) */
.bot-block-event-list .bot-calendar-wrapper .bot-calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5em 0;
}
.bot-block-event-list .bot-calendar-wrapper .bot-prev,
.bot-block-event-list .bot-calendar-wrapper .bot-next {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.2rem;
}
.bot-block-event-list .bot-calendar-wrapper .bot-prev,
.bot-block-event-list .bot-calendar-wrapper .bot-next,
.bot-block-event-list .bot-calendar-wrapper .bot-current-month {
  color: #000;
}
.bot-block-event-list .bot-calendar-wrapper .bot-current-month {
  font-weight: bold;
  font-size: var(--bot-font-size-title, 1rem);
}

/* 7) Tooltip trigger */
.tooltip-link {
  position: relative;
  display: inline-block;
  background-color: var(--bot-button, #c06948);
  padding: 0.2em 0.4em;
  border-radius: 3px;
  text-decoration: none;
}
.tooltip-link:hover {
  filter: brightness(0.9);
}

/* 8) Tooltip content */
.tooltip-link .tooltip-content {
  position: absolute;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  padding: 0.8em;
  background-color: var(--bot-button, #c06948);
  border-radius: 4px;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  text-decoration: none;
}
.tooltip-link:hover .tooltip-content {
  opacity: 1;
  visibility: visible;
}

/* 9) Month/List toggle buttons */
.bot-calendar-toggle {
  text-align: center;
  margin-bottom: 10px;
}
.bot-calendar-toggle button {
  background: var(--bot-button, #c06948);
  padding: 6px 10px;
  border: none;
  border-radius: 4px;
  margin: 0 5px;
  cursor: pointer;
  transition: filter 0.2s ease;
  text-decoration: none;
}
.bot-calendar-toggle button:hover {
  filter: brightness(0.9);
}
.bot-calendar-toggle button.active {
  filter: brightness(0.8);
}

/* 10) List view: date & time inline */
.bot-events-list .event-datetime {
  gap: 0.5em;
  align-items: center;
}
.bot-events-list .event-datetime .event-date,
.bot-events-list .event-datetime .event-time {
  font-size: var(--bot-font-size-datetime, 0.9rem);
}

/* 11) Horizontal list layout */
.bot-events-list.horizontal {
  display: flex;
  gap: 1rem;
  flex-wrap: nowrap;
}
.bot-events-list.horizontal .bot-event-item {
  flex: 1 1 200px;
  max-width: 200px;
  background: var(--bot-bg, #f4f4f0);
  border-radius: 5px;
  padding: 1em;
}

/* 12) Full-calendar link */
.bot-full-calendar-link {
  text-align: center;
  margin: 1em 0;
}
.bot-full-calendar-link a {
  background-color: var(--bot-button, #c06948);
  padding: 6px 10px;
  display: inline-block;
  border-radius: 4px;
  transition: filter 0.2s ease;
  text-decoration: none;
}
.bot-full-calendar-link a:hover {
  filter: brightness(0.9);
}

/* 13) Subscribe dropdown */
.bot-calendar-subscribe {
  position: relative;
  width: 100%;
  text-align: center;
}
.bot-subscribe-toggle {
  background: var(--bot-button, #c06948);
  padding: 10px 20px 5px 20px;
  border: none;
  border-radius: 4px;
  margin: 1em 0;
  transition: filter 0.2s ease;
  text-decoration: none;
}
.bot-subscribe-toggle:hover {
  filter: brightness(0.9);
}
.bot-subscribe-list {
  display: none;
  position: absolute;
  top: 35px;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  list-style: none;
  background: var(--bot-bg, #fff);
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  padding: 8px;
  border-radius: 4px;
  z-index: 1000;
}
.bot-calendar-subscribe:hover .bot-subscribe-list {
  display: block;
}

/*========================================
  Single rule: pull --bot-text for specific elements
========================================*/
/* Override WP global link defaults for tooltip & active-date elements */
.bot-block-event-list .bot-calendar-wrapper .calendar-grid td.has-event > a.tooltip-link,
.tooltip-link .tooltip-content,
.tooltip-link .tooltip-content *,
.bot-calendar-toggle button,
.bot-subscribe-toggle,
.bot-full-calendar-link a {
  color: var(--bot-text) !important;
  text-decoration: none;
}