/* ============================================================
   ROUGH RIDERS — Wild Apricot Global CSS
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Lato:wght@300;400;700&display=swap');

/* ── Root variables ── */
:root {
  --rr-navy:  #0d1f3c;
  --rr-gold:  #c9a84c;
  --rr-gold2: #e8c96a;
  --rr-cream: #f5f0e8;
  --rr-dark:  #060f1e;
}

/* ── Body ── */
body, .WaGlobalWrapper, .pageContentWrapper {
  background-color: var(--rr-navy) !important;
  color: var(--rr-cream) !important;
  font-family: 'Lato', Arial, sans-serif !important;
}

/* ── Headings ── */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Cinzel', serif !important;
  color: var(--rr-gold) !important;
  letter-spacing: 0.04em !important;
}

/* ── Body text ── */
p, li, td, th, span, div {
  color: var(--rr-cream) !important;
}

/* ── Links ── */
a { color: var(--rr-gold) !important; }
a:hover { color: var(--rr-gold2) !important; }

/* ── Buttons ── */
.button, .btn, input[type="submit"], input[type="button"],
button, .waButton, a.button, a.btn {
  background-color: var(--rr-gold) !important;
  color: var(--rr-dark) !important;
  border: none !important;
  border-radius: 3px !important;
  font-family: 'Cinzel', serif !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 10px 22px !important;
}
.button:hover, .btn:hover, input[type="submit"]:hover, a.button:hover {
  background-color: var(--rr-gold2) !important;
  color: var(--rr-dark) !important;
}

/* ── Nav bar ── */
.WaGadgetMenuHorizontal,
.WaGadgetMenuHorizontal .menuInner,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel {
  background: #060f1e !important;
  background-color: #060f1e !important;
  background-image: none !important;
  border-bottom: 2px solid #c9a84c !important;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a {
  color: #f5f0e8 !important;
  font-family: 'Cinzel', serif !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  background: transparent !important;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a:hover {
  color: #c9a84c !important;
  background-color: rgba(201,168,76,0.08) !important;
}
.WaGadgetMenuHorizontal .menuInner ul.secondLevel {
  background: #060f1e !important;
  border: 1px solid rgba(201,168,76,0.3) !important;
  border-top: 2px solid #c9a84c !important;
}
.WaGadgetMenuHorizontal .menuInner ul.secondLevel .item a {
  color: rgba(245,240,232,0.8) !important;
  background: transparent !important;
}
.WaGadgetMenuHorizontal .menuInner ul.secondLevel .item a:hover {
  color: #c9a84c !important;
  background-color: rgba(201,168,76,0.06) !important;
}

/* ── Events ── */
.eventListTitle a, .eventTitle a {
  color: var(--rr-gold) !important;
  font-family: 'Cinzel', serif !important;
}
.eventListDate, .eventDate {
  color: var(--rr-gold2) !important;
  font-size: 12px !important;
}
.eventItem, .eventListItem {
  border-bottom: 1px solid rgba(201,168,76,0.25) !important;
  padding: 10px 0 !important;
}

/* ── Tables (global) ── */
table { border-collapse: collapse !important; width: 100% !important; }
th {
  background-color: var(--rr-dark) !important;
  color: var(--rr-gold) !important;
  font-family: 'Cinzel', serif !important;
  padding: 10px !important;
}
td { padding: 8px 10px !important; }

/* ── HR / Blockquotes ── */
hr { border-color: var(--rr-gold) !important; opacity: 0.4 !important; }
blockquote {
  border-left: 3px solid var(--rr-gold) !important;
  background: rgba(6,15,30,0.5) !important;
  color: var(--rr-cream) !important;
  font-style: italic !important;
  padding: 12px 18px !important;
}

/* ── Footer ── */
#waSiteFooter, .waFooter, footer, .siteFooter {
  background-color: var(--rr-dark) !important;
  border-top: 2px solid var(--rr-gold) !important;
  color: var(--rr-cream) !important;
}
#waSiteFooter a, .waFooter a, footer a { color: var(--rr-gold) !important; }

/* ── Login widget ── */
.wa-auth-widget a, .waLoginWidget a {
  display: inline-block !important;
  background-color: #c9a84c !important;
  color: #0d1f3c !important;
  font-family: Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 8px 20px !important;
  border-radius: 3px !important;
  border: none !important;
}
.rr-btn-gold { color: #060f1e !important; }

/* ============================================================
   MEMBER DIRECTORY — single clean dark theme
   ============================================================ */

/* The directory lives inside an iframe at pageId=7745.
   These rules target it via the WA CSS injection mechanism. */

.WaGadgetMemberDirectoryStateList,
.memberDirectoryOuterContainer,
.genericListTable,
.membersTable,
table#membersTable {
  background: #0e1f3d !important;
  background-color: #0e1f3d !important;
}

/* All rows default navy */
tr.normal,
table#membersTable tbody tr,
.membersTable tbody tr {
  background: #0e1f3d !important;
  background-color: #0e1f3d !important;
}

/* Even rows slightly darker */
tr.normal:nth-child(even),
table#membersTable tbody tr:nth-child(even),
.membersTable tbody tr:nth-child(even) {
  background: #0b1930 !important;
  background-color: #0b1930 !important;
}

/* Hover */
tr.normal:hover,
table#membersTable tbody tr:hover {
  background: rgba(201,168,76,0.07) !important;
  background-color: rgba(201,168,76,0.07) !important;
}

/* Header */
table#membersTable thead tr,
.membersTable thead tr {
  background: #08132a !important;
  background-color: #08132a !important;
  border-bottom: 2px solid #C9A84C !important;
}
table#membersTable thead th,
.membersTable thead th {
  background: #08132a !important;
  background-color: #08132a !important;
  color: #C9A84C !important;
  border: none !important;
}

/* Cells */
td.memberDirectoryColumn1,
.membersTable td,
.genericListTable td {
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
  border-right: none !important;
  border-left: none !important;
}

/* Search input */
.memberDirectoryOuterContainer input[type="text"] {
  background: #0e1f3d !important;
  color: rgba(255,255,255,0.85) !important;
  border: 1px solid rgba(201,168,76,0.35) !important;
}

/* Pagination */
.memberDirectoryOuterContainer .pagerContainer {
  background: #08132a !important;
  border-top: 1px solid rgba(201,168,76,0.2) !important;
}
/* ============================================================
   ROUGH RIDERS — Calendar Overrides
   Append to bottom of Website → CSS tab
   ============================================================ */

/* ── Calendar page wrapper ── */
.CalendarWidget,
.WaGadgetEventCalendar,
.eventCalendar,
div[class*="CalendarWidget"],
div[class*="eventCalendar"] {
  background: #0e1f3d !important;
  color: #f5f0e8 !important;
}

/* ── Month/Week/Year header bar ── */
.CalendarWidget h2,
.WaGadgetEventCalendar h2,
.eventCalendar h2,
.month-header,
.calendar-title {
  color: #C9A84C !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  background: transparent !important;
}

/* ── "Switch to List View" link ── */
.CalendarWidget a,
.WaGadgetEventCalendar a,
.eventCalendar a {
  color: #C9A84C !important;
}
.CalendarWidget a:hover,
.WaGadgetEventCalendar a:hover,
.eventCalendar a:hover {
  color: #e8cc80 !important;
}

/* ── Nav button bar (Week / Month / Year / Prev / Today / Next) ── */
.CalendarWidget .fc-button,
.WaGadgetEventCalendar .fc-button,
.eventCalendar .fc-button,
table.eventCalendar td.navigation a,
.calendar-nav a,
.fc-toolbar .fc-button {
  background: #08132a !important;
  color: #C9A84C !important;
  border: 1px solid #C9A84C !important;
  border-radius: 2px !important;
}
.CalendarWidget .fc-button:hover,
.WaGadgetEventCalendar .fc-button:hover,
.fc-toolbar .fc-button:hover,
.fc-toolbar .fc-button-active,
.fc-toolbar .fc-state-active {
  background: #C9A84C !important;
  color: #0e1f3d !important;
}

/* ── Day-of-week header row (Sun Mon Tue …) ── */
.fc-day-header,
.fc th,
table.eventCalendar th {
  background: #08132a !important;
  color: #C9A84C !important;
  border-color: #1a3a6b !important;
  font-family: 'Playfair Display', Georgia, serif !important;
}

/* ── Calendar grid cells ── */
.fc-day,
.fc td,
table.eventCalendar td {
  background: #0e1f3d !important;
  border-color: #1a3a6b !important;
  color: #f5f0e8 !important;
}

/* ── Date numbers ── */
.fc-day-number,
.fc-day-top .fc-day-number,
table.eventCalendar td.day span {
  color: #C9A84C !important;
}

/* ── Today highlight ── */
.fc-today,
.fc-day.fc-today {
  background: #122747 !important;
}

/* ── Other-month (greyed) days ── */
.fc-other-month {
  background: #08132a !important;
  opacity: 0.6;
}

/* ── Event blocks — replace teal with gold/navy ── */
.fc-event,
.fc-event-inner,
.fc-day-grid-event,
.fc-time-grid-event,
table.eventCalendar td.event,
table.eventCalendar td.event a,
.CalendarWidget .eventItem,
.WaGadgetEventCalendar .eventItem {
  background: #C9A84C !important;
  border-color: #a07d30 !important;
  color: #0e1f3d !important;
  border-radius: 2px !important;
}
.fc-event a,
.fc-event .fc-title,
.fc-event .fc-time {
  color: #0e1f3d !important;
  font-weight: 600 !important;
}
.fc-event:hover,
.fc-day-grid-event:hover {
  background: #e8cc80 !important;
}

/* ── Multi-day spanning event bars ── */
.fc-day-grid-event .fc-content {
  color: #0e1f3d !important;
}

/* ── List view rows ── */
.fc-list-item,
.fc-list-table tr {
  background: #0e1f3d !important;
  color: #f5f0e8 !important;
  border-color: #1a3a6b !important;
}
.fc-list-item-title a {
  color: #C9A84C !important;
}
.fc-list-heading td {
  background: #08132a !important;
  color: #C9A84C !important;
  font-family: 'Playfair Display', Georgia, serif !important;
}

/* ── RSS icon ── */
.CalendarWidget .rss-icon,
.WaGadgetEventCalendar .rss-icon {
  color: #C9A84C !important;
}

/* ── Outer page background (in case WA wraps in a white div) ── */
.contentArea,
#contentArea,
.pageContent,
#pageContent {
  background: #0e1f3d !important;
}
/* ============================================================
   ROUGH RIDERS — Calendar & Event Color Fix
   Append to bottom of Website → CSS tab
   Targets WA Kaleidoscope theme teal (#13bfbd / #02b0d5)
   ============================================================ */

/* ── Force navy background on calendar content area ── */
.WaGadgetEventCalendar,
.WaGadgetEventCalendar *,
.eventCalendarContainer,
.eventCalendarContainer * {
  box-sizing: border-box;
}

.WaGadgetEventCalendar {
  background: #0e1f3d !important;
}

/* ── Calendar table / grid background ── */
.WaGadgetEventCalendar table,
.WaGadgetEventCalendar td,
.WaGadgetEventCalendar th,
.eventCalendar table,
.eventCalendar td,
.eventCalendar th {
  background-color: #0e1f3d !important;
  border-color: #1a3a6b !important;
  color: #f5f0e8 !important;
}

/* ── Day-of-week header row ── */
.WaGadgetEventCalendar th,
.eventCalendar th,
.fc-day-header {
  background-color: #08132a !important;
  color: #C9A84C !important;
  border-color: #1a3a6b !important;
}

/* ── Date numbers ── */
.WaGadgetEventCalendar .fc-day-number,
.WaGadgetEventCalendar .fc-day-top,
.eventCalendar .dayNumber,
.fc-day-number {
  color: #C9A84C !important;
}

/* ── THE TEAL FIX: target any element with the theme teal as background ── */
/* WA injects inline style="background-color: rgb(19, 191, 189)" for events */
/* We override ALL possible event containers */
.WaGadgetEventCalendar .fc-event,
.WaGadgetEventCalendar .fc-event-inner,
.WaGadgetEventCalendar .fc-day-grid-event,
.WaGadgetEventCalendar .fc-time-grid-event,
.WaGadgetEventCalendar a.fc-event,
.WaGadgetEventCalendar .fc-bg,
.eventCalendar .eventItem,
.eventCalendar a.eventItem,
.eventCalendar td.event,
.eventCalendar td.event a,
.fc-event,
.fc-event-inner,
.fc-day-grid-event,
a.fc-event {
  background-color: #C9A84C !important;
  background: #C9A84C !important;
  border-color: #a07d30 !important;
  color: #0e1f3d !important;
}

/* ── Event text inside blocks ── */
.fc-event .fc-title,
.fc-event .fc-time,
.fc-event a,
.WaGadgetEventCalendar .fc-event *,
.eventCalendar .eventItem a,
.eventCalendar td.event a {
  color: #0e1f3d !important;
  font-weight: 600 !important;
}

/* ── Multi-day spanning event bars ── */
.fc-day-grid-event .fc-content,
.WaGadgetEventCalendar .fc-ltr .fc-h-event .fc-start-resizer,
.WaGadgetEventCalendar .fc-ltr .fc-h-event .fc-end-resizer {
  color: #0e1f3d !important;
}

/* ── Nav buttons (Week/Month/Year/Prev/Today/Next) ── */
.WaGadgetEventCalendar .fc-button,
.WaGadgetEventCalendar .fc-button-group button,
.eventCalendar .navigationBar a,
.eventCalendar .navigationBar td {
  background: #08132a !important;
  background-color: #08132a !important;
  color: #C9A84C !important;
  border: 1px solid #C9A84C !important;
  border-radius: 2px !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.WaGadgetEventCalendar .fc-button:hover,
.WaGadgetEventCalendar .fc-button-active,
.WaGadgetEventCalendar .fc-state-active,
.WaGadgetEventCalendar .fc-button.fc-state-active {
  background: #C9A84C !important;
  background-color: #C9A84C !important;
  color: #0e1f3d !important;
}

/* ── Today cell highlight ── */
.fc-today,
.WaGadgetEventCalendar .fc-today {
  background-color: #122747 !important;
}

/* ── "Switch to List View" and other calendar links ── */
.WaGadgetEventCalendar a:not(.fc-event),
.eventCalendar a:not(.eventItem) {
  color: #C9A84C !important;
}

/* ── List view ── */
.fc-list-item,
.fc-list-table tr {
  background-color: #0e1f3d !important;
  color: #f5f0e8 !important;
  border-color: #1a3a6b !important;
}
.fc-list-item-title a {
  color: #C9A84C !important;
}
.fc-list-heading td {
  background-color: #08132a !important;
  color: #C9A84C !important;
}

/* ── RSS icon color ── */
.WaGadgetEventCalendar .calendarTitle a[href*="RSS"],
.WaGadgetEventCalendar .calendarTitle a[href*="rss"] {
  color: #C9A84C !important;
}

/* ── White page/content background behind calendar ── */
#contentArea,
.contentArea,
.pageContent,
#pageContent,
.WaGadgetEventCalendar,
.gadgetBody {
  background-color: #0e1f3d !important;
}