/* ================================================
   HERO BANNER - Desktop only (min 800px)
   ================================================ */
@media (min-width: 800px) {
  .hero {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    min-height: 45vh !important;
    overflow: hidden !important;
  }
  .hero__content-wrapper.center.small {
    min-block-size: 45vh !important;
  }
  .hero__background img {
    object-fit: cover !important;
  }
}

/* Hero border radius alleen boven 1200px */
@media (min-width: 1200px) {
  .hero {
    border-radius: 5px !important;
  }
}

/* ================================================
   REVIEW BAR - Naam + sterren boven de hero
   ================================================ */
.sjaba-reviews {
  display: flex;
  flex-direction: column;
  padding: 30px 0 20px 0;
  gap: 6px;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

@media (max-width: 1200px) {
  .sjaba-reviews {
    margin-left: 24px;
    margin-right: 24px;
  }
}

.sjaba-name {
  font-size: 30px;
  font-weight: 700;
  color: #1a1a2e;
  margin-bottom: 2px;
}

.sjaba-reviews-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.sjaba-score {
  font-weight: 700;
  color: #f5a623;
  font-size: 24px;
}

.sjaba-stars {
  color: #f5a623;
  font-size: 22px;
  display: inline-flex;
  gap: 1px;
}

.sjaba-star-half {
  position: relative;
  display: inline-block;
  color: #ddd;
}

.sjaba-star-half::before {
  content: '★';
  position: absolute;
  left: 0;
  width: 50%;
  overflow: hidden;
  color: #f5a623;
}

.sjaba-count {
  color: #666;
  font-size: 16px;
}

/* ================================================
   FOOTER - Tekst links uitlijnen
   ================================================ */
.footer__content__column > * {
  text-align: left !important;
  text-wrap: pretty !important;
}