/* ============================================================
   CarFinder – zjednotenie podstránok do štýlu šablóny
   Typografia (Open Sans / Open Sans Condensed), paleta (#1c2931 + #e30000),
   tlačidlá a jemné animácie. Načítané ako posledné → má prednosť.
   ============================================================ */

:root {
  --cf-dark: #1c2931;
  --cf-red: #e30000;
  --cf-red-dk: #b40000;
  --cf-head: 'Open Sans Condensed', 'Open Sans', Arial, sans-serif;
}

/* ---- Nadpisy: Open Sans Condensed, VEĽKÉ PÍSMENÁ (signatúra šablóny) ---- */
.page-banner h1,
.section-title,
.block-title,
.section-head .section-title {
  font-family: var(--cf-head) !important;
  text-transform: uppercase;
  letter-spacing: .6px;
  font-weight: 700;
  line-height: 1.08;
}
.section-title,
.block-title { color: var(--cf-dark); }
.page-banner h1 { color: #fff; }
/* Na tmavých sekciách nadpis biely */
.section--steps .section-title,
.section--dark .section-title,
.section--cta .section-title { color: #fff; }

/* ---- Nadpisy kariet do Condensed uppercase (bez zmeny farby – nech ostanú
       čitateľné aj na tmavých kartách) ---- */
.service-card h3, .info-card h3, .step-card h3, .value-card h3,
.review-card h3, .contact-card h3, .tool-card h3, .card h3,
.about-contact-card h4, .ci-card h4 {
  font-family: var(--cf-head);
  text-transform: uppercase;
  letter-spacing: .5px;
  font-weight: 700;
}

/* Centrovaný block-title (napr. empty-state) → červený accent na stred, nie vľavo */
.empty-state .block-title { text-align: center; }
.empty-state .block-title::after { margin-left: auto; margin-right: auto; }

/* ---- Kicker / drobné akcenty – červená ---- */
.section-kicker { color: var(--cf-red) !important; letter-spacing: 2.4px; }

/* ---- Odkazy – akcentová červená pri hoveri ---- */
a { transition: color .18s ease; }
main a:not(.btn-primary-lg):not(.btn-ghost):not(.btn):hover { color: var(--cf-red); }

/* ---- Tlačidlá v štýle šablóny (červená, jemný lift + lesk) ---- */
.btn-primary-lg {
  background: linear-gradient(135deg, #ff3b3b 0%, var(--cf-red) 55%, var(--cf-red-dk) 100%) !important;
  border: 0 !important;
  color: #fff !important;
  font-family: var(--cf-head);
  text-transform: uppercase;
  letter-spacing: .8px;
  font-weight: 700;
  border-radius: 12px;
  box-shadow: 0 12px 26px -10px rgba(227,0,0,.6);
  transition: transform .2s cubic-bezier(.22,.61,.36,1), box-shadow .2s, filter .2s;
}
.btn-primary-lg:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 34px -10px rgba(227,0,0,.75);
  filter: brightness(1.05);
  color: #fff !important;
}

/* ---- Sekundárne (ghost) tlačidlo – jemný rám, po hoveri tmavé ---- */
.btn-ghost {
  border: 1.5px solid var(--cf-dark);
  color: var(--cf-dark);
  border-radius: 12px;
  transition: background .2s, color .2s, transform .2s;
}
.btn-ghost:hover {
  background: var(--cf-dark);
  color: #fff;
  transform: translateY(-2px);
}

/* ---- Karty (faq, kroky, hodnoty…) – jemné zaoblenie + tieň konzistentne ---- */
.faq-item, .step-card, .value-card, .svc-card, .review-card, .contact-card {
  border-radius: 14px;
}

/* ---- Page-banner: tmavé pozadie šablóny + jemný červený nádych ---- */
.page-banner { background: var(--cf-dark); }