/* ==========================================================================
   Post-migration tweaks.

   Kept separate from the stylesheets captured out of WordPress so it stays
   obvious what we changed. Loaded last, so it wins without !important.
   ========================================================================== */

/* --------------------------------------------------------------------------
   "HEXA Possibilities" / "WHO IS IT FOR" card rows

   The list is a flex row whose items had no basis (`flex: 0 1 auto`), so each
   card was as wide as its own text: 191/209/209/209/209 in the first row and
   216/213/181/213/205 in the second. Giving every item the same basis divides
   the row evenly instead.

   Scoped above 768px because below that the theme turns the list into a column,
   where a zero basis would collapse the cards vertically.
   -------------------------------------------------------------------------- */
@media screen and (min-width: 769px) {
  .possibilities-list {
    align-items: stretch;
  }

  .possibilities-list > li {
    flex: 1 1 0;
    /* without this, a long unbroken run of text can still push a card wider */
    min-width: 0;
  }

  /* headings sit on 1–2 lines; balance them so a single character never
     ends up alone on the second line */
  .possibilities-list > li h3 {
    text-wrap: balance;
  }
}

/* --------------------------------------------------------------------------
   Mobile menu: keep the call-to-action buttons

   「探す」and「販売」are a filled and an outlined button in the header, but the
   theme's custom CSS puts those rules inside `@media (min-width: 1140px)`, so
   below that — including the whole hamburger menu — they rendered as plain
   text links. Same treatment here, sized for a touch target.
   -------------------------------------------------------------------------- */
@media screen and (max-width: 1139px) {
  .onepress-menu.onepress-menu-mobile > li#menu-item-1620,
  .onepress-menu.onepress-menu-mobile > li#menu-item-570 {
    text-align: center;
  }

  .onepress-menu.onepress-menu-mobile > li#menu-item-1620 > a,
  .onepress-menu.onepress-menu-mobile > li#menu-item-570 > a {
    display: inline-block;
    width: auto;
    min-width: 200px;
    margin: 6px auto;
    padding: 12px 28px;
    border-radius: 30px;
    font-weight: 700;
    text-align: center;
  }

  .onepress-menu.onepress-menu-mobile > li#menu-item-1620 > a {
    background: #feb204;
    color: #fff;
  }

  .onepress-menu.onepress-menu-mobile > li#menu-item-570 > a {
    border: 2px solid #feb204;
    color: #feb204;
  }
}