/* ============================================================
   Motri — Cards de veículos enriquecidos
   Complementa o .project-wrapper do tema (não substitui)
   ============================================================ */

/* Card wrapper */
.motri-card { position: relative; transition: box-shadow .3s ease, transform .3s ease; }
.motri-card:hover { box-shadow: 0 22px 50px rgba(0,0,0,0.18); transform: translateY(-6px); }

/* Imagem com zoom no hover */
.motri-card-img { position: relative; overflow: hidden; border-radius: 14px 14px 0 0; }
.motri-card-img img { transition: transform .5s cubic-bezier(.2,.7,.3,1); width: 100%; display: block; }
.motri-card:hover .motri-card-img img { transform: scale(1.08); }

/* Container de badges (canto superior esquerdo) */
.motri-badges {
    position: absolute; top: 14px; left: 14px; z-index: 3;
    display: flex; flex-direction: column; gap: 6px; align-items: flex-start;
}
.motri-badge {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 6px 12px; border-radius: 50px;
    font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px;
    color: #fff; backdrop-filter: blur(8px);
    box-shadow: 0 4px 14px rgba(0,0,0,0.25);
}
.motri-badge i { font-size: 10px; }
.motri-badge-featured { background: linear-gradient(135deg, var(--color-accent, #EA580C), var(--color-primary, #F97316)); }
.motri-badge-new { background: linear-gradient(135deg, #16A34A, #22C55E); }
.motri-badge-used { background: rgba(38,38,38,0.85); border: 1px solid rgba(255,255,255,0.2); }
.motri-badge-armored { background: linear-gradient(135deg, #7C3AED, #A855F7); }
.motri-badge-reserved { background: linear-gradient(135deg, #DC2626, #EF4444); }

/* Preço destacado */
.motri-price {
    background: linear-gradient(135deg, var(--color-primary, #F97316) 0%, var(--color-accent, #EA580C) 100%) !important;
    color: #fff !important;
    font-weight: 800 !important;
    padding: 8px 18px !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.35);
    font-size: 16px !important;
    display: inline-block;
}

/* Categoria + ano */
.motri-card-cat {
    display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 1px; color: var(--color-primary, #F97316); margin-bottom: 6px;
}
.motri-card-year { font-size: 13px; color: #A3A3A3; font-weight: 600; display: block; margin-bottom: 14px; }

/* Specs com ícones */
.motri-specs { gap: 14px !important; margin-bottom: 18px !important; }
.motri-specs li { display: flex; align-items: center; gap: 6px; font-size: 13px; color: #525252; font-weight: 500; }
.motri-specs li i { color: var(--color-primary, #F97316); font-size: 14px; }

/* Botão do card */
.motri-card-btn { width: 100%; text-align: center; display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; transition: gap .2s ease; }
.motri-card-btn:hover { gap: 14px; }

/* Responsive */
@media (max-width: 480px) {
    .motri-badge { font-size: 10px; padding: 5px 10px; }
    .motri-price { font-size: 14px !important; padding: 6px 14px !important; }
}

/* ============================================================
   FOOTER — Override tema (overlay azul -> preto puro)
   ============================================================ */
.rts-footer-area.footer-bg-1{
    background:#0A0A0A !important;
    clip-path:none !important;
}
.rts-footer-area.footer-bg-1::after{
    background:rgba(10,10,10,0.96) !important;
}
.copyright-area{
    background:#050505 !important;
    border-top:1px solid rgba(255,255,255,0.06);
}

/* ============================================================
   MENU — impedir quebra de texto nos itens (Sobre Nós etc.)
   ============================================================ */
.nav-area ul li.main-nav a.main-menu{
    white-space:nowrap !important;
}
.nav-area ul{
    flex-wrap:nowrap !important;
    gap:0 !important;
}