/* Owner-directed colour extension: repeat the header coral through the page. */
body.ws-selected {
  --brand-coral: #f27b70;
  --brand-blush: #fbe3dc;
  --brand-navy: #0a1833;
}

/* Use navy type on coral so small labels and actions stay readable. */
.ws-selected .button,
.ws-selected .site-header .nav-compare {
  background: var(--brand-coral);
  border-color: var(--brand-coral);
  color: var(--brand-navy);
}
.ws-selected .button:hover {
  background: var(--brand-navy);
  border-color: var(--brand-navy);
  color: #faf5e9;
}
.ws-selected .button.secondary {
  background: var(--brand-blush);
  border-color: var(--brand-navy);
  color: var(--brand-navy);
}
.ws-selected .button.secondary:hover { background: var(--brand-coral); }
.ws-selected .site-header .nav-compare:hover { background: #faf5e9; }

.ws-selected .category-tile {
  background: var(--brand-coral);
  color: var(--brand-navy);
}
.ws-selected .category-tile span { padding: 20px; }
.ws-selected .category-tile small { color: var(--brand-navy); }
.ws-selected .category-tile:hover { opacity: 1; background: var(--brand-blush); }
.ws-selected .filter-form { background: var(--brand-coral); }
.ws-selected .filter-form .extra-filters { border-top-color: #a95049; }
.ws-selected .quality-filters { background: var(--brand-blush); border-color: #a95049; }
.ws-selected .quality-filters legend { background: var(--brand-blush); padding: 4px 8px; }
.ws-selected .filter-toggle { border-color: var(--brand-navy); }
.ws-selected .filter-toggle[aria-expanded=true] { background: var(--brand-navy); color: #faf5e9; }
.ws-selected #result-count { color: var(--brand-navy); font-weight: 700; }

.ws-selected .real-directory-card,
.ws-selected .real-directory-card:not(:has(.directory-provider-photo)) {
  background: #fffaf1;
  border-top: 6px solid var(--brand-coral);
}
.ws-selected .real-directory-card:has(input:checked) {
  outline: 2px solid var(--brand-navy);
  outline-offset: 3px;
  background: var(--brand-blush);
}
.ws-selected .shortlist-bar { border-top: 5px solid var(--brand-coral); }

.ws-selected .listing-system {
  background: var(--brand-blush);
  border-top: 10px solid var(--brand-coral);
}
/* Recognition retains its existing cream / coral / navy distinction. */
.ws-selected[data-page=directory] .trust-section :focus-visible { outline-color: var(--brand-navy); }
.ws-selected[data-page=directory] .trust-section .button:hover {
  background: var(--brand-navy);
  border-color: var(--brand-navy);
  color: #faf5e9;
}
.ws-selected .questions-band { background: #faf5e9; }
.ws-selected .questions-section > div > p:not(.eyebrow),
.ws-selected .questions-list details p { color: var(--brand-navy); }
.ws-selected .questions-list details { border-color: #d8d3c7; }
.ws-selected .questions-list details[open] {
  background: #fffaf1;
  padding: 24px;
  border-color: transparent;
  border-left: 3px solid var(--brand-coral);
  margin-bottom: 18px;
}
.ws-selected .questions-list details[open] + details { border-top: 0; }
.ws-selected .site-footer { border-top: 10px solid var(--brand-coral); }

/* Carry the same colour into profiles and comparison, without altering facts. */
.ws-selected .real-summary,
.ws-selected .listing-gaps,
.ws-selected .comparison-note { background: var(--brand-blush); }
.ws-selected .real-facts h2::before {
  content: '';
  display: block;
  width: 42px;
  height: 7px;
  margin-bottom: 16px;
  background: var(--brand-coral);
}
.ws-selected .comparison-table thead th { background: var(--brand-blush); }
.ws-selected .comparison-table .group-row th {
  background: var(--brand-coral);
  color: var(--brand-navy);
}
@media(max-width:600px) {
  .ws-selected .category-tile span { padding: 14px 10px; }
  .ws-selected .questions-list details[open] { padding: 20px; }
}