/* Hide Webflow badge */
.w-webflow-badge { display: none !important; }
/* Hide only the copyright area in the footer */
.copyright-info-wrapper { display: none !important; }

/* Billy Motors - Alterar cores laranja para amarelo */
:root {
  --vibrant-tangerine: #FFD700 !important;
  --bold-tangerine: #FFC700 !important;
  --tangerine-glow: #FFE44D !important;
}

/* Alterar texto para preto nos elementos com fundo amarelo */
.cta-button,
.details-btn,
.car-listing-year,
.social-media,
.color-block,
.empty-state-wrapper,
.pagination-button,
.form-success-message {
  color: #000 !important;
}

.cta-button:hover,
.details-btn:hover {
  color: #000 !important;
}

/* Typography: ensure accented characters render correctly */
:root { --bm-font: 'Noto Sans', 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif; }
html, body, .body, .nav-link, .section-heading, .car-listing-name, .primary-text, .car-info-heading, .footer-text, .listing-detail, .currency-price-term, .car-listing-price { font-family: var(--bm-font) !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Preload to avoid flicker while translating/removing elements */
html.preload-i18n .nav-menu-wrapper,
html.preload-i18n .header-section,
html.preload-i18n .section-heading-wrapper,
html.preload-i18n .cars-collection-list-wrapper,
html.preload-i18n .footer-section-wrapper { visibility:hidden !important; }

/* Footer readability */
.footer-section-wrapper .car-info-heading,
.footer-section-wrapper .small-heading,
.footer-section-wrapper .footer-text,
.footer-section-wrapper .contact-link div,
.footer-section-wrapper a { color:#fff !important; }
.footer-section-wrapper a:hover { opacity:.9; }
/* Remover barras brancas (dividers) do rodapé */
.footer-section-wrapper .divider { display:none !important; height:0 !important; }

/* Billy Motors cards adjustments */
.bm-card { display:flex; flex-direction:column; height:100%; }
.bm-card .car-image-wrapper { width:100%; aspect-ratio: 16 / 10; overflow:hidden; border-radius: 8px; }
.bm-card .listing-car-image { width:100%; height:100%; object-fit:cover; }
.bm-card-body { display:flex; flex-direction:column; gap:10px; flex:1; }
.listing-price-row { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.bm-km-chip { background:#f4f4f4; color:#333; border-radius:10px; padding:6px 10px; font-size:12px; white-space:nowrap; }
.bm-actions { margin-top:auto; display:flex; gap:10px; }
.bm-actions .w-button { flex:1; }
.bm-btn-secondary { background:#ffffff !important; color:#111 !important; border:1px solid #e5e5e5 !important; }

/* Floating WhatsApp button and card */
.bm-whats-floating { position:fixed; right:20px; bottom:24px; z-index:9999; display:flex; flex-direction:column; align-items:flex-end; gap:10px; }
.bm-whats-fab { width:56px; height:56px; border-radius:50%; background:#0a65c0; box-shadow:0 6px 16px rgba(0,0,0,.3); display:flex; align-items:center; justify-content:center; cursor:pointer; }
.bm-whats-fab svg { width:26px; height:26px; color:#fff; }
.bm-whats-card { display:none; width:320px; background:#fff; border-radius:14px; box-shadow:0 10px 24px rgba(0,0,0,.25); padding:16px; }
.bm-whats-title { font-weight:800; font-size:20px; margin:0 0 12px 0; color:#0f172a; }
.bm-whats-btn { display:inline-flex; align-items:center; gap:10px; background:#0ea565; color:#fff; font-weight:700; border-radius:40px; padding:14px 20px; text-decoration:none; }
.bm-whats-btn svg { width:20px; height:20px; }
@media (max-width: 480px){ .bm-whats-card{ width:calc(100vw - 40px);} }

/* Lightbox styles */
.bm-lightbox{ position:fixed; inset:0; background:rgba(0,0,0,.9); display:none; align-items:center; justify-content:center; z-index:99999; }
.bm-lightbox.bm-open{ display:flex; }
#bm-lightbox-img{ max-width:90vw; max-height:90vh; object-fit:contain; }
.bm-lightbox-close{ position:absolute; top:14px; right:18px; font-size:32px; background:transparent; border:0; color:#fff; cursor:pointer; }
.bm-lightbox-prev,.bm-lightbox-next{ position:absolute; top:50%; transform:translateY(-50%); font-size:40px; width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,.15); border:0; color:#fff; cursor:pointer; }
.bm-lightbox-prev{ left:20px; }
.bm-lightbox-next{ right:20px; }
