/* GALLERY EDITOR CSS           */

body.gallery-editor-page .softform-frame {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}


/* ======================================================
   Gallery Editor — ACF-driven 40 / 60 layout
   Canonical version (Album parity)
====================================================== */

/* Editor frame spacing */
body.gallery-editor-page .gallery-editor-form-area {
  margin-top: 20px;
}

/* ------------------------------------------------------
   CORE: ACF grid layout (THIS is the key)
------------------------------------------------------ */

body.gallery-editor-page .acf-form-fields.-top {
  display: grid;
  grid-template-columns: 40% 60%;
  grid-template-areas:
    "hero title"
    "hero date"
    "hero location"
    "hero description";
  column-gap: 32px;
  row-gap: 0;
  padding: 0 28px 10px 28px !important;
}

body.gallery-editor-page .acf-fields>.acf-field {
    padding: 6px;
}
/* ------------------------------------------------------
   Field → grid-area mapping
------------------------------------------------------ */

/* Hero photo */
body.gallery-editor-page
.acf-field[data-name="gallery_hero_photo"] {
  grid-area: hero;
}

/* Title */
body.gallery-editor-page
.acf-field[data-name="gallery_title"] {
  grid-area: title;
}

/* Date */
body.gallery-editor-page
.acf-field[data-name="gallery_date"] {
  grid-area: date;
}


/* Location */
body.gallery-editor-page
.acf-field[data-name="gallery_location"] {
  grid-area: location;
}

/* Description */
body.gallery-editor-page
.acf-field[data-name="gallery_description"] {
  grid-area: description;
}

/* ------------------------------------------------------
   Hero behaviour
------------------------------------------------------ */

body.gallery-editor-page
.acf-field[data-name="gallery_hero_photo"] {
  position: sticky;
  top: 120px;
}

/* ------------------------------------------------------
   Mobile: single column stack
------------------------------------------------------ */

@media (max-width: 900px) {

  body.gallery-editor-page .acf-form-fields.-top {
    grid-template-columns: 1fr;
    grid-template-areas:
      "hero"
      "title"
      "date"
      "location"
      "description";
  }

  body.gallery-editor-page
  .acf-field[data-name="gallery_hero_photo"] {
    position: static;
  }

}

/* canonical hero photo call */
/* canonical hero photo call */
/* canonical hero photo call */

body.gallery-editor-page
.acf-field[data-name="gallery_hero_photo"] .acf-image-uploader {
  /* hero handled by softlayout.css */
}
/* Gallery hero placeholder text */
body.gallery-editor-page
.acf-field[data-name="gallery_hero_photo"].softtops-hero {
  --soft-hero-placeholder: "Add your Gallery Photo";
}
/* canonical hero photo call */
/* canonical hero photo call */
/* canonical hero photo call */

/* ============================================================
   Gallery Editor — Field Width Tuning
   ============================================================ */

/* Photo title */
body.gallery-editor-page
.acf-field[data-name="gallery_title"] input {
  max-width: 42ch;
}

/* Date of photo */
body.gallery-editor-page
.acf-field[data-name="gallery_date"] input {
  max-width: 18ch;
}

/* Location */
body.gallery-editor-page
.acf-field[data-name="gallery_location"] input {
  max-width: 32ch;
}

/* Description stays full-width */
body.gallery-editor-page
.acf-field[data-name="gallery_description"] textarea {
  max-width: none;
}
/* Gallery editor — remove native ACF submit row entirely */
.context-gallery-edit .acf-form-submit {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}