/* ============================================================
   REALIO — Brand Override v2
   ============================================================
   Aplikuje novú primárnu farbu #F87829 (oranžová) cez celú
   aplikáciu cez CSS premenné. Načítava sa PO app.css, takže
   pretláča staré --accent: #D63B2F na nové --accent: #F87829.

   Loaded order in index.php (critical):
     1) onboarding.css     ← onboarding styly
     2) app.css            ← main app styly s var(--accent: #D63B2F)
     3) brand-override.css ← THIS — pretláča --accent + iné hodnoty
*/

:root {
  --accent: #F87829 !important;
  --accent-soft: #FEE5D2 !important;
  --accent-deep: #D85C0C;
}

/* Niektoré pravidlá v app.css používajú hardcoded #D63B2F namiesto
   var(--accent). Pretláčame ich tu prostredníctvom selektorov ktoré
   už v app.css existujú. */

/* Header logo wordmark "i" akcent (v app.js sa renderuje cez span class) */
.logo em,
.logo .accent,
.logo-accent {
  color: var(--accent) !important;
}

/* PREDAJ / RENT chip in card */
.card-chip-red,
.card-chip.predaj,
.card-chip[data-tx="sale"] {
  background: var(--accent) !important;
  color: white !important;
}

/* Like button (heart) glow */
.action-btn.like:hover,
.action-btn-like {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}

/* Filter reset link */
.filter-reset {
  color: var(--accent) !important;
}

/* AI sparkle / send button */
.chat-send,
.chat-suggestion-sparkle {
  background: var(--accent) !important;
}
.chat-send:hover {
  background: var(--accent-deep) !important;
}

/* Splash logo accent "i" */
.splash-title em,
.splash-title .accent {
  color: var(--accent) !important;
}

/* Logo mark inside black square — keep red roof tip swap to orange */
.logo-mark::before,
.brand-mark::before,
.ob-brand-mark::before {
  border-bottom-color: var(--accent) !important;
}

/* Install banner / PWA prompt CTA */
.install-banner-btn {
  background: var(--accent) !important;
}

/* Investor potential color tags (keep neutral green/orange for high vs medium) */
.investor-potential.high {
  color: var(--accent) !important;
}

/* Loading spinner */
.spinner,
.splash-spinner {
  border-top-color: var(--accent) !important;
}

/* Active chip in any filter sheet — keep ink-black for selected,
   accent for reset and emphasis only */

/* Badge on liked button count */
.badge {
  background: var(--accent) !important;
}

/* Header logo replacement — Reallio PNG instead of text wordmark */
.reallio-header-logo {
  display: block;
  width: auto;
  height: 28px;
  max-height: 32px;
  object-fit: contain;
}
.logo[data-reallio-patched="1"] {
  /* Remove any default flex gap, padding etc that was for old icon+text combo */
  gap: 0 !important;
  padding: 0 !important;
}

/* Onboarding overrides (defaults in onboarding.css are coral red) */
.ob-title em {
  color: var(--accent) !important;
}
.ob-cta-secondary {
  color: var(--accent) !important;
}
.ob-cta-secondary svg {
  fill: var(--accent) !important;
}
.swipe-hint-icon.left {
  color: var(--accent) !important;
}