/* Georgia Honey Farms static copy: phone-width fixes (2026-10-25).
   The WordPress template set some sections' side padding to 0, so text ran edge to edge on phones,
   and the opened menu sat flush against the right edge. */
@media (max-width: 781px) {
  main .wp-block-group[style*="padding-left:0"],
  main .wp-block-group[style*="padding-right:0"],
  main .wp-block-media-text,
  main .wp-block-columns {
    padding-left: max(20px, var(--wp--style--root--padding-left, 20px)) !important;
    padding-right: max(20px, var(--wp--style--root--padding-right, 20px)) !important;
    box-sizing: border-box;
  }
  /* Images inside those sections keep their own width; text gets the margin. */
  main .wp-block-media-text .wp-block-media-text__content { padding-left: 0 !important; padding-right: 0 !important; }
}

/* Opened mobile menu: breathing room, larger tap targets. */
.wp-block-navigation__responsive-container.is-menu-open {
  padding: 24px 24px 32px !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  padding-top: 24px !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
  display: inline-block;
  padding: 10px 4px !important;
  font-size: 1.15rem;
}

/* Opened menu: centered column, nothing against the screen edge (owner 2026-10-25: "way off the right side"). */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  text-align: center !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
  width: 100%;
  justify-content: center !important;
  align-items: center !important; /* theme sets flex-end: links hugged the right edge */
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
  font-size: 1.35rem !important;
  padding: 14px 8px !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
  top: 20px !important;
  right: 20px !important;
}