/* =============================================
   SATA Resources Section
   ============================================= */

.sata-resources {
  padding: 5rem 60px !important;
}

.sata-resources__title {
  font-size: 36px !important;
  font-weight: 700;
  color: var(--sata-navy);
  line-height: 125%;
  margin-bottom: 0.5rem;
}

.sata-resources__subtitle {
  color: var(--sata-text-muted);
  font-size: 18px !important;
  line-height: 150%;
  margin-bottom: 2.5rem;
}

.sata-resources-carousel {
  overflow: hidden;
  margin-bottom: 2.5rem;
}

.sata-resources-carousel__track {
  display: flex;
  gap: 1.5rem;
}

.resource-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 0 0 calc(25% - 1.125rem);
  min-width: 0;
  padding: 1.75rem;
  border-radius: 16px;
  background: transparent;
  color: inherit;
  text-decoration: none !important;
  transition: background var(--transition), box-shadow var(--transition);
}

.resource-card:hover {
  background: var(--card-light);
  box-shadow: var(--shadow-card-hover) !important;
}

.resource-card__icon {
  margin-bottom: 1rem;
}

.resource-card__title {
  font-size: 18px;
  font-weight: 700;
  color: var(--sata-navy);
  margin: 0 0 0.5rem;
}

.resource-card__body {
  font-size: 15px;
  color: var(--sata-text-muted);
  line-height: 150%;
  margin-bottom: 1rem;
}

.resource-card__link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--sata-link);
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  margin-top: auto;
  transition: color var(--transition)
}

.resource-card__link:hover {
  color: var(--sata-navy)
}

.sata-resources__footer {
  display: flex;
  align-items: center;
  justify-content: end;
}

/* =============================================
   Responsive
   ============================================= */
@media (max-width: 1199.98px) {
  .sata-resources {
    padding: 3rem 60px !important;
  }

  .resource-card {
    flex: 0 0 calc(50% - 0.75rem);
  }
}

@media (max-width: 640px) {
  .sata-resources {
    padding: 2.5rem 16px !important;
  }

  .sata-resources__title {
    font-size: 28px;
  }

  .resource-card {
    flex: 0 0 85%;
  }

  .sata-resources__footer {
    align-items: stretch;
    gap: 1rem;
  }

  .sata-resources__footer .btn-more-destinations {
    justify-content: center;
  }

  .sata-resources__footer .carousel-nav {
    justify-content: center;
  }
}