/* ==========================================================================
   O seu carro — barra de contexto

   Fica no rodapé da janela, acima de tudo, e só aparece quando há veículo
   guardado. Discreta de propósito: é contexto, não anúncio.
   ========================================================================== */

.rg-meu-carro {
  position: fixed;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  z-index: 60;
  display: flex;
  align-items: center;
  gap: 14px;
  max-width: calc(100vw - 32px);
  padding: 10px 10px 10px 18px;
  background: rgba(22, 25, 27, 0.94);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(178, 187, 192, 0.24);
  border-radius: 999px;
  box-shadow: 0 10px 34px rgba(0, 0, 0, 0.45);
  font-size: 14px;
  color: var(--rg-on-dark);
  animation: rg-mc-entra .34s cubic-bezier(.22,.61,.36,1);
}
@keyframes rg-mc-entra {
  from { opacity: 0; transform: translateX(-50%) translateY(14px); }
  to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}

.rg-mc-rotulo {
  font-size: 10.5px; font-weight: 900; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--rg-gold); flex: none;
}
.rg-mc-nome {
  font-weight: 700;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  max-width: 30ch;
}
.rg-mc-preco { color: var(--rg-on-dark-soft); font-variant-numeric: tabular-nums; flex: none; }

.rg-mc-acoes { display: flex; align-items: center; gap: 8px; flex: none; }
.rg-mc-acoes a,
.rg-mc-sair {
  display: inline-flex; align-items: center;
  min-height: 36px; padding: 0 14px;
  border-radius: 999px;
  font-size: 13px; font-weight: 700;
  text-decoration: none; cursor: pointer;
  border: 1px solid rgba(178, 187, 192, 0.3);
  background: transparent; color: var(--rg-on-dark);
  font-family: inherit;
}
.rg-mc-acoes a { background: var(--rg-gold); color: var(--rg-preto); border-color: var(--rg-gold); }
.rg-mc-acoes a:hover { background: #C9D0D4; border-color: #C9D0D4; }
.rg-mc-sair:hover { border-color: rgba(178,187,192,.6); }
.rg-mc-acoes a:focus-visible,
.rg-mc-sair:focus-visible { outline: 3px solid var(--rg-gold); outline-offset: 2px; }

/* Guardar: nasce dentro do resultado da FIPE. */
.rg-mc-guardar {
  display: inline-flex; align-items: center;
  min-height: 44px; margin-top: 18px; padding: 0 20px;
  border-radius: 8px; border: 1px solid var(--rg-gold);
  background: transparent; color: var(--rg-ink);
  font-family: inherit; font-size: 14.5px; font-weight: 700; cursor: pointer;
}
.rg-mc-guardar:hover:not(:disabled) { background: var(--rg-gold); color: var(--rg-preto); }
.rg-mc-guardar:disabled { opacity: .75; cursor: default; border-style: dashed; }
.rg-mc-guardar:focus-visible { outline: 3px solid var(--rg-gold-dark); outline-offset: 2px; }
/* No bloco escuro da home o texto do botão precisa do tom claro. */
.rg-escuro .rg-mc-guardar { color: var(--rg-on-dark); }

.rg-mc-aviso {
  margin: 8px 0 0;
  font-size: 13.5px;
  color: var(--rg-gold-dark);
  font-weight: 650;
}
.rg-escuro .rg-mc-aviso { color: var(--rg-gold); }

/* Não pode cobrir o rodapé quando a página termina. */
body.tem-carro { padding-bottom: 76px; }

@media (max-width: 640px) {
  .rg-meu-carro { gap: 10px; padding: 9px 9px 9px 14px; font-size: 13px; bottom: 10px; }
  .rg-mc-preco { display: none; }
  .rg-mc-nome { max-width: 16ch; }
  .rg-mc-acoes a { display: none; }   /* no celular fica só nome e sair */
}