.g18-course-picker {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 16px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fff;
  max-width: 420px;
}
.g18-course-picker label {
  font-weight: 600;
  font-size: 0.95rem;
  color: #2c3e50;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.g18-course-picker select {
  appearance: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 6px 8px;
  font-size: 0.95rem;
  width: 100%;
}

/* Select2 sichtbar und hübsch */
.select2-container { width: 100% !important; z-index: 999999 !important; }
.select2-selection { border: 1px solid #ccc !important; border-radius: 4px !important; min-height: 38px !important; display: flex; align-items: center; }
.select2-selection__rendered { padding-left: 6px !important; color: #2c3e50 !important; }
.select2-dropdown { z-index: 999999 !important; border-radius: 0 0 4px 4px; }
.select2-results__option { padding: 6px 10px; font-size: 0.95rem; }

/* Elementor: Dropdowns nicht abschneiden */
.elementor-widget-container,
.elementor-section,
.elementor-column,
.g18-course-picker { overflow: visible !important; }

/* Abstand zu Woo-Formularen */
.g18-course-picker + form.cart,
form.cart .g18-course-picker { margin-bottom: 1rem; }

@media (min-width: 768px) {
  .g18-course-picker.grid-2 {
    display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px;
  }
}