/* ==========================================================
   L'ART — REVIEWS
========================================================== */

.lart-reviews {
  background: var(--lart-background);
  overflow: hidden;
}


/* ==========================================================
   HEADER
========================================================== */

.lart-reviews-header h2 {
  font-size: 38px !important;
}


/* ==========================================================
   SLIDER
========================================================== */

.lart-reviews-track {
  width: min(100%, 1120px);

  margin-inline: auto !important;

  padding:
    0
    1.25rem
    1rem;

  display: flex !important;
  align-items: flex-start !important;
  justify-content: center;

  gap: 1.5rem;
}


/* ==========================================================
   REVIEW KAART
========================================================== */

.lart-review-card {
  flex: 0 0 300px !important;

  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;

  height: 210px !important;
  min-height: 210px !important;
  max-height: 210px !important;

  margin: 0 !important;

  padding:
    1.25rem
    1.4rem;

  box-sizing: border-box;

  display: flex !important;
  flex-direction: column !important;

  background: var(--lart-white);

  border-radius: 16px;

  box-shadow:
    0 12px 34px rgba(38, 39, 39, 0.09);

  overflow: hidden;

  scroll-snap-align: start;
}


/* ==========================================================
   STERREN
========================================================== */

.lart-review-stars {
  margin:
    0
    0
    0.65rem !important;

  color: #9B6E2D !important;

  font-size: 0.72rem;
  line-height: 1;

  letter-spacing: 0.15em;
}


/* ==========================================================
   REVIEW TEKST
========================================================== */

.lart-review-text {
  flex: 1 1 auto;

  margin:
    0
    0
    0.85rem !important;

  font-size: 0.78rem;
  line-height: 1.6;
}


/* ==========================================================
   AUTEUR
========================================================== */

.lart-review-author {
  width: 100%;

  margin: auto 0 0 !important;

  display: flex !important;
  flex-wrap: nowrap !important;

  align-items: center !important;

  gap: 0.75rem !important;
}


/* ==========================================================
   ECHTE PROFIELFOTO
========================================================== */

.lart-review-avatar {
  flex: 0 0 38px !important;

  width: 38px !important;
  height: 38px !important;

  min-width: 38px !important;
  min-height: 38px !important;

  max-width: 38px !important;
  max-height: 38px !important;

  margin: 0 !important;

  padding: 0 !important;

  border-radius: 50%;

  overflow: hidden;
}

.lart-review-avatar img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  min-width: 100% !important;
  min-height: 100% !important;

  margin: 0 !important;

  object-fit: cover !important;
  object-position: center !important;

  border-radius: 50% !important;
}


/* ==========================================================
   NAAM + PLAATS
========================================================== */

.lart-review-person {
  min-width: 0;

  margin: 0 !important;
}

.lart-review-name,
.lart-review-location {
  margin: 0 !important;

  line-height: 1.25;
}

.lart-review-name {
  font-size: 0.7rem;
}

.lart-review-location {
  margin-top: 0.2rem !important;

  color: #777 !important;

  font-size: 0.62rem;
}


/* ==========================================================
   GELIJKE UITLIJNING
========================================================== */

.lart-reviews-track > .lart-review-card {
  align-self: flex-start !important;

  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}


/* ==========================================================
   TABLET + MOBIEL
========================================================== */

@media (max-width: 900px) {

  .lart-reviews-track {
    justify-content: flex-start;
  }
}