/* Cursuri page-specific styles */

.hero-cursuri {
  height: 100svh;
  min-height: 80svh;
  justify-content: center;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../media/images/hero-cursuri.webp);
}

:where(.hero-cursuri > *) {
  position: relative;
}

.hero-cursuri::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-image: linear-gradient(var(--black-trans-40), var(--black-trans-40));
}

#brxe-yaoelu {
  color: var(--white);
}

.classes {
  background-color: #fff8f0;
}

.classes__container {
  flex-direction: column;
  align-items: center;
  row-gap: var(--space-xl);
}

.classes__container-info {
  row-gap: var(--space-xs);
  width: var(--width-xl);
  align-self: flex-start !important;
}

.classes__grid {
  display: grid;
  align-items: initial;
  padding-left: 0;
  grid-template-columns: var(--grid-2);
  grid-template-rows: var(--grid-2);
  grid-gap: var(--space-m);
}

@media (max-width: 992px) {
  .classes__grid {
    grid-gap: var(--space-xl) var(--space-s);
  }
}

@media (max-width: 768px) {
  .classes__grid {
    grid-template-columns: var(--grid-1);
    grid-template-rows: auto;
  }
}

.card-classes__wrapper {
  background-color: var(--white);
  border-radius: var(--radius-m);
  box-shadow: var(--box-shadow-m);
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 1s ease, transform 1s ease;
}

.card-classes__wrapper.in-view {
  opacity: 1;
  transform: translateY(0);
}

.card-classes__wrapper:first-child,
.card-classes__wrapper:nth-child(3n + 1) {
  grid-row: span 2;
}

@media (max-width: 767px) {
  .card-classes__wrapper:first-child,
  .card-classes__wrapper:nth-child(3n + 1) {
    grid-row: span 1;
  }
}

.card-classes {
  border: 1px solid var(--neutral-trans-10);
  border-radius: var(--radius-m);
  height: 100%;
  overflow: hidden;
}

@media (max-width: 768px) {
  .card-classes {
    flex-wrap: nowrap;
    height: auto;
  }
}

.trainer-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: stretch;
  transform-origin: top;
  min-height: 300px;
  max-height: 35vh;
  max-width: 720px;
  margin: 0 auto;
  gap: 1px;
  overflow: hidden;
}

.trainer-img {
  width: 50%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 0;
  aspect-ratio: auto;
}

.card-classes__container-info {
  display: flex;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: var(--space-m);
  padding-right: var(--space-m);
  padding-bottom: var(--space-m);
  padding-left: var(--space-m);
}

@media (max-width: 768px) {
  .card-classes__container-info {
    height: auto;
  }
}

.classes .card-features__icon {
  overflow: visible;
  align-self: flex-start;
}

.footer {
  background-color: #fffdfa;
}