/* === BAA Carousel (FADE) – ren profil === */

/* Fast (responsiv) høyde – viktig i fade-modus */
.baa-carousel {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  line-height: 0;

  /* Høyder – juster etter behov */
  height: 600px;
}
@media (max-width: 980px) {
  .baa-carousel { height: 360px; }
}
@media (max-width: 600px) {
  .baa-carousel { height: 260px; }
}

/* Track fyller containeren (IKKE flex i fade-modus) */
.baa-carousel-track {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;          /* viktig for å overstyre tidligere flex */
}

/* Hver slide dekker hele flaten og stables oppå hverandre */
.baa-slide-wrap {
  position: absolute;      /* fade krever absolutt posisjon */
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;              /* JS setter første til 1 */
  transition: opacity .4s; /* fade */
}

/* Bilde fyller rammen */
.baa-slide-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0;        /* runde hjørner håndteres av .baa-carousel */
}

/* Piler */
.baa-prev, .baa-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.35);
  border: none;
  color: #fff;
  padding: .6em .8em;
  cursor: pointer;
  border-radius: 6px;
  font-size: 1.5rem;
}
.baa-prev { left: 8px; }
.baa-next { right: 8px; }