/* Card */
.seminar-card {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: var(--default-border-radius);
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
  padding: 16px;
}

.seminar-card-header {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 6px;
}

.seminar-card-datetime {
  color: #666;
  font-size: 0.95rem;
  margin-bottom: 12px;
}

.seminar-card-body {
  margin-bottom: 12px;
}

.seminar-card-actions {
  display: flex;
  gap: 8px;
}

a.seminar-btn {
  text-decoration: none;
  border-radius: var(--default-border-radius);
  margin-right: 8px;
  width: auto !important;
  height: auto !important;
}

a.seminar-btn.primary-btn {
  background: var(--enfold-main-color-color);
  color: #fff;
}

a.seminar-btn.secondary-btn {
  background-color: transparent !important;
  border: 2px solid var(--enfold-main-color-color);
  color: var(--enfold-main-color-color);
}

/* Dots */
.seminar-slider-dots {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    gap: 6px;
}

.seminar-slider-dots .seminar-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c7c7c7;
  display: inline-block;
}

.seminar-slider-dots .seminar-dot:hover,
.seminar-slider-dots .seminar-dot:focus {
  background: var(--enfold-main-color-color);
  outline: none;
}

/* Slider layout */
.custom-seminar-cards.seminar-slider {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.custom-seminar-cards.seminar-slider .seminar-track {
  display: flex;
  gap: 16px;
  padding-bottom: 28px; /* space for dots */
}
.custom-seminar-cards.seminar-slider .seminar-slide {
  flex: 0 0 auto;
  width: 80%;
  max-width: 640px;
}
.custom-seminar-cards.seminar-slider.items-1 .seminar-slide { width: 100%; }
.custom-seminar-cards.seminar-slider.items-0 .seminar-slide-empty { width: 100%; }

/* Active dot */
.seminar-slider-dots .seminar-dot.active {
  background: var(--enfold-main-color-color);
}

:root {
    --default-border-radius: 4px;
}
