/* Conjurly Magicians editor 0.1.344 — final visual consistency pass.
 * Presentation only. Never change GD input geometry, saved values, or JS controls.
 * The existing form-system stylesheet owns foundations; these are scoped adapters.
 */
.geodir-add-listing.bsui form#geodirectory-add-post.cnjrly-magician-editor {
  --cj-editor-indigo: var(--cj-indigo, #4c187e);
  --cj-editor-border: var(--cj-border-light, #e6e7eb);
  --cj-editor-muted: var(--cj-text-secondary, #62646a);
}
/* Ratings providers are subsections of External Ratings, not major sections. */
.geodir-add-listing.bsui form#geodirectory-add-post.cnjrly-magician-editor .cnjrly-form-sub {
  font-family: var(--cj-heading-font-family, "IBM Plex Sans Condensed", sans-serif) !important;
  font-size: var(--cj-heading-h5-size, 18px) !important;
  line-height: 1.35 !important;
  font-weight: var(--cj-heading-font-weight, 500) !important;
  color: var(--cj-text-primary, #242424) !important;
  margin: 22px 0 12px !important;
}
/* Uploaders are full-width specialized fields: use consistent subsection titles,
 * not the tiny bold label treatment left over from the old uploader UI. */
.geodir-add-listing.bsui form#geodirectory-add-post.cnjrly-magician-editor .cnjrly-photo-field > :is(label, .geodir-field-label, .col-form-label),
.geodir-add-listing.bsui form#geodirectory-add-post.cnjrly-magician-editor .cnjrly-photo-field > :is(.col-sm-2, .col-md-2) > label {
  font-family: var(--cj-heading-font-family, "IBM Plex Sans Condensed", sans-serif) !important;
  font-size: var(--cj-heading-h5-size, 18px) !important;
  line-height: 1.35 !important;
  font-weight: var(--cj-heading-font-weight, 500) !important;
  color: var(--cj-text-primary, #242424) !important;
}
/* Preserve native uploader layout, but reduce visual dead space around photos. */
.geodir-add-listing.bsui form#geodirectory-add-post.cnjrly-magician-editor .cnjrly-photo-upload-shell {
  padding: 14px !important;
}
.geodir-add-listing.bsui form#geodirectory-add-post.cnjrly-magician-editor .cnjrly-photo-upload-shell .cnjrly-photo-select-button,
.geodir-add-listing.bsui form#geodirectory-add-post.cnjrly-magician-editor #geodir-add-listing-submit :is(button.geodir_button, .geodir_preview_button) {
  border-radius: var(--cj-radius-btn, 10px) !important;
}
/* Focus treatments apply to known custom actions only; don't touch sortable grips. */
.geodir-add-listing.bsui form#geodirectory-add-post.cnjrly-magician-editor #geodir-add-listing-submit :is(button.geodir_button, .geodir_preview_button):focus-visible {
  outline: 2px solid var(--cj-editor-indigo) !important;
  outline-offset: 3px;
}
@media (max-width: 767px) {
  .geodir-add-listing.bsui form#geodirectory-add-post.cnjrly-magician-editor .cnjrly-photo-upload-shell { padding: 12px !important; }
}

/* UI Core v1: GeoDirectory native submit/preview mapped to canonical LARGE size.
   Preserve their original GD classes and event handlers. */
.geodir-add-listing.bsui form#geodirectory-add-post.cnjrly-magician-editor #geodir-add-listing-submit :is(button.geodir_button, .geodir_preview_button) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .4em;
  text-align: center !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
  height: var(--cj-btn-height-lg) !important;
  min-height: var(--cj-btn-height-lg) !important;
  padding: calc(var(--cj-btn-padding-y-lg) + 2 * var(--cj-btn-optical-nudge, 0px)) var(--cj-btn-padding-x-lg) var(--cj-btn-padding-y-lg) !important;
  border-radius: var(--cj-btn-radius) !important;
  font-family: var(--cj-btn-font-family) !important;
  font-size: var(--cj-btn-font-size-lg) !important;
  font-weight: var(--cj-btn-font-weight) !important;
  line-height: var(--cj-btn-line-height) !important;
}

/* Keep the GD Preview icon centered alongside its text; no individual vertical offsets. */
.geodir-add-listing.bsui form#geodirectory-add-post.cnjrly-magician-editor #geodir-add-listing-submit .geodir_preview_button :is(i, svg) {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  line-height: 1;
}

/* Final listing actions: separate the form submission from the last field.
   Keep GeoDirectory's existing buttons and handlers intact. Layout only.
   Shared spacing/divider tokens own the visual values. */
.geodir-add-listing.bsui form#geodirectory-add-post.cnjrly-magician-editor #geodir-add-listing-submit {
  box-sizing: border-box;
  border-top: 1px solid var(--cj-border-light, #e6e7eb);
  margin-top: var(--cj-space-card, 24px) !important;
  padding-top: var(--cj-space-card, 24px);
}
.geodir-add-listing.bsui form#geodirectory-add-post.cnjrly-magician-editor #geodir-add-listing-submit > .col-sm-10 {
  justify-content: center;
  margin-inline: auto;
}

/* 0.1.360 — The native Bootstrap .col-sm-10 keeps a two-column field offset.
   The final action group is not a field: give it the full footer width, then
   center the existing Submit/Preview controls as one unit. */
.geodir-add-listing.bsui form#geodirectory-add-post.cnjrly-magician-editor #geodir-add-listing-submit > .col-sm-10 {
  display: flex !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  padding-inline: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap;
  gap: var(--cj-space-2, 8px);
}
/* Avoid reserving the now-unneeded label column beside the footer actions. */
.geodir-add-listing.bsui form#geodirectory-add-post.cnjrly-magician-editor #geodir-add-listing-submit > :is(.col-sm-2, .col-md-2):empty {
  display: none !important;
}
