/* General styles for the meta box container */
#msep_event_details .inside,
#msep_fair_details .inside,
#msep_presenter_details .inside {
  max-width: 100%;
  padding: 20px;
  box-sizing: border-box;
}

/* Meta box section wrapping */
.msep-meta-wrap {
  margin-bottom: 15px;
}

.msep-meta-wrap label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

.msep-meta-wrap select,
.msep-meta-wrap input {
  width: 100%;
}

/* Styles for individual sections to space them out */
#msep_event_details .form-section,
#msep_fair_details .form-section,
#msep_presenter_details .form-section {
  margin-bottom: 20px;
}

/* Style for the label to make it display above the input/select */
#msep_event_details label,
#msep_fair_details label,
#msep_presenter_details label {
  display: block;
  margin-bottom: 5px;
  color: #333;
  font-size: 14px;
  font-weight: bold;
}

/* Style inputs and selects for consistency */
#msep_event_details input[type="text"],
#msep_event_details input[type="datetime-local"],
#msep_event_details input[type="time"],
#msep_event_details select,
#msep_fair_details input[type="date"],
#msep_fair_details input[type="time"] {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* Button styles */
#msep_event_details .button {
  background-color: #0073aa;
  color: #fff;
  border: none;
  padding: 8px 16px;
  margin-top: 10px;
  cursor: pointer;
  border-radius: 4px;
  display: inline-block;
}

#msep_event_details .button:hover {
  background-color: #006799;
}

/* Repeater items styling (presenters, social links, etc.) */
.msep-repeater-item,
.msep-presenter-item {
  display: flex;
  justify-content: space-between;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
}

.msep-repeater-item .form-section,
.msep-presenter-item .form-section {
  flex: 1;
  margin-right: 1rem;
}

.msep-repeater-item .form-section:last-child,
.msep-presenter-item .form-section:last-child {
  margin-right: 0;
}

.msep-repeater-item select,
.msep-presenter-item select {
  width: 100%;
}

.msep-repeater-item label,
.msep-presenter-item label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

/* Container spacing for repeater sections */
#msep-presenters-container,
#social-links-list {
  margin-top: 20px;
  margin-bottom: 10px;
}

/* Remove buttons in repeater items */
.msep-repeater-remove,
.msep-remove-presenter {
  flex: 0 0 auto !important;
  background-color: #dc3232;
  color: white;
  border: none;
  padding: 4px 8px;
  margin-top: 5px;
  border-radius: 4px;
  cursor: pointer;
}

.msep-repeater-remove:hover,
.msep-remove-presenter:hover {
  background-color: #a00;
}

/* Add buttons for repeater sections */
.msep-repeater-add,
#msep-add-presenter {
  padding: 5px 20px;
  margin-bottom: 1rem;
}

.msep-repeater-add:hover,
#msep-add-presenter:hover {
  color: white;
  background-color: #333333;
}

/* Flex container for multi-column layouts */
.msep-flex-container {
  display: flex;
  justify-content: space-between;
}

.msep-flex-container .form-section {
  flex: 1;
  margin-right: 1rem;
}

.msep-flex-container .form-section:last-child {
  margin-right: 0;
}

/* Required field indicator */
.msep-required {
  color: red;
}

/* Fair selection checkboxes */
.msep-fair-checkboxes {
  display: flex;
  flex-wrap: wrap;
}

.msep-fair-checkbox {
  display: flex;
  align-items: center;
  margin-right: 2rem;
}

.msep-fair-checkbox label {
  font-weight: normal;
  margin-left: 0.5rem;
}

/* Button spacing */
.msep-button-spacing {
  margin-bottom: 1rem;
}

/* Video preview */
.video-preview iframe {
  max-width: 100%;
  max-height: fit-content;
}