/* ESCÁNDALO Gallery Instagram Heading v3.11.3 */

/*
  Force the Instagram heading shell into ONE column.
  This is deliberately stronger than v3.11.2 because the current component
  keeps the kicker and title in separate child branches.
*/
[data-gallery-instagram-heading-wrapper="v3.11.3"] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-flow: row !important;
  align-items: start !important;
  justify-items: start !important;
  column-gap: 0 !important;
  row-gap: 7px !important;

  width: 100% !important;
  max-width: 100% !important;
}

[data-gallery-instagram-kicker-branch="v3.11.3"] {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;

  display: block !important;
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  align-self: start !important;
  justify-self: start !important;
}

[data-gallery-instagram-title-branch="v3.11.3"] {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;

  display: block !important;
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  align-self: start !important;
  justify-self: start !important;

  text-align: left !important;
}

/* Also neutralise legacy inline/flex sizing on the actual title itself. */
[data-gallery-instagram-title-branch="v3.11.3"] h1,
[data-gallery-instagram-title-branch="v3.11.3"] h2,
[data-gallery-instagram-title-branch="v3.11.3"] h3,
[data-gallery-instagram-title-branch="v3.11.3"] h4,
[data-gallery-instagram-title-branch="v3.11.3"] p,
[data-gallery-instagram-title-branch="v3.11.3"] span,
[data-gallery-instagram-title-branch="v3.11.3"] strong {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  text-align: left !important;
}

@media (max-width: 820px) {
  [data-gallery-instagram-heading-wrapper="v3.11.3"] {
    row-gap: 5px !important;
  }
}