/* =========================================================
   Apartamento à Venda Cuiabá — Theme Override
   Principal: #F28000 (laranja da logo)
   ========================================================= */

:root{
  /* Laranja principal (logo) */
  --apto-primary: #F28000;
  --apto-primary-600: #CD6C00;
  --apto-primary-700: #A95900;

  /* Fundos suaves */
  --apto-primary-soft: #FDEFE0;
  --apto-primary-soft-2: #FEF8F2;

  /* Acentos opcionais (da própria logo) */
  --apto-accent-broker: #6E09D6; /* roxo */
  --apto-accent-agency: #8CE563; /* verde */

  /* Boost no Bootstrap (se você usa .btn-primary, .text-primary etc.) */
  --bs-primary: var(--apto-primary);
  --bs-primary-rgb: 242, 128, 0;
  --bs-link-color: var(--apto-primary);
  --bs-link-hover-color: var(--apto-primary-600);
}

/* ---------- HERO / FUNDO ---------- */
.cvc-hero{
  background: linear-gradient(180deg, var(--apto-primary-soft-2) 0%, #fff 70%);
}

/* ---------- BADGE / DESTAQUES ---------- */
.cvc-badge-pill{
  background: var(--apto-primary-soft);
  color: var(--apto-primary-700);
  border: 1px solid rgba(242,128,0,.25);
}

/* Deixa o card de busca “assinado” pelo laranja */
.cvc-search-card--hero{
  border-top: 4px solid var(--apto-primary);
}

/* ---------- BOTÕES ---------- */
.cvc-btn-primary{
  background: var(--apto-primary);
  border-color: var(--apto-primary);
}

.cvc-btn-primary:hover{
  background: var(--apto-primary-600);
  border-color: var(--apto-primary-600);
}

.cvc-btn-primary:active{
  background: var(--apto-primary-700);
  border-color: var(--apto-primary-700);
}

.cvc-btn-primary:focus,
.cvc-btn-primary:focus-visible{
  box-shadow: 0 0 0 .25rem rgba(242,128,0,.25);
}

/* Links “ver todos” com cor do tema */
.cvc-hero-preview-link,
.cvc-link-view-all{
  color: var(--apto-primary);
}

.cvc-hero-preview-link:hover,
.cvc-link-view-all:hover{
  color: var(--apto-primary-600);
}

/* ---------- CHIPS (mantém diferenciação visual) ---------- */
.cvc-card-chip--owner{
  background: var(--apto-primary-soft);
  color: var(--apto-primary-700);
  border: 1px solid rgba(242,128,0,.25);
}

.cvc-card-chip--broker{
  background: rgba(110,9,214,.10);
  color: var(--apto-accent-broker);
  border: 1px solid rgba(110,9,214,.25);
}

.cvc-card-chip--agency{
  background: rgba(140,229,99,.16);
  color: #2E7D32;
  border: 1px solid rgba(140,229,99,.25);
}

/* ---------- DOTS DA LEGENDA ---------- */
.cvc-hero-legend-dot--owner{ background: var(--apto-primary); }
.cvc-hero-legend-dot--corretor{ background: var(--apto-accent-broker); }
.cvc-hero-legend-dot--imobiliaria{ background: var(--apto-accent-agency); }

/* ---------- CARDS: hover mais “apto” ---------- */
.cvc-card-imovel:hover,
.cvc-card-hero:hover{
  transform: translateY(-2px);
  transition: transform .18s ease, box-shadow .18s ease;
  box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.08);
}

/* Borda de destaque em laranja (quando existir) */
.cvc-card-imovel--highlight{
  /*outline: 2px solid rgba(242,128,0,.22);*/
  /*outline-offset: 2px;*/
}

/* ---------- RANGE (se o seu CSS base já estiliza, isso só “puxa” pro tema) ---------- */
.cvc-price-range-track{
  background: rgba(242,128,0,.20);
}