/*
 * VFO Frontend CSS  v1.2.0+Enhanced
 * Aggressively hides the "Featured" ribbon/badge on Vehica car cards
 * across all rendering variants.
 */

/* ── Vehica Core / Vehica Theme component class names ─────────────────── */
.vehica-car-featured-label,
.vehica-featured-label,
.vehica_car_featured_label,
.vehica_featured_label,
.vehica-car__featured,
.vehica__featured,
.vehica-car-label--featured,
.vehica__car-label--featured,

/* ── Partial-match selectors (covers Vehica variants) ──────────────────── */
[class*="featuredLabel"],
[class*="FeaturedLabel"],
[class*="featured-label"],
[class*="featured_label"],
[class*="car-featured"],
[class*="car_featured"],
[class*="CarFeatured"],

/* ── Generic ribbon / badge classes ──────────────────────────────────────── */
.featured-ribbon,
.featured-badge,
.badge--featured,
.badge-featured,
.label-featured,
.car-label.featured,
.ribbon.featured,
.ribbon--featured,
.label--featured,
.car-ribbon--featured,

/* ── Vehica app wrapper and car card ribbons ────────────────────────────── */
.vehica-app .ribbon,
.vehica-app [class*="ribbon"],
.vehica [class*="ribbon"],
.vehica-vehicles [class*="ribbon"],
.vehicle [class*="ribbon"],
.car-card [class*="ribbon"],

/* ── Catch labels with red background (Featured) ──────────────────────────── */
[class*="label"],
[class*="badge"],
[class*="ribbon"],

/* ── Position absolute/fixed divs that might be ribbons ──────────────────── */
.vehica-vehicle-label,
.vehicle-label,
.car-label,
.listing-label,

/* Broad catch-all for anything that looks like a ribbon */
span[style*="position"],
div[style*="position"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    max-width: 0 !important;
    max-height: 0 !important;
}