/* ==========================================================================
   Badge Fix - Vehicle Cards (Buscador, Top, Ofertas, etc.)
   Fixes overlapping badges on vehicle card image overlays.
   
   Problem: The right badge container (leiloeira name + logo) has no max-width
   constraint, causing long names like "SANTANDER SOCIEDADE DE CREDITO 
   FINANCIAMENTO E INV" to overflow and overlap with left badges.
   
   Solution: Constrain both left and right badge containers to 50% width,
   add flex-wrap, and truncate long leiloeira names.
   
   Deployed: 2026-03-13
   ========================================================================== */

/* --- Right badge container (leiloeira info) --- */
.relative.overflow-hidden.cursor-pointer > .absolute.top-3.right-3.flex.gap-1\.5 {
    max-width: 50% !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

/* Truncate long leiloeira names inside the right badge */
.relative.overflow-hidden.cursor-pointer > .absolute.top-3.right-3.flex.gap-1\.5 > span {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* --- Left badge container (classificacao_dano + tipo_veiculo) --- */
.relative.overflow-hidden.cursor-pointer > .absolute.top-3.left-3.flex.gap-1\.5.flex-wrap {
    max-width: 50% !important;
}

/* Truncate long classification names on the left too */
.relative.overflow-hidden.cursor-pointer > .absolute.top-3.left-3.flex.gap-1\.5.flex-wrap > span {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}