/**
 * EntreAgri - Forms Component
 * Styles pour formulaires, inputs, selects
 */

/* Form validation message */
.uk-form-danger-msg {
  font-size: .85rem;
  margin-top: 6px;
  color: var(--ea-color-danger);
}

/* Container classes */
.ea-container {
  width: clamp(300px, 100%, 1180px);
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.ea-container-spacing-top {
  margin-top: 20px;
}

/* Page content wrapper */
.page-content {
  flex: 1;
  display: flex;
  flex-direction: column;
 
}

/* Sortable items (for image galleries, etc.) */
.sortable-item {
  cursor: grab;
  user-select: none;
}

.sortable-item:active {
  cursor: grabbing;
}

/* UIKit form overrides for consistency */
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
  border-color: var(--ea-color-dark-green);
  outline: none;
}

/* Form layout helpers */
.uk-form-stacked .uk-form-label {
  margin-bottom: 4px;
}

@media (min-width: 1280px) {
    body .page-content {
        width: clamp(300px, 100%, calc(100% - 648px));
        margin: 0 auto;
    }
}