/*
 * redesign.css — ClickYourCity centralized overrides
 * Loaded after core.css and theme-default.css.
 * Keep vendor themes intact; put all CYC-specific deviations here.
 * -------------------------------------------------------------------
 */

/* ── 1. CYC Brand tokens ──────────────────────────────────────────── */
:root {
  --cyc-yellow: #f4c126;
  --cyc-yellow-dark: #d98c00;
  --cyc-navy: #0e3657;
  --cyc-navy-light: #1a4d7a;
  --cyc-pink: #fb5496;

  /* Sneat semantic aliases (keep in sync with core.css) */
  --cyc-primary: #696cff;
  --cyc-danger: #ff3e1d;
  --cyc-warning: #ffab00;
  --cyc-info: #03c3ec;
  --cyc-success: #71dd37;
}

/* ── 2. Autocomplete / search dropdown (.resultados) ─────────────── */
/*
 * Applied to every inline autocomplete result list.
 * Centralises the visual style so individual views only need
 * `display:none` as the initial state; the rest comes from here.
 */
.resultados {
  background-color: var(--bs-body-bg, #fff);
  border: 1px solid var(--bs-border-color, #d9dee3) !important;
  border-radius: var(--bs-border-radius, 0.375rem);
  box-shadow: 0 0.25rem 0.75rem rgba(67, 89, 113, 0.12);
  max-height: 240px;
  overflow-y: auto;
  width: 100%;
}

.resultados > div,
.resultados > a,
.resultados > button {
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  border-bottom: 1px solid var(--bs-border-color, #d9dee3);
  font-size: 0.875rem;
}

.resultados > div:last-child,
.resultados > a:last-child,
.resultados > button:last-child {
  border-bottom: 0;
}

.resultados > div:hover,
.resultados > a:hover,
.resultados > button:hover {
  background-color: rgba(105, 108, 255, 0.08);
}

/* ── 3. KPI card accent borders (visit page) ─────────────────────── */
/*
 * The visit-kpi-card component uses border-left for status colour.
 * These classes let views use semantic names instead of hex values.
 */
.visit-kpi-card.kpi-danger {
  border-left-color: var(--cyc-danger) !important;
}
.visit-kpi-card.kpi-warning {
  border-left-color: var(--cyc-warning) !important;
}
.visit-kpi-card.kpi-info {
  border-left-color: var(--cyc-info) !important;
}
.visit-kpi-card.kpi-primary {
  border-left-color: var(--cyc-primary) !important;
}
.visit-kpi-card.kpi-success {
  border-left-color: var(--cyc-success) !important;
}

/* ── 4. Footer cleanup ───────────────────────────────────────────── */
.content-footer .footer-link {
  color: var(--bs-secondary-color, #697a8d);
  text-decoration: none;
}

.content-footer .footer-link:hover {
  color: var(--cyc-primary);
  text-decoration: underline;
}

/* ── 5. Danger action buttons (destructive operations) ───────────── */
/*
 * Ensure destructive buttons (wipe, delete, reset) always render
 * with the correct semantic colour regardless of inline overrides.
 */
form[id$='Form'] .btn-danger,
button.btn-danger {
  --bs-btn-bg: var(--cyc-danger);
  --bs-btn-border-color: var(--cyc-danger);
  --bs-btn-hover-bg: #d93517;
}