/* ============================================================
 * Trailhead BUTTONS — campos-1.1.28
 *
 * Staff action buttons are GOLD FILLS. Jake called 1.1.15 ghosts
 * "dead". Color is the gold family only — no lime/olive/green fill
 * on forest. Same tokens light and dark so gold pops on cream and
 * on forest. Ink stays #14241C (not white-on-gold).
 *
 *   Primary / staff actions — gold #C89B3C + forest ink #14241C
 *   Tertiary chrome only — ghost outline (back/forward/refresh)
 *
 * Destructive (btn-danger) stays red. Male/female/family cabin
 * chips keep gender color. Blue stays on banners only.
 * Hang fix (1.1.16): this file is attached once in head.
 * ============================================================ */

:root {
  --campos-btn-gold: #C89B3C;
  --campos-btn-ink:  #14241C;
}

/* ── Gold fills: CTAs + Person Editor staff actions ─────────── */
html body .btn-primary,
html body .btn-success,
html body .btn-info,
html body .btn-warning,
html body .btn-action,
html body .pe-btn-add-person,
html body .pe-btn-history-add,
html body .btn-success.pe-btn-history-add,
html body .btn-primary.pe-btn-history-add,
html body .pe-btn-lincoln,
html body .pe-btn-email-trigger,
html body .pe-btn-lincoln.pe-print-btn,
html body .pe-header-actions .btn,
html body .pe-selected-event-panel-header .btn,
html body .ce-btn--primary,
html body .cms-action-btn,
html body .cms-btn-save,
html body .cms-btn-cedine,
html body .cb-btn-primary,
html body .sr-btn--gold,
html body .recon-btn--primary,
html body .xi-btn-choose,
html body .xi-actions-row .btn-primary,
html body .du-btn-primary,
html body .ccf-btn-yes,
html body .ccf-upload-btn--choose,
html body .cce-send,
html body .cb-submit-debit-btn,
html body .cb-refund-btn,
html body .staffread-save,
html body button.btn-success,
html body a.btn-success,
html body button.btn-primary,
html body a.btn-primary {
  background: #C89B3C !important;
  background-image: none !important;
  color: #14241C !important;
  border: 2px solid #C89B3C !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
html body .btn-primary i,
html body .btn-success i,
html body .pe-btn-add-person i,
html body .pe-btn-history-add i,
html body .pe-btn-lincoln i,
html body .pe-btn-email-trigger i,
html body .pe-header-actions .btn i,
html body .pe-selected-event-panel-header .btn i,
html body .ce-btn--primary i,
html body .ce-btn--primary .fa,
html body .cms-action-btn i,
html body .cms-btn-save i,
html body .cms-btn-cedine i,
html body .cb-btn-primary i,
html body .sr-btn--gold i,
html body .xi-btn-choose i,
html body .xi-btn-choose .fa,
html body .du-btn-primary i,
html body .ccf-btn-yes i,
html body .cce-send i,
html body .cb-submit-debit-btn i,
html body .pe-btn-lincoln .fa-caret-down,
html body .pe-btn-email-trigger .fa-caret-down {
  color: #14241C !important;
}

html body .btn-primary:hover,
html body .btn-success:hover,
html body .btn-info:hover,
html body .pe-btn-add-person:hover,
html body .pe-btn-history-add:hover,
html body .pe-btn-lincoln:hover,
html body .pe-btn-email-trigger:hover,
html body .pe-header-actions .btn:hover,
html body .pe-selected-event-panel-header .btn:hover,
html body .ce-btn--primary:hover,
html body .cms-action-btn:hover,
html body .cms-btn-save:hover,
html body .sr-btn--gold:hover,
html body .xi-btn-choose:hover,
html body .pe-split-menu.open .pe-btn-lincoln,
html body .pe-email-menu.open .pe-btn-email-trigger {
  background: #B0892F !important;
  border-color: #B0892F !important;
  color: #14241C !important;
}

/* ── Ghost: tertiary chrome only (back / forward / refresh squares) */
html body .pe-nav-arrows .btn,
html body .pe-nav-arrows .btn-outline-secondary,
html body .btn-outline-secondary {
  background: transparent !important;
  background-image: none !important;
  color: #14241C !important;
  border: 2px solid #14241C !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
html body .pe-nav-arrows .btn i,
html body .btn-outline-secondary i {
  color: #14241C !important;
}
html[data-theme="dark"] body .pe-nav-arrows .btn,
html[data-theme="dark"] body .btn-outline-secondary,
html[data-bs-theme="dark"] body .pe-nav-arrows .btn,
html[data-bs-theme="dark"] body .btn-outline-secondary,
html.dark-mode body .pe-nav-arrows .btn,
body.dark-mode .btn-outline-secondary {
  background: transparent !important;
  color: #F5EFDD !important;
  border: 2px solid #F5EFDD !important;
}
html[data-theme="dark"] body .pe-nav-arrows .btn i,
html[data-theme="dark"] body .btn-outline-secondary i,
html[data-bs-theme="dark"] body .pe-nav-arrows .btn i {
  color: #F5EFDD !important;
}

/* Cancel / Clear Filters stay quiet ghosts, not gold CTAs */
html body .btn-default,
html body .btn-secondary,
html body .ce-btn--ghost,
html body .sr-btn--ghost,
html body .cb-btn-secondary,
html body .cms-btn-cancel,
html body .xi-actions-row .btn-default {
  background: transparent !important;
  background-image: none !important;
  color: #14241C !important;
  border: 2px solid #14241C !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body .btn-default,
html[data-theme="dark"] body .btn-secondary,
html[data-theme="dark"] body .ce-btn--ghost,
html[data-theme="dark"] body .sr-btn--ghost,
html[data-theme="dark"] body .cb-btn-secondary,
html[data-theme="dark"] body .cms-btn-cancel,
html[data-bs-theme="dark"] body .btn-default,
html.dark-mode body .btn-default,
body.dark-mode .btn-default {
  background: transparent !important;
  color: #F5EFDD !important;
  border: 2px solid #F5EFDD !important;
}

/* View on Events is a staff action — gold, even though it uses btn-default */
html body .pe-selected-event-panel-header .btn,
html body .pe-selected-event-panel-header .btn-default {
  background: #C89B3C !important;
  color: #14241C !important;
  border: 2px solid #C89B3C !important;
  font-weight: 800 !important;
}

/* Hero chrome labeled controls on forest banners: cream ghost */
html body .hub-hero-btn,
html body .cpc2-hero-btn,
html body .camposprintcenter .cpc2-hero-btn {
  background: transparent !important;
  background-image: none !important;
  color: #F5EFDD !important;
  border: 2px solid #F5EFDD !important;
  font-weight: 700 !important;
}
html body .hub-hero-btn i,
html body .cpc2-hero-btn i {
  color: #F5EFDD !important;
}

/* Hero chrome tiny icon squares: gold ghost ring + wash on hover */
html body .clo-hero-icon-btn,
html body .camposprintcenter .cpc2-editor-back {
  background: transparent !important;
  background-image: none !important;
  color: #FFFEFB !important;
  border: 2px solid #E6C26A !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
html body .clo-hero-icon-btn i,
html body .camposprintcenter .cpc2-editor-back .fa {
  color: #FFFEFB !important;
}
html body .clo-hero-icon-btn:hover,
html body .clo-hero-icon-btn:focus,
html body .camposprintcenter .cpc2-editor-back:hover,
html body .camposprintcenter .cpc2-editor-back:focus {
  background: rgba(230, 194, 106, 0.32) !important;
  border-color: #E6C26A !important;
  color: #FFFEFB !important;
}
html body .clo-hero-icon-btn:hover i,
html body .clo-hero-icon-btn:focus i,
html body .camposprintcenter .cpc2-editor-back:hover .fa,
html body .camposprintcenter .cpc2-editor-back:focus .fa {
  color: #FFFEFB !important;
}

/* ── Back navigation pills — gold fill, forest ink (1.1.28) ───── */
html body .hub-back,
html body button.hub-back,
html body a.cpc-back-link,
html body a.xi-back-link,
html body a.sr-back-link,
html body a.ce-breadcrumb__back,
html body a.staffread-apps-back {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #C89B3C !important;
  background-image: none !important;
  color: #14342B !important;
  border: 2px solid #C89B3C !important;
  font-weight: 700 !important;
  font-size: 12.5px !important;
  line-height: 1.2 !important;
  padding: 6px 13px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}
html body .hub-back i,
html body .hub-back svg,
html body a.cpc-back-link i,
html body a.xi-back-link i,
html body a.sr-back-link i,
html body a.ce-breadcrumb__back i,
html body a.staffread-apps-back i {
  color: #14342B !important;
}
html body .hub-back:hover,
html body button.hub-back:hover,
html body a.cpc-back-link:hover,
html body a.xi-back-link:hover,
html body a.sr-back-link:hover,
html body a.ce-breadcrumb__back:hover,
html body a.staffread-apps-back:hover {
  background: #B0892F !important;
  border-color: #B0892F !important;
  color: #14342B !important;
  text-decoration: none !important;
}
html[data-theme="dark"] body .hub-back,
html[data-theme="dark"] body button.hub-back,
html[data-theme="dark"] body a.cpc-back-link,
html[data-theme="dark"] body a.xi-back-link,
html[data-theme="dark"] body a.sr-back-link,
html[data-theme="dark"] body a.ce-breadcrumb__back,
html[data-theme="dark"] body a.staffread-apps-back,
html[data-bs-theme="dark"] body .hub-back,
html[data-bs-theme="dark"] body a.cpc-back-link,
html.dark-mode body .hub-back,
html.dark-mode body a.cpc-back-link,
body.dark-mode .hub-back,
body.dark-mode a.cpc-back-link {
  background: #E6C26A !important;
  border-color: #E6C26A !important;
  color: #14342B !important;
}
html[data-theme="dark"] body .hub-back:hover,
html[data-theme="dark"] body a.cpc-back-link:hover,
html[data-theme="dark"] body a.xi-back-link:hover,
html[data-theme="dark"] body a.sr-back-link:hover,
html[data-theme="dark"] body a.ce-breadcrumb__back:hover,
html.dark-mode body .hub-back:hover,
html.dark-mode body a.cpc-back-link:hover {
  background: #D4B35E !important;
  border-color: #D4B35E !important;
  color: #14342B !important;
}

/* Breadcrumb row layout for tool pages */
html body .cpc-breadcrumb,
html body .xi-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 13px;
  color: #3A4A42;
}
html body .cpc-breadcrumb-sep,
html body .xi-breadcrumb-sep {
  color: #8A8474;
}