/* WordPress overrides for HoangHo theme */

/*
 * Fix: Vertically center nav items in overlay menu
 * Context: When the menu opens, items appear slightly shifted upward.
 * We explicitly center the menu block and each item with flexbox.
 */
.overlay-menu .main-menu-container {
  align-items: center !important;
  justify-content: center !important;
}

.overlay-menu .main-menu {
  margin: 0 !important; /* prevent auto margins from biasing the block */
}

.overlay-menu .main-menu .item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.overlay-menu .main-menu .item-link {
  line-height: 1.2 !important; /* reduce baseline drift with large fonts */
}

@media (min-width: 992px) {
  .overlay-menu .main-menu-container {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

/* Hide footer area in overlay menu since socials are disabled */
.overlay-menu .footer-menu { display: none !important; }

/* Footer text block full width on mobile */
@media (max-width: 767.98px) {
  .section-footer .row .col-12 p,
  .section-footer .row .col-12.col-md-10 p {
    text-align: left;
    width: 100% !important;
    max-width: 100% !important;
  }
}