/* ============================================================
   Card-Varianten — bordered / elevated / flat / media-first
   + Density (cozy/default/comfortable) mit voller FFC-Coverage
   ============================================================ */

/* ---------------------------------------------------------------
   Card-Stil
--------------------------------------------------------------- */

/* Elevated: keine Linie, staerker erhoben */
[data-card="elevated"] .card,
[data-card="elevated"] .ffc-mannschaft-card,
[data-card="elevated"] .ffc-einsaetze-card,
[data-card="elevated"] .ffc-fuhrpark--cards .ffc-fuhrpark-card,
[data-card="elevated"] .ffc-events-item,
[data-card="elevated"] .ffc-news-card,
[data-card="elevated"] .ffc-kommando-card,
[data-card="elevated"] .member,
[data-card="elevated"] .event,
[data-card="elevated"] .cmd-card,
[data-card="elevated"] .tl-card {
    border-color: transparent !important;
    box-shadow: var(--sh-hover);
}
[data-card="elevated"] .card:hover,
[data-card="elevated"] a.card:hover,
[data-card="elevated"] .ffc-mannschaft-card:hover,
[data-card="elevated"] .ffc-einsaetze-card:hover,
[data-card="elevated"] .ffc-fuhrpark--cards .ffc-fuhrpark-card:hover,
[data-card="elevated"] .ffc-events-item:hover,
[data-card="elevated"] .ffc-news-card:hover {
    box-shadow: var(--sh-elevated);
    border-color: transparent !important;
}

/* Flat: weder Linie noch Schatten — nur Surface-Color, Hover-Lift weg */
[data-card="flat"] .card,
[data-card="flat"] .ffc-mannschaft-card,
[data-card="flat"] .ffc-einsaetze-card,
[data-card="flat"] .ffc-fuhrpark--cards .ffc-fuhrpark-card,
[data-card="flat"] .ffc-events-item,
[data-card="flat"] .ffc-news-card,
[data-card="flat"] .ffc-kommando-card,
[data-card="flat"] .member,
[data-card="flat"] .tl-card {
    background: var(--c-surface-2);
    border-color: transparent !important;
    box-shadow: none !important;
}
[data-card="flat"] .card:hover,
[data-card="flat"] a.card:hover,
[data-card="flat"] .ffc-mannschaft-card:hover,
[data-card="flat"] .ffc-einsaetze-card:hover,
[data-card="flat"] .ffc-fuhrpark--cards .ffc-fuhrpark-card:hover,
[data-card="flat"] .ffc-events-item:hover,
[data-card="flat"] .ffc-news-card:hover,
[data-card="flat"] .member:hover {
    background: var(--c-surface-3);
    box-shadow: none !important;
    transform: none !important;
    border-color: transparent !important;
}

/* Media-First: groesse Bilder, abgerundete Top-Ecken, Reise-Landing-Style */
[data-card="media-first"] .ffc-fuhrpark--cards .ffc-fuhrpark-card-image,
[data-card="media-first"] .ffc-news-thumb {
    aspect-ratio: 4/3;
}
[data-card="media-first"] .ffc-news-card,
[data-card="media-first"] .ffc-fuhrpark--cards .ffc-fuhrpark-card,
[data-card="media-first"] .ffc-einsaetze-card {
    border-radius: var(--r-lg);
    overflow: hidden;
}
[data-card="media-first"] .ffc-fuhrpark-card-image,
[data-card="media-first"] .ffc-news-thumb {
    border-radius: var(--r-lg) var(--r-lg) 0 0;
}
/* Bei media-first staerkere Headline-Hierarchie */
[data-card="media-first"] .ffc-news-title,
[data-card="media-first"] .ffc-fuhrpark--cards .ffc-fuhrpark-card-name,
[data-card="media-first"] .ffc-einsaetze-card-title {
    font-size: 1.25rem !important;
}

/* ---------------------------------------------------------------
   Density — wirkt jetzt auf ALLE FFC-Card-Selektoren
--------------------------------------------------------------- */

/* COZY — knapp */
[data-density="cozy"] .card__body { padding: var(--sp-3) var(--sp-4); gap: var(--sp-2); }
[data-density="cozy"] .member { padding: var(--sp-3) var(--sp-2); }
[data-density="cozy"] .cmd-card { padding: var(--sp-4); gap: var(--sp-3); }
[data-density="cozy"] .ffc-mannschaft-card { padding: var(--sp-3) var(--sp-2) !important; }
[data-density="cozy"] .ffc-einsaetze-card-head { padding: var(--sp-3) var(--sp-3) 0 !important; }
[data-density="cozy"] .ffc-einsaetze-card-title { margin: var(--sp-2) var(--sp-3) !important; }
[data-density="cozy"] .ffc-einsaetze-card-address { margin: 0 var(--sp-3) var(--sp-3) !important; }
[data-density="cozy"] .ffc-fuhrpark--cards .ffc-fuhrpark-card-name { margin: var(--sp-3) var(--sp-3) 0.2rem !important; }
[data-density="cozy"] .ffc-fuhrpark--cards .ffc-fuhrpark-card-type { margin: 0 var(--sp-3) var(--sp-2) !important; }
[data-density="cozy"] .ffc-fuhrpark--cards .ffc-fuhrpark-card-meta { margin: 0 var(--sp-3) var(--sp-3) !important; padding-top: var(--sp-2); }
[data-density="cozy"] .ffc-news-body { padding: var(--sp-3) !important; gap: var(--sp-1) !important; }
[data-density="cozy"] .ffc-events-item { padding: var(--sp-3) var(--sp-4) var(--sp-3) 0 !important; }
[data-density="cozy"] .ffc-kommando-card { padding: var(--sp-4) !important; }

/* COMFORTABLE — luftig */
[data-density="comfortable"] .card__body { padding: var(--sp-7); gap: var(--sp-4); }
[data-density="comfortable"] .member { padding: var(--sp-6) var(--sp-5); }
[data-density="comfortable"] .cmd-card { padding: var(--sp-7); gap: var(--sp-6); }
[data-density="comfortable"] .ffc-mannschaft-card { padding: var(--sp-6) !important; }
[data-density="comfortable"] .ffc-einsaetze-card-head { padding: var(--sp-6) var(--sp-6) 0 !important; }
[data-density="comfortable"] .ffc-einsaetze-card-title { margin: var(--sp-4) var(--sp-6) !important; font-size: 1.2rem !important; }
[data-density="comfortable"] .ffc-einsaetze-card-address { margin: 0 var(--sp-6) var(--sp-6) !important; }
[data-density="comfortable"] .ffc-fuhrpark--cards .ffc-fuhrpark-card-name { margin: var(--sp-6) var(--sp-6) 0.4rem !important; }
[data-density="comfortable"] .ffc-fuhrpark--cards .ffc-fuhrpark-card-type { margin: 0 var(--sp-6) var(--sp-4) !important; }
[data-density="comfortable"] .ffc-fuhrpark--cards .ffc-fuhrpark-card-meta { margin: 0 var(--sp-6) var(--sp-6) !important; padding-top: var(--sp-5); }
[data-density="comfortable"] .ffc-news-body { padding: var(--sp-6) !important; gap: var(--sp-4) !important; }
[data-density="comfortable"] .ffc-events-item { padding: var(--sp-6) var(--sp-7) var(--sp-6) 0 !important; }
[data-density="comfortable"] .ffc-kommando-card { padding: var(--sp-7) !important; }

/* ---------------------------------------------------------------
   Konsistenz: hardcoded border-radius im FFC-Bridge auf Token mappen
--------------------------------------------------------------- */
.ffc-events-item::before {
    border-radius: var(--r-pill) !important;
}