/* PortalMS Bildstandard: petrolfarbener Corporate-Hintergrund fuer Fahrzeug- und Fuhrparkbilder. */
:root {
  --portalms-picture-bg:
    radial-gradient(ellipse at 50% 17%, rgba(196, 239, 235, .38) 0%, rgba(196, 239, 235, 0) 52%),
    linear-gradient(180deg, #659f9d 0%, #559391 48%, #3d7373 78%, #294f52 100%);
}

/* Alle bekannten Bildflaechen im Portal, in MS-App und DriverHub. */
.vehicle-photo,
.vehicle-image-wrap,
.vehicle-photo-wrap,
.vehicle-preview,
.order-vehicle-preview,
.detail-vehicle,
.detail-photo,
.current-photo,
.fleet-folder-image,
.vehicle-suggestion-image,
.selected-vehicle,
.app-shuttle-card,
.shuttle-card > span:first-of-type,
.shuttle-detail,
.portalms-vehicle-image-stage,
[data-vehicle-image],
.modal-body:has(#vehicleImageLarge),
.logo:has(img[alt*="Gruppenbild" i]) {
  background: var(--portalms-picture-bg) !important;
}

/* Auch direkt ausgegebene Fahrzeugbilder erhalten den Hintergrund. */
img.vehicle-image,
img.current-photo,
.vehicle-photo img,
.vehicle-image-wrap img,
.vehicle-photo-wrap img,
.vehicle-preview img,
.order-vehicle-preview img,
.detail-vehicle img,
.detail-photo img,
.fleet-folder-image img,
.vehicle-suggestion-image img,
.selected-vehicle img,
.app-shuttle-card img,
.shuttle-card img,
.shuttle-detail img,
[data-vehicle-image] img,
img#vehicleImageLarge,
img[alt*="Fahrzeug" i],
img[alt*="Shuttle" i],
img[alt*="Aktuelles Fahrzeugbild" i],
img[src*="company-vehicle-image.php"],
img[src*="company-vehicle-photo"],
img[src*="vehicle-photo"],
img[src*="vehicle_image"],
img[src*="vehicle-image"] {
  background: var(--portalms-picture-bg) !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Die Auswahlvorschau im Hol-/Bringauftrag zeigt freigestellte PNG/WebP-Bilder. */
.selected-vehicle-preview,
.selected-vehicle-preview > img,
.selected-vehicle-preview img[alt*="Fahrzeug" i] {
  background: transparent !important;
}

/* Einheitliche Darstellung ohne weisse Bildflaechen. */
.vehicle-photo,
.vehicle-image-wrap,
.vehicle-photo-wrap,
.vehicle-preview,
.order-vehicle-preview,
.detail-vehicle,
.detail-photo,
.fleet-folder-image,
.shuttle-detail,
.portalms-vehicle-image-stage,
[data-vehicle-image] {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

/* Dezenter Bodenschatten fuer freigestellte Fahrzeuge. */
.vehicle-photo::after,
.vehicle-image-wrap::after,
.vehicle-photo-wrap::after,
.vehicle-preview::after,
.order-vehicle-preview::after,
.detail-vehicle::after,
.fleet-folder-image::after,
.shuttle-detail::after,
.portalms-vehicle-image-stage::after,
[data-vehicle-image]::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 12%;
  right: 12%;
  bottom: 3%;
  height: 13%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(7,31,34,.42) 0%, rgba(7,31,34,0) 72%);
  filter: blur(6px);
  pointer-events: none;
}
.vehicle-photo > *,
.vehicle-image-wrap > *,
.vehicle-photo-wrap > *,
.vehicle-preview > *,
.order-vehicle-preview > *,
.detail-vehicle > *,
.fleet-folder-image > *,
.shuttle-detail > *,
.portalms-vehicle-image-stage > *,
[data-vehicle-image] > * {
  position: relative;
  z-index: 1;
}

/* Keine Corporate-Flaeche fuer Logos, Dokumente, Karten und Unterschriften. */
img.mobile-logo,
img[src*="/assets/images/logo" i],
img[src*="vehicle-brands" i],
.document-preview img,
img[alt*="Fahrzeugschein" i],
img[alt*="Dokument" i],
img[alt*="Unterschrift" i] {
  background: transparent !important;
}

/* Fuhrpark-Hierarchie: Standort-, Gruppen- und Firmenbilder erhalten denselben
   petrolfarbenen Corporate-Hintergrund wie die Fahrzeugbilder. */
.branch-card .logo,
.company-card .logo,
.company-card .logo-placeholder,
.group-card .logo,
.location-card .logo,
.fleet-location-card .logo,
.fleet-group-card .logo,
article.portalms-clickable-card .logo,
article.portalms-clickable-card .logo-placeholder {
  background: var(--portalms-picture-bg) !important;
  color: #ffffff !important;
  border-color: rgba(184, 206, 207, .88) !important;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.branch-card .logo::after,
.company-card .logo::after,
.company-card .logo-placeholder::after,
.group-card .logo::after,
.location-card .logo::after,
.fleet-location-card .logo::after,
.fleet-group-card .logo::after,
article.portalms-clickable-card .logo::after,
article.portalms-clickable-card .logo-placeholder::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 10%;
  right: 10%;
  bottom: 2%;
  height: 14%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(7,31,34,.35) 0%, rgba(7,31,34,0) 72%);
  filter: blur(7px);
  pointer-events: none;
}

.branch-card .logo > *,
.company-card .logo > *,
.company-card .logo-placeholder > *,
.group-card .logo > *,
.location-card .logo > *,
.fleet-location-card .logo > *,
.fleet-group-card .logo > *,
article.portalms-clickable-card .logo > *,
article.portalms-clickable-card .logo-placeholder > * {
  position: relative;
  z-index: 1;
}

.branch-card .logo img,
.company-card .logo img,
.company-card .logo-placeholder img,
.group-card .logo img,
.location-card .logo img,
.fleet-location-card .logo img,
.fleet-group-card .logo img,
article.portalms-clickable-card .logo img,
article.portalms-clickable-card .logo-placeholder img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Kartenbilder sind portalweit als eigenständige, weich gerundete Bildflächen
   erkennbar. Die Regel gilt auch für DriverHub-Aufträge und deren Platzhalter. */
.vehicle-card img,
.card img,
.branch-card img,
.company-card img,
.group-card img,
.location-card img,
.fleet-location-card img,
.fleet-group-card img,
.fleet-folder-card img,
.order-card img,
.dh-order-card img,
.driver-order-detail__image img,
.app-shuttle-card img,
.shuttle-card img,
article.portalms-clickable-card img,
.vehicle-card .vehicle-placeholder,
.dh-order-card .vehicle-placeholder,
.driver-order-detail__image .vehicle-placeholder {
  border-radius: 14px !important;
}

/* Auftragsansichten benutzen eine neutrale, feste Bildflaeche. */
.order-vehicle-preview,
.order-card .card-photo,
.dh-order-card__image,
.driver-order-detail__image {
  background: transparent !important;
}
.order-vehicle-preview::after,
.order-card .card-photo::after,
.dh-order-card__image::after,
.driver-order-detail__image::after {
  display: none !important;
}
.order-vehicle-preview > img,
.order-card .card-photo > img,
.dh-order-card__image > img,
.driver-order-detail__image > img {
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
}


/* 2026-08-07: Fahrzeug-/Portalbilder ohne kuenstliche Farb- oder Schattenflaechen. */
:root{--portalms-picture-bg:transparent!important;}
img{background:transparent!important;background-image:none!important;}
.vehicle-photo,
.vehicle-image-stage,
.vehicle-image-wrap,
.vehicle-photo-wrap,
.vehicle-preview,
.order-vehicle-preview,
.detail-vehicle,
.detail-photo,
.current-photo,
.fleet-folder-image,
.vehicle-suggestion-image,
.selected-vehicle,
.app-shuttle-card,
.shuttle-card > span:first-of-type,
.shuttle-detail,
.portalms-vehicle-image-stage,
[data-vehicle-image],
.order-card .card-photo,
.dh-order-card__image,
.driver-order-detail__image{
  background:transparent!important;
  background-image:none!important;
}
.vehicle-photo::after,
.vehicle-image-stage::after,
.vehicle-image-wrap::after,
.vehicle-photo-wrap::after,
.vehicle-preview::after,
.order-vehicle-preview::after,
.detail-vehicle::after,
.detail-photo::after,
.fleet-folder-image::after,
.shuttle-detail::after,
.portalms-vehicle-image-stage::after,
[data-vehicle-image]::after{
  display:none!important;
  content:none!important;
}


/* 2026-08-07: Fahrzeugbilder portalweit freigestellt/transparent.
   Gilt fuer PortalMS, Auftraege, Shuttle-Auswahl, Modale und Fahrzeugakten. */
:root{
  --portalms-picture-bg:transparent!important;
  --portalms-vehicle-bg:transparent!important;
}
.vehicle-photo,
.vehicle-image-stage,
.vehicle-image-wrap,
.vehicle-photo-wrap,
.vehicle-preview,
.order-vehicle-preview,
.order-card .card-photo,
.detail-vehicle,
.detail-photo,
.current-photo,
.fleet-folder-image,
.vehicle-suggestion-image,
.selected-vehicle,
.selected-vehicle-preview,
.app-shuttle-card,
.app-shuttle-card .shuttle-icon,
.shuttle-card,
.shuttle-card > span:first-of-type,
.shuttle-card-placeholder,
.shuttle-detail,
.dh-order-card__image,
.driver-order-detail__image,
.driver-vehicle-choice__image,
.portalms-vehicle-image-stage,
[data-vehicle-image],
.company-vehicle-placeholder{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}
.vehicle-photo::before,.vehicle-photo::after,
.vehicle-image-stage::before,.vehicle-image-stage::after,
.vehicle-image-wrap::before,.vehicle-image-wrap::after,
.vehicle-photo-wrap::before,.vehicle-photo-wrap::after,
.vehicle-preview::before,.vehicle-preview::after,
.order-vehicle-preview::before,.order-vehicle-preview::after,
.order-card .card-photo::before,.order-card .card-photo::after,
.detail-vehicle::before,.detail-vehicle::after,
.detail-photo::before,.detail-photo::after,
.fleet-folder-image::before,.fleet-folder-image::after,
.shuttle-detail::before,.shuttle-detail::after,
.dh-order-card__image::before,.dh-order-card__image::after,
.driver-order-detail__image::before,.driver-order-detail__image::after,
.driver-vehicle-choice__image::before,.driver-vehicle-choice__image::after,
.portalms-vehicle-image-stage::before,.portalms-vehicle-image-stage::after,
[data-vehicle-image]::before,[data-vehicle-image]::after{
  background:none!important;
  background-image:none!important;
  display:none!important;
  content:none!important;
  box-shadow:none!important;
}
img.vehicle-image,
img.current-photo,
.vehicle-photo img,
.vehicle-image-stage img,
.vehicle-image-wrap img,
.vehicle-photo-wrap img,
.vehicle-preview img,
.order-vehicle-preview img,
.order-card .card-photo img,
.detail-vehicle img,
.detail-photo img,
.fleet-folder-image img,
.vehicle-suggestion-image img,
.selected-vehicle img,
.selected-vehicle-preview img,
.app-shuttle-card img,
.shuttle-card img,
.shuttle-detail img,
.dh-order-card__image img,
.driver-order-detail__image img,
.driver-vehicle-choice__image img,
.portalms-vehicle-image-stage img,
[data-vehicle-image] img,
img#vehicleImageLarge,
img[alt*="Fahrzeug" i],
img[alt*="Shuttle" i],
img[alt*="Aktuelles Fahrzeugbild" i],
img[src*="company-vehicle-image.php"],
img[src*="company-vehicle-thumbnail.php"],
img[src*="vehicle-thumbnail.php"],
img[src*="vehicle-photo"],
img[src*="vehicle_image"],
img[src*="vehicle-image"]{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  object-fit:contain!important;
  object-position:center!important;
}


/* 2026-08-07: klare Trennung zwischen Bild und Bildflaeche.
   Fahrzeugdateien selbst bleiben freigestellt. Nur Fuhrparkseiten behalten
   bewusst die petrolfarbene Corporate-Bildflaeche. */
:root{
  --portalms-fleet-stage-bg:
    radial-gradient(ellipse at 50% 12%,rgba(208,240,236,.42),transparent 52%),
    linear-gradient(180deg,#6ca5a1 0%,#55918f 48%,#3b7171 78%,#294f52 100%);
}
body.portalms-fleet-page .vehicle-photo,
body.portalms-fleet-page .vehicle-image-stage,
body.portalms-fleet-page .portalms-vehicle-image-stage,
body.portalms-fleet-page .vehicle-preview,
body.portalms-fleet-page .fleet-folder-image,
body.portalms-fleet-page .vehicle-placeholder{
  background:var(--portalms-fleet-stage-bg)!important;
  background-image:var(--portalms-fleet-stage-bg)!important;
}
body.portalms-fleet-page .vehicle-photo img,
body.portalms-fleet-page .vehicle-image-stage img,
body.portalms-fleet-page .portalms-vehicle-image-stage img,
body.portalms-fleet-page .vehicle-preview img,
body.portalms-fleet-page .fleet-folder-image img{
  background:transparent!important;
  background-image:none!important;
  object-fit:contain!important;
}
/* Ausserhalb des Fuhrparks: keine weissen/ schwarzen Kartenflaechen hinter Fahrzeugen. */
body:not(.portalms-fleet-page) .order-card img[src*="vehicle-thumbnail.php"],
body:not(.portalms-fleet-page) .order-vehicle-preview img[src*="vehicle-thumbnail.php"],
body:not(.portalms-fleet-page) .shuttle-card img[src*="vehicle-thumbnail.php"],
body:not(.portalms-fleet-page) .app-shuttle-card img[src*="vehicle-thumbnail.php"],
body:not(.portalms-fleet-page) img[src*="company-vehicle-thumbnail.php"]{
  background:transparent!important;
  box-shadow:none!important;
}