/* MRO Breakfast Section: styles for the acf/mro-breakfast block. */

.mro-breakfast .mro-split {
  display: grid;
  grid-template-columns: 5fr 6fr;
  align-items: center;
  gap: calc(var(--wp--custom--layout--grid-gap) * 1.5);
}
.mro-breakfast .mro-media-stack { position: relative; padding-bottom: var(--wp--preset--spacing--90); }
.mro-breakfast .mro-media-stack__main {
  width: 78%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: var(--wp--custom--radius--lg);
  box-shadow: var(--wp--preset--shadow--md);
}
.mro-breakfast .mro-media-stack__inset {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 52%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border: var(--wp--preset--spacing--20) solid var(--wp--preset--color--base-alt);
  border-radius: var(--wp--custom--radius--lg);
  box-shadow: var(--wp--preset--shadow--lg);
}

.mro-breakfast .mro-pull-quote {
  margin-block: var(--wp--preset--spacing--70);
  padding-left: var(--wp--preset--spacing--60);
  border-left: 4px solid var(--wp--preset--color--accent);
}
.mro-breakfast .mro-pull-quote blockquote { margin: 0; padding: 0; border: 0; }
.mro-breakfast .mro-pull-quote blockquote p {
  margin: 0 0 var(--wp--preset--spacing--20);
  font-size: var(--wp--preset--font-size--xl);
  font-weight: 600;
  font-style: normal;
  line-height: var(--wp--custom--leading--tight);
}
.mro-breakfast .mro-pull-quote figcaption { margin: 0; font-size: var(--wp--preset--font-size--sm); color: var(--wp--preset--color--subtle); }

.mro-breakfast .mro-includes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: var(--wp--preset--spacing--110);
  padding: var(--wp--preset--spacing--80);
  background: var(--wp--preset--color--base);
  border-radius: var(--wp--custom--radius--lg);
  box-shadow: var(--wp--preset--shadow--md);
}
.mro-breakfast .mro-includes__col { padding-inline: var(--wp--preset--spacing--70); }
.mro-breakfast .mro-includes__col:first-child { padding-left: 0; }
.mro-breakfast .mro-includes__col:last-child { padding-right: 0; }
.mro-breakfast .mro-includes__col + .mro-includes__col { border-left: 1px solid var(--wp--preset--color--line); }
.mro-breakfast .mro-includes__title {
  margin: 0 0 var(--wp--preset--spacing--50);
  font-family: var(--wp--preset--font-family--body);
  font-size: var(--wp--preset--font-size--xs);
  font-weight: 700;
  letter-spacing: var(--wp--custom--tracking--caps);
  text-transform: uppercase;
  color: var(--wp--preset--color--accent-deep);
}

@media (max-width: 1023.98px) {
  .mro-breakfast .mro-split { grid-template-columns: minmax(0, 1fr); }
  .mro-breakfast .mro-media-stack { max-width: 36rem; }
  .mro-breakfast .mro-includes { grid-template-columns: minmax(0, 1fr); gap: var(--wp--preset--spacing--70); padding: var(--wp--preset--spacing--70); }
  .mro-breakfast .mro-includes__col { padding-inline: 0; }
  .mro-breakfast .mro-includes__col + .mro-includes__col { border-left: 0; border-top: 1px solid var(--wp--preset--color--line); padding-top: var(--wp--preset--spacing--70); }
}