/* =============================================================
   NCRETAC Custom CSS
   Version: 1.7
   Last updated: 2026-05-19
   Admin: ED-admin
   Site: ncretac.org (WordPress + Avada)
   CHANGELOG
   1.0 — Initial release. Sections 1-7 established.
   1.1 — Added .ncr-callout and .ncr-tile utility classes (Section 2).
         Documented .fusion-text p color assignment per Style Guide 2.3.
         Formalized section organization per Style Guide Section 11.
   1.2 — Added TEC single event sidebar text color overrides (Section 4.2).
         Corrects dark text on dark background in the More Info and
         Event Organizer sidebar panels on single event pages.
   1.3 — Added TEC front-end attendees report page styles (Section 5.1).
         Incorrect body class selector used — styles did not apply.
   1.4 — Fixed attendees page body class selector. Added sidebar layout fix.
         Added scoped link, table, form, and button styles for attendees page.
   1.5 — Fixed .wp_router_page-template-default a selector being too broad —
         was overriding global header and navigation link colors site-wide.
         Scoped link rules to TEC content area classes only.
   1.6 — Added Section 5.2: Board Meeting Agenda page styles.
         Dark-themed collapsible agenda component for board meeting event pages.
         All rules scoped to .agenda-shell. Responsive breakpoint added to
         Section 6. Print overrides added as scoped page-specific block in 5.2.
   1.7 — Fixed Section 4.2: TEC sidebar value text rendering dark on dark green.
         Avada hardcodes --awb-text-color:var(--awb-color3) inline on each value
         element. Neither Avada Global Options nor color: !important can override
         an inline custom property. Fix targets .single-tribe_events + dark green
         sidebar column + fusion-text elements with inline --awb-text-color, and
         overrides --awb-text-color directly with !important. --awb-color3 is not
         modified globally.
   SECTIONS
   1. GLOBAL OVERRIDES
   2. UTILITY CLASSES
   3. COMPONENT OVERRIDES (Avada)
   4. PLUGIN OVERRIDES (The Events Calendar)
   5. PAGE-SPECIFIC
   6. RESPONSIVE
   7. TEMPORARY / COMPATIBILITY FIXES
   FONT STANDARD (web and newsletter)
   font-family: 'Trebuchet MS', Arial, Georgia, serif
   COLOR REFERENCE — website and newsletter only
   #245D38  Tree Green     — hero bg, primary CTA, callout border
   #212934  Navy           — footer bg, H2 headings, card titles
   #65BC7B  Mid Green      — hero section label, dark-bg accent text
   #198FD9  CTA Blue       — action buttons, links, Teams button
   #35647E  Teal           — newsletter CTA buttons
   #D6EAD9  Hero Text      — paragraph text on dark green bg
   #555555  Body Text      — standard running body copy
   #333333  Heavy Text     — Avada text blocks, heavier paragraphs
   #EAF4EE  Callout BG     — always with 4px #245D38 left border
   #F4F4F4  Light Gray BG  — secondary cards, alternating table rows
   #E6E6E6  Card Border    — standard card and section dividers
   #C3002F  Alert Red      — deadline dates only, use sparingly
   See Style Guide Section 2 for document/presentation colors.
   Do not use document colors (#196B24, #0F4761, #0E2841) in web CSS.
   ============================================================= */

/* =============================================================
   1. GLOBAL OVERRIDES
   ============================================================= */

/* Body text override for Avada text blocks.
   Ref: Style Guide Section 2.3 */
.fusion-text p {
  color: #333333;
}

/* =============================================================
   2. UTILITY CLASSES
   ============================================================= */

/* Card grid — flex-based responsive layout.
   Ref: Style Guide Section 9.4 */
.ncr-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: stretch;
}
.ncr-grid a {
  flex: 1 1 220px;
  min-width: 220px;
  max-width: calc(33.333% - 11px);
  text-decoration: none;
  display: flex;
}
.ncr-grid.cols-4 a {
  max-width: calc(25% - 12px);
}

/* Callout box — green left-border on light green background.
   Ref: Style Guide Section 9.4 */
.ncr-callout {
  background: #EAF4EE;
  border-left: 4px solid #245D38;
  border-radius: 4px;
  padding: 14px 18px;
  margin: 16px 0;
  font-family: 'Trebuchet MS', Arial, Georgia, serif;
  font-size: 15px;
  color: #333333;
  line-height: 1.65;
}

/* Info tile — gray card with green top border.
   Ref: Style Guide Section 9.4 */
.ncr-tile {
  background: #f7f8f9;
  border-radius: 8px;
  border-top: 4px solid #245D38;
  padding: 18px 20px;
  font-family: 'Trebuchet MS', Arial, Georgia, serif;
  font-size: 15px;
  color: #555555;
  line-height: 1.65;
}

/* =============================================================
   3. COMPONENT OVERRIDES (Avada)
   ============================================================= */

/* Mega menu — corrects Avada overflow clipping issue.
   Ref: Avada known rendering behavior, tested 2026. */
.fusion-megamenu-wrapper {
  overflow: hidden !important;
}
.fusion-megamenu-holder {
  width: 100% !important;
  max-width: 100% !important;
}
.fusion-megamenu-holder .fusion-megamenu-border {
  width: 100% !important;
}

/* =============================================================
   4. PLUGIN OVERRIDES (The Events Calendar)
   ============================================================= */

/* --- 4.1 Events List Widget ---
   Overrides TEC widget grid with brand-consistent flex layout.
   ---------------------------------------------------------------- */
.tribe-events-widget-events-list {
  font-family: 'Trebuchet MS', Arial, Georgia, serif !important;
}
.tribe-events-widget-events-list__event-datetime-featured-icon,
.tribe-events-widget-events-list__event-datetime-featured-text {
  display: none !important;
}
.tribe-events-widget-events-list__event-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 12px !important;
  border-bottom: 1px solid #e5e7ea;
  padding: 14px 0 !important;
}
.tribe-events-widget-events-list__event-date-tag {
  flex: 0 0 44px !important;
  width: 44px !important;
  text-align: center !important;
  padding: 0 !important;
}
.tribe-events-widget-events-list__event-date-tag-month {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #555555 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  display: block !important;
}
.tribe-events-widget-events-list__event-date-tag-daynum {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #245D38 !important;
  line-height: 1.1 !important;
  display: block !important;
}
.tribe-events-widget-events-list__event-row > a {
  flex: 0 0 72px !important;
  width: 72px !important;
  margin: 0 !important;
  display: block !important;
}
.tribe-events-widget-events-list__event-row > a img {
  width: 72px !important;
  height: 52px !important;
  object-fit: cover !important;
  border-radius: 4px !important;
  display: block !important;
  float: none !important;
  margin: 0 !important;
}
.tribe-events-widget-events-list__event-wrapper {
  flex: 1 !important;
  min-width: 0 !important;
  padding: 0 !important;
}
.tribe-events-widget-events-list__event-datetime {
  font-size: 12px !important;
  color: #555555 !important;
  display: block !important;
  margin-bottom: 4px !important;
}
.tribe-events-widget-events-list__event-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #212934 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}
.tribe-events-widget-events-list__event-title a {
  color: #212934 !important;
  text-decoration: none !important;
}
.tribe-events-widget-events-list__event-title a:hover {
  color: #198FD9 !important;
}
.tribe-events-widget-events-list__view-more a {
  font-size: 13px !important;
  color: #35647E !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.tribe-events-widget-events-list__view-more a:hover {
  color: #198FD9 !important;
}

/* --- 4.2 Single Event Page — Sidebar Meta Panel (Added v1.2, Fixed v1.7) ---
   Corrects dark text on dark green background in More Info and Event
   Organizer sidebar panels on single event pages.
   Root cause: Avada's TEC layout template hardcodes --awb-text-color:var(--awb-color3)
   as an inline style on each value fusion-text element. Neither Avada Global
   Options nor color: !important can override an inline custom property declaration.
   Fix: scope the override to single TEC event pages, targeting only fusion-text
   elements inside the dark green sidebar column (identified by its inline
   --awb-bg-color:var(--awb-custom_color_1) declaration). Override --awb-text-color
   directly on matching fusion-text elements. Does not touch --awb-color3 globally.
   ---------------------------------------------------------------- */
.single-tribe_events
  .fusion-layout-column[style*="--awb-bg-color:var(--awb-custom_color_1)"]
  .fusion-text[style*="--awb-text-color"] {
  --awb-text-color: #ffffff !important;
}
.single-tribe_events
  .fusion-layout-column[style*="--awb-bg-color:var(--awb-custom_color_1)"]
  .fusion-text[style*="--awb-text-color"] p,
.single-tribe_events
  .fusion-layout-column[style*="--awb-bg-color:var(--awb-custom_color_1)"]
  .fusion-text[style*="--awb-text-color"] span,
.single-tribe_events
  .fusion-layout-column[style*="--awb-bg-color:var(--awb-custom_color_1)"]
  .fusion-text[style*="--awb-text-color"] div,
.single-tribe_events
  .fusion-layout-column[style*="--awb-bg-color:var(--awb-custom_color_1)"]
  .fusion-text[style*="--awb-text-color"] a {
  color: #ffffff !important;
}
.tribe-events-single .tribe-venue-location,
.tribe-events-single .tribe-organizer-tel,
.tribe-events-single .tribe-events-divider,
.tribe-events-single-section-title,
.tribe-events-single .tribe-events-meta-group,
.tribe-events-single .tribe-events-meta-group h4,
.tribe-events-single .tribe-events-meta-group dd,
.tribe-events-single .tribe-events-meta-group dt,
.tribe-events-single .tribe-events-meta-group address,
.tribe-events-single .tribe-events-meta-group p,
.tribe-events-single .tribe-events-meta-group a,
.tribe-events-single aside.tribe-events-meta address,
.tribe-events-single aside.tribe-events-meta p,
.tribe-events-single aside.tribe-events-meta a,
.tribe-events-single aside.tribe-events-meta dd,
.tribe-events-single aside.tribe-events-meta dt {
  color: #D6EAD9 !important;
}
.tribe-events-single .tribe-events-meta-group h3,
.tribe-events-single aside.tribe-events-meta h3 {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}
.tribe-events-single .tribe-events-meta-group a:hover,
.tribe-events-single aside.tribe-events-meta a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* =============================================================
   5. PAGE-SPECIFIC
   ============================================================= */

/* --- 5.1 TEC Front-End Attendees Report Page (Fixed v1.4) ---
   Scoped using confirmed live body classes from page source:
     .wp_router_page-template-default
     .postid-2700
     .avada-ec-meta-layout-sidebar
   The avada-ec-meta-layout-sidebar class causes Avada to render
   this page with a sidebar column layout, pushing TEC content
   into a narrow column. These rules override that and force
   full-width single-column layout for the attendees report.
   Ref: body class confirmed 2026-04-28
   ---------------------------------------------------------------- */

/* Force full-width layout — override Avada sidebar column */
.wp_router_page-template-default.avada-ec-meta-layout-sidebar #main,
.wp_router_page-template-default.avada-ec-meta-layout-sidebar .fusion-layout-column,
.wp_router_page-template-default.avada-ec-meta-layout-sidebar .post-content {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}
/* Hide sidebar entirely on this page */
.wp_router_page-template-default.avada-ec-meta-layout-sidebar .fusion-sidebar-area,
.wp_router_page-template-default.avada-ec-meta-layout-sidebar #sidebar,
.wp_router_page-template-default.avada-ec-meta-layout-sidebar .widget-area {
  display: none !important;
}
/* Global font and color for the page */
.wp_router_page-template-default .tribe-event-url,
.wp_router_page-template-default .tribe-router,
.wp_router_page-template-default #tribe-events {
  font-family: 'Trebuchet MS', Arial, Georgia, serif !important;
  color: #333333 !important;
}
/* Page title area */
.wp_router_page-template-default .tribe-attendees-page__title,
.wp_router_page-template-default h1 {
  font-family: 'Trebuchet MS', Arial, Georgia, serif !important;
  color: #245D38 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  margin: 20px 0 16px !important;
}
/* Section headings */
.wp_router_page-template-default h2,
.wp_router_page-template-default h3 {
  font-family: 'Trebuchet MS', Arial, Georgia, serif !important;
  color: #212934 !important;
  font-weight: 700 !important;
}
/* "My Events" label */
.wp_router_page-template-default .tribe-attendees-page__my-events {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #65BC7B !important;
  display: block !important;
  margin-bottom: 10px !important;
}
/* Summary table */
.wp_router_page-template-default table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-family: 'Trebuchet MS', Arial, Georgia, serif !important;
  font-size: 14px !important;
  margin: 12px 0 20px !important;
  border: 1px solid #E6E6E6 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}
.wp_router_page-template-default table th {
  background-color: #245D38 !important;
  color: #ffffff !important;
  padding: 10px 14px !important;
  text-align: left !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  border: none !important;
}
.wp_router_page-template-default table td {
  padding: 9px 14px !important;
  border-bottom: 1px solid #E6E6E6 !important;
  color: #333333 !important;
  vertical-align: top !important;
}
.wp_router_page-template-default table tr:last-child td {
  border-bottom: none !important;
}
.wp_router_page-template-default table tr:nth-child(even) td {
  background-color: #F4F4F4 !important;
}
/* Attendee list items */
.wp_router_page-template-default ul {
  font-family: 'Trebuchet MS', Arial, Georgia, serif !important;
  font-size: 14px !important;
  color: #333333 !important;
  line-height: 1.7 !important;
  padding-left: 18px !important;
}
/* Links — scoped to TEC content area only */
.wp_router_page-template-default #tribe-events a,
.wp_router_page-template-default .tribe-tickets-attendees a,
.wp_router_page-template-default .tribe-attendees-page a {
  color: #198FD9 !important;
  text-decoration: none !important;
}
.wp_router_page-template-default #tribe-events a:hover,
.wp_router_page-template-default .tribe-tickets-attendees a:hover,
.wp_router_page-template-default .tribe-attendees-page a:hover {
  color: #245D38 !important;
  text-decoration: underline !important;
}
/* Search form */
.wp_router_page-template-default input[type="text"],
.wp_router_page-template-default select {
  font-family: 'Trebuchet MS', Arial, Georgia, serif !important;
  font-size: 14px !important;
  border: 1px solid #E6E6E6 !important;
  border-radius: 4px !important;
  padding: 7px 10px !important;
  color: #333333 !important;
}
.wp_router_page-template-default input[type="submit"],
.wp_router_page-template-default .tribe-attendees-page button,
.wp_router_page-template-default .button {
  font-family: 'Trebuchet MS', Arial, Georgia, serif !important;
  font-size: 13px !important;
  background-color: #245D38 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 7px 14px !important;
  cursor: pointer !important;
}
.wp_router_page-template-default input[type="submit"]:hover,
.wp_router_page-template-default .button:hover {
  background-color: #1a4429 !important;
  color: #ffffff !important;
}
/* Export / Email / Print action links */
.wp_router_page-template-default .tribe-attendees-page__actions a,
.wp_router_page-template-default .tribe-tickets-attendees__export {
  font-family: 'Trebuchet MS', Arial, Georgia, serif !important;
  font-size: 13px !important;
  color: #198FD9 !important;
  font-weight: 600 !important;
}
/* "Other attendee data" label */
.wp_router_page-template-default .tribe-attendees-page__attendee-meta-label,
.wp_router_page-template-default strong {
  color: #212934 !important;
  font-weight: 700 !important;
}
/* Raw slug keys for attendees from deleted tickets */
.wp_router_page-template-default .tribe-attendees-page__attendee-meta {
  background-color: #f9fafb !important;
  border-left: 3px solid #E6E6E6 !important;
  border-radius: 4px !important;
  padding: 10px 14px !important;
  margin: 8px 0 16px !important;
  font-size: 13px !important;
  color: #555555 !important;
  font-family: 'Trebuchet MS', Arial, Georgia, serif !important;
}

/* --- 5.2 Board Meeting Agenda — .agenda-shell component (Added v1.6) ---
   Dark-themed collapsible agenda used on board meeting event pages.
   All rules scoped to .agenda-shell. Version: v3.1
   Slug pattern: /events/board-of-directors-[month]-[year]/
   Ref: Style Guide Section 13
   ---------------------------------------------------------------- */

.agenda-shell {
  font-family: 'Trebuchet MS', Arial, Georgia, serif;
  font-size: 17px;
  line-height: 1.65;
  color: #e8ede9;
  max-width: 860px;
  margin: 0 auto;
  background: #0f1a14;
  border-radius: 14px;
  overflow: hidden;
}
.agenda-shell a:focus-visible,
.agenda-shell summary:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
}
.agenda-masthead {
  background: linear-gradient(135deg, #0f2b1a 0%, #1a3d26 60%, #16331f 100%);
  padding: 36px 40px 28px;
  border-bottom: 3px solid #65BC7B;
}
.agenda-masthead-eyebrow {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #65BC7B;
  margin-bottom: 10px;
}
.agenda-masthead-title {
  font-size: 36px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.15;
  margin-bottom: 6px;
}
.agenda-masthead-subtitle {
  font-size: 24px;
  font-weight: 400;
  color: #d0f0dc;
  margin-bottom: 20px;
}
.agenda-meta-strip { display: flex; flex-wrap: wrap; gap: 10px; }
.agenda-meta-pill {
  background: rgba(101,188,123,0.15);
  border: 1px solid rgba(101,188,123,0.40);
  border-radius: 6px;
  padding: 7px 14px;
  font-size: 15px;
  color: #ffffff;
}
.agenda-meta-pill .icon { color: #65BC7B; font-weight: 700; }
.agenda-action-bar {
  background: #162b1e;
  padding: 14px 40px 8px;
  border-bottom: 1px solid #2a4535;
}
.agenda-action-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-bottom: 8px;
}
.agenda-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 7px;
  padding: 10px 18px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
}
.agenda-btn-green { background: #245D38; border: 1px solid #3a7a50; }
.agenda-btn-blue  { background: #198FD9; border: 1px solid #2aa8f5; }
.agenda-btn-teams { background: #2a4a6b; border: 1px solid #3b6fa0; }
.agenda-teams-info {
  font-size: 13px;
  color: #90b8d0;
  padding: 0 4px 8px;
  letter-spacing: .2px;
}
.agenda-body { padding: 0 40px 40px; }
.agenda-opening { margin-top: 32px; margin-bottom: 28px; }
.agenda-opening-label {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #65BC7B;
  margin-bottom: 12px;
}
.agenda-opening-items { display: flex; flex-wrap: wrap; gap: 8px; }
.agenda-opening-item {
  background: #162b1e;
  border: 1px solid #2a4535;
  border-left: 4px solid #65BC7B;
  border-radius: 0 8px 8px 0;
  padding: 12px 20px;
  font-size: 17px;
  font-weight: 700;
  color: #ffffff;
  min-width: 160px;
}
.agenda-opening-triangle {
  color: #65BC7B;
  margin-right: 4px;
}
details.county-grid-wrap {
  display: block;
  background: #0e1e12;
  border: 2px solid #3d7550;
  border-radius: 10px;
  margin-bottom: 32px;
  overflow: hidden;
}
details.county-grid-wrap > summary {
  list-style: none;
  background: #1a3d28;
  padding: 12px 20px;
  border-bottom: 2px solid #3d7550;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
}
details.county-grid-wrap > summary::-webkit-details-marker { display: none; }
.county-grid-rule {
  width: 3px; height: 18px;
  background: #65BC7B;
  border-radius: 2px;
  flex-shrink: 0;
}
.county-grid-heading {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #65BC7B;
  flex: 1;
}
.county-grid-chevron {
  font-size: 15px;
  font-weight: 700;
  color: #65BC7B;
  line-height: 1;
}
details.county-grid-wrap .county-grid-chevron::before { content: '\25B6'; }
details.county-grid-wrap[open] .county-grid-chevron::before { content: '\25BC'; }
.county-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));
  gap: 8px;
  padding: 16px 20px;
}
.county-card { background: #162b1e; border: 1px solid #2a4535; border-radius: 7px; overflow: hidden; }
.county-card-header {
  background: #1e3d2a;
  padding: 6px 10px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #65BC7B;
}
.county-card-body { padding: 8px 10px; font-size: 16px; color: #f0f8f2; line-height: 1.7; }
.county-alt { color: #B8E8C4; font-style: italic; }
.county-officer { color: #65BC7B; font-size: 13px; font-weight: 700; }
.agenda-section-header {
  display: flex;
  align-items: center;
  gap: 14px;
  border-radius: 0 10px 10px 0;
  padding: 14px 20px;
  margin-bottom: 16px;
}
.agenda-section-header-green {
  background: linear-gradient(90deg, #1a3d26 0%, #162e1e 100%);
  border: 1px solid #3d7550;
  border-left: 5px solid #65BC7B;
}
.agenda-section-header-blue {
  background: linear-gradient(90deg, #0f2030 0%, #0c1828 100%);
  border: 1px solid #1e60a8;
  border-left: 5px solid #3aacff;
}
.agenda-section-header-slate {
  background: linear-gradient(90deg, #0f1e2a 0%, #0c1820 100%);
  border: 1px solid #2a6888;
  border-left: 5px solid #7BC8E6;
}
.agenda-section-badge {
  font-size: 14px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 4px;
  letter-spacing: 2px;
  text-transform: uppercase;
  white-space: nowrap;
  color: #ffffff;
}
.badge-green { background: #245D38; }
.badge-blue  { background: #198FD9; }
.badge-slate { background: #2a6888; }
.agenda-section-title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
}
.agenda-subsection-divider {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #0a1810;
  border: 1px solid #2a4535;
  border-radius: 6px;
  padding: 9px 16px;
  margin: 24px 0 12px;
}
.agenda-subsection-rule { width: 3px; height: 16px; border-radius: 2px; flex-shrink: 0; }
.rule-green { background: #65BC7B; }
.rule-blue  { background: #7BC8E6; }
.rule-slate { background: #7BC8E6; }
.agenda-subsection-label {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.label-green { color: #65BC7B; }
.label-blue  { color: #7BC8E6; }
.label-slate { color: #7BC8E6; }
.agenda-card-static {
  display: block;
  border-radius: 10px;
  margin-bottom: 12px;
  overflow: hidden;
}
.agenda-card-static-green {
  background: #0e1e12;
  border: 2px solid #3d7550;
}
.agenda-card-static-header {
  padding: 14px 20px;
  background: #1a3d28;
  border-bottom: 0;
}
details.agenda-card {
  display: block;
  border-radius: 10px;
  margin-bottom: 12px;
  overflow: hidden;
}
details.agenda-card.agenda-card-last { margin-bottom: 28px; }
details.agenda-card > summary {
  list-style: none;
  padding: 14px 20px;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
details.agenda-card > summary::-webkit-details-marker { display: none; }
details.agenda-card > summary::after {
  content: '\25B6';
  font-size: 15px;
  font-weight: 700;
  flex-shrink: 0;
  color: #65BC7B;
  transition: color .18s ease, opacity .18s ease;
  line-height: 1;
  opacity: .95;
}
details.agenda-card[open] > summary::after {
  content: '\25BC';
  transform: none;
  color: #65BC7B;
  opacity: 1;
}
.agenda-card-header-text { flex: 1; min-width: 0; }
.agenda-card-header-flex {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
}
.agenda-card-title {
  font-size: 17px;
  font-weight: 700;
  color: #ffffff;
}
.agenda-card-subtitle {
  font-size: 15px;
  color: #c8e4f4;
  margin-top: 3px;
}
.agenda-card-subtitle-green { color: #b8e8c4; }
.agenda-card-body {
  padding: 14px 20px 16px;
  font-size: 16px;
  color: #e8f5ec;
  border-top: 1px solid rgba(255,255,255,.07);
}
.agenda-card-desc {
  padding: 12px 20px 14px;
  font-size: 16px;
  color: #e8f5ec;
  border-top: 1px solid rgba(255,255,255,.07);
}
details.agenda-card-green {
  background: #0e1e12;
  border: 2px solid #3d7550;
}
details.agenda-card-green > summary {
  background: #1a3d28;
  border-bottom: 2px solid #3d7550;
}
details.agenda-card-blue {
  background: #0c1826;
  border: 2px solid #1e60a8;
}
details.agenda-card-blue > summary {
  background: #0a1830;
  border-left: 4px solid #3aacff;
  border-bottom: 2px solid #1e60a8;
}
details.agenda-card-blue > summary::after { color: #7BC8E6; }
details.agenda-card-blue[open] > summary::after { content: '\25BC'; color: #7BC8E6; }
details.agenda-card-slate {
  background: #0a1820;
  border: 2px solid #2a6888;
}
details.agenda-card-slate > summary {
  background: #0e2235;
  border-left: 5px solid #7BC8E6;
  border-bottom: 2px solid #2a6888;
}
details.agenda-card-slate > summary::after { color: #7BC8E6; }
details.agenda-card-slate[open] > summary::after { content: '\25BC'; color: #7BC8E6; }
details.agenda-card-purple {
  display: block;
  background: #0f1520;
  border: 1px solid #3a2a70;
  border-left: 4px solid #9a70e0;
  border-radius: 0 8px 8px 0;
  overflow: hidden;
  margin-top: 14px;
}
details.agenda-card-purple > summary {
  list-style: none;
  background: #130e24;
  padding: 10px 14px;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
details.agenda-card-purple > summary::-webkit-details-marker { display: none; }
details.agenda-card-purple > summary::after {
  content: '\25B6';
  font-size: 14px;
  font-weight: 700;
  color: #9a70e0;
  flex-shrink: 0;
  margin-top: 2px;
  transition: color .18s ease, opacity .18s ease;
  opacity: .95;
}
details.agenda-card-purple[open] > summary {
  border-bottom: 1px solid #3a2a70;
}
details.agenda-card-purple[open] > summary::after {
  content: '\25BC';
  transform: none;
  opacity: 1;
}
.agenda-card-purple-title { font-size: 16px; font-weight: 700; color: #d4b8f8; }
.agenda-card-purple-subtitle { font-size: 14px; color: #c4b8e8; margin-top: 2px; font-style: italic; }
.agenda-card-purple-body { padding: 10px 14px 12px; }
.agenda-badge {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 3px;
  white-space: nowrap;
  color: #ffffff;
  flex-shrink: 0;
}
.badge-action-green        { background: #65BC7B; color: #0a1a0c; }
.badge-action-blue         { background: #198FD9; }
.badge-action-vote         { background: #2a6888; }
.badge-action-presentation { background: #65BC7B; color: #0a1a0c; }
.agenda-list {
  margin: 0;
  padding-left: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 20px;
  font-size: 16px;
  color: #e8f5ec;
}
.agenda-list-purple {
  margin: 0;
  padding-left: 18px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 16px;
  font-size: 16px;
  color: #e0d4f8;
}
.agenda-adjourn {
  background: #1a3d28;
  border: 1px solid #3d7550;
  border-left: 5px solid #65BC7B;
  border-radius: 0 10px 10px 0;
  padding: 14px 20px;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: .5px;
}

/* =============================================================
   6. RESPONSIVE
   ============================================================= */

@media (max-width: 800px) {
  .ncr-grid a,
  .ncr-grid.cols-4 a {
    max-width: 100%;
  }
  /* Stack attendees report columns on mobile */
  .wp_router_page-template-default table th,
  .wp_router_page-template-default table td {
    display: block !important;
    width: 100% !important;
  }
}

/* Board agenda — mobile breakpoint (Added v1.6) */
@media (max-width: 640px) {
  .agenda-shell { border-radius: 0; }
  .agenda-masthead { padding: 28px 24px 22px; }
  .agenda-masthead-eyebrow { font-size: 11px; letter-spacing: 3px; }
  .agenda-masthead-title { font-size: 30px; }
  .agenda-masthead-subtitle { font-size: 21px; }
  .agenda-action-bar, .agenda-body { padding-left: 24px; padding-right: 24px; }
  .agenda-action-buttons { flex-direction: column; align-items: stretch; }
  .agenda-btn { justify-content: center; }
  .county-grid { grid-template-columns: 1fr; }
  .agenda-list, .agenda-list-purple { grid-template-columns: 1fr; }
  .agenda-section-header { align-items: flex-start; flex-direction: column; gap: 8px; }
  .agenda-card-header-flex { align-items: flex-start; flex-direction: column; }
  details.agenda-card > summary { align-items: flex-start; }
}

/* Board agenda — print overrides (Added v1.6, scoped to 5.2) */
@media print {
  .agenda-shell {
    max-width: none;
    margin: 0;
    background: #ffffff !important;
    color: #111111 !important;
    border-radius: 0;
    overflow: visible;
    font-size: 12pt;
  }
  .agenda-masthead,
  .agenda-action-bar,
  .agenda-section-header,
  .agenda-subsection-divider,
  details.agenda-card,
  .agenda-card-static,
  details.county-grid-wrap,
  .county-card,
  .agenda-adjourn {
    background: #ffffff !important;
    color: #111111 !important;
    box-shadow: none !important;
    border-color: #999999 !important;
  }
  .agenda-masthead { border-bottom: 2px solid #333333 !important; }
  details.agenda-card > summary,
  details.agenda-card-purple > summary,
  details.county-grid-wrap > summary,
  .agenda-card-static-header {
    background: #ffffff !important;
    border-color: #999999 !important;
  }
  .agenda-masthead-title,
  .agenda-masthead-subtitle,
  .agenda-section-title,
  .agenda-card-title,
  .agenda-card-subtitle,
  .agenda-card-subtitle-green,
  .agenda-card-purple-title,
  .agenda-card-purple-subtitle,
  .agenda-card-desc,
  .agenda-card-body,
  .agenda-list,
  .agenda-list li,
  .agenda-list-purple,
  .agenda-list-purple li,
  .county-card-body,
  .county-alt,
  .county-officer,
  .agenda-adjourn { color: #111111 !important; }
  .agenda-masthead-eyebrow,
  .agenda-opening-label,
  .county-grid-heading,
  .county-card-header,
  .agenda-subsection-label,
  .agenda-section-badge,
  .agenda-badge,
  .agenda-opening-item {
    color: #111111 !important;
    background: #eeeeee !important;
    border-color: #999999 !important;
  }
  .agenda-action-buttons { display: none !important; }
  .agenda-teams-info {
    color: #111111 !important;
    background: transparent !important;
    padding-top: 4px;
  }
  details.agenda-card,
  details.agenda-card-purple,
  .agenda-card-static,
  .county-card { break-inside: avoid; page-break-inside: avoid; }
  details.agenda-card > summary::after,
  details.agenda-card-purple > summary::after,
  .county-grid-chevron,
  .agenda-opening-triangle { display: none !important; }
  .agenda-list, .agenda-list-purple { grid-template-columns: 1fr 1fr; }
  details.agenda-card-purple,
  details.agenda-card-purple > summary,
  details.agenda-card-purple[open] > summary,
  .agenda-card-purple-body {
    background: #f5f5f5 !important;
    border-color: #999999 !important;
  }
  .agenda-card-purple-title,
  .agenda-card-purple-subtitle,
  .agenda-card-purple-body,
  .agenda-list-purple,
  .agenda-list-purple li {
    color: #111111 !important;
  }
}

/* =============================================================
   7. TEMPORARY / COMPATIBILITY FIXES
   ============================================================= */

/* TEMPORARY — 2026-04-28
   Fixes: TEC attendees report page at /events/regional/attendees/event/[id]
   renders with no Avada header/footer and no brand styling.
   Plugin/component: Event Tickets / wp-router-placeholder (postid-2700)
   Remove when: A tribe/tickets/ template override in the child theme
   correctly wraps the attendees report with the full Avada site layout,
   making the functions.php template_include filter and Section 5.1 CSS
   rules redundant.
   Related: ncretac_attendees_page_access() in functions.php v2.0 */