.bo-car-card__media,
.bo-car-card__img {
	height: 100% !important;
	width: 100% !important;
}

.bo-car-card__media>.bo-car-card__fav {
	display: none !important;
}

.bo-senastefordonslider-container {
	max-width: 1920px;
}

.bo-car-card{
	background:#1f1f1f;
}



.bo-car-card__title{
	color:#fff;
}

.bo-price-row > .text-primary{
	color:red!important;
}


/* ======================================
   Bilonline Grid-latest slider-animation:
   ==================================== */

.bo-senastefordonslider-container .bo-car-card__media {
  position: relative;
  overflow: hidden;
  isolation: isolate; /* gör mix-blend stabilare */
}

/* Bild-animation */
.bo-senastefordonslider-container .bo-car-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* byt till contain om du vill se hela bilden */
  display: block;
  transition: transform 0.6s ease, filter 0.6s ease;
  transform-origin: center center;
  will-change: transform;
}

/* Colorwash overlay (inspirerad av dhb) */
.bo-senastefordonslider-container .bo-car-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  /* Byt färg här om du vill */
  background: var(--bo-hover-wash, rgba(30, 18, 10, 0.55));
  mix-blend-mode: multiply;

  opacity: 0;
  transition: opacity 0.45s ease;
}

/* Extra subtil glow/gradient för premium-look (valfritt men snyggt) */
.bo-senastefordonslider-container .bo-car-card__media::before {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 55%;
  z-index: 1;
  pointer-events: none;

  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.65) 0%,
    rgba(0, 0, 0, 0.25) 45%,
    rgba(0, 0, 0, 0) 100%
  );

  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.35s ease, transform 0.35s ease;
}

/* Hover/focus: bild + wash */
.bo-senastefordonslider-container .bo-car-card:hover .bo-car-card__img,
.bo-senastefordonslider-container .bo-car-card:focus-within .bo-car-card__img {
  transform: scale(1.06);
  filter: saturate(1.02) contrast(1.03);
}

.bo-senastefordonslider-container .bo-car-card:hover .bo-car-card__media::after,
.bo-senastefordonslider-container .bo-car-card:focus-within .bo-car-card__media::after {
  opacity: 1;
}

.bo-senastefordonslider-container .bo-car-card:hover .bo-car-card__media::before,
.bo-senastefordonslider-container .bo-car-card:focus-within .bo-car-card__media::before {
  opacity: 1;
  transform: translateY(0);
}

/* Mobil fallback (ingen riktig hover) */
@media (hover: none) {
  .bo-senastefordonslider-container .bo-car-card__media::after,
  .bo-senastefordonslider-container .bo-car-card__media::before {
    opacity: 1;
    transform: none;
  }

  .bo-senastefordonslider-container .bo-car-card__img {
    transform: none;
    filter: none;
  }
}


.bo-senastefordonslider-container .bo-car-card:hover .bo-price-row,
.bo-senastefordonslider-container .bo-car-card:focus-within .bo-price-row {
  opacity: 1;
  transform: translateY(0);
}


/* Endast för senaste-fordon-slidern */
.bo-senastefordonslider-container .bo-car-card .p-3 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content; /* titel | pris */
  align-items: start;
  column-gap: 0.75rem;
  overflow: hidden;
  min-width: 0;
  padding-bottom: 1rem; /* inte längre 3.5rem */
}

/* Titeln får bara ta ledigt utrymme */
.bo-senastefordonslider-container .bo-car-card__title {
  grid-column: 1;
  min-width: 0;                 /* KRITISKT */
  margin: 0 !important;         /* nollställ mb-2 */
  color: #fff;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Prisraden behåller sin egen bredd */
.bo-senastefordonslider-container .bo-car-card .bo-price-row {
  grid-column: 2;
  margin: 0 !important;
  white-space: nowrap;
  align-self: start;
  justify-self: end;

  /* dold men platsen reserveras */
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
  pointer-events: none;

  color: #fff;
}

/* Visa på hover */
.bo-senastefordonslider-container .bo-car-card:hover .bo-price-row,
.bo-senastefordonslider-container .bo-car-card:focus-within .bo-price-row {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* =========================
   grid-latest – content layout fix
   ========================= */

/* Scope: endast senaste-fordon-slidern */
.bo-senastefordonslider-container .bo-car-card {
  background: #1f1f1f;
}

/* Dölj favorit (om du vill behålla det) */
.bo-senastefordonslider-container .bo-car-card__media > .bo-car-card__fav {
  display: none !important;
}

/* Contentrad: title | price */
.bo-senastefordonslider-container .bo-car-card .p-3 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  column-gap: 0.75rem;
  overflow: hidden;
  min-width: 0;
  background: #1f1f1f;
  padding: 0.75rem 1rem 1rem; /* justera efter smak */
}

/* Titel får bara platsen som blir över */
.bo-senastefordonslider-container .bo-car-card__title {
  grid-column: 1;
  min-width: 0;
  margin: 0 !important;
  color: #fff;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Prisrad tar sin naturliga bredd (INTE absolute) */
.bo-senastefordonslider-container .bo-car-card .bo-price-row {
  grid-column: 2;
  margin: 0 !important;
  justify-self: end;
  align-self: start;

  /* viktigt: nollställ gammal absolute-logik */
  position: static !important;
  right: auto !important;
  bottom: auto !important;

  display: flex;
  align-items: baseline;
  gap: 0.5rem !important;
  flex-wrap: nowrap;
  white-space: nowrap;

  color: #fff;

  /* dold men plats reserveras */
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
  pointer-events: none;
}

/* Visa pris på hover/focus */
.bo-senastefordonslider-container .bo-car-card:hover .bo-price-row,
.bo-senastefordonslider-container .bo-car-card:focus-within .bo-price-row {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Titel/prisfärger */
.bo-senastefordonslider-container .bo-price-row > .text-primary {
  color: red !important;
}

/* Valfritt: klipp månadskostnad lite om den blir lång */
.bo-senastefordonslider-container .bo-price-row > .text-primary {
  max-width: 16ch;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Mobil hybrid: stacka title + price */
@media (max-width: 768px) {
  .bo-senastefordonslider-container .bo-car-card .p-3 {
    grid-template-columns: 1fr;
    row-gap: 0.35rem;
  }

  .bo-senastefordonslider-container .bo-car-card__title {
    grid-column: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .bo-senastefordonslider-container .bo-car-card .bo-price-row {
    grid-column: 1;
    justify-self: start;

    /* på mobil: visa alltid */
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
  }
}