/* ==== Bonz UI/UX fixes (mobile & tablet) ==== */

/* 1) タブレット幅(768〜1079px)ではナビリンクが収まらないためハンバーガーに切替 */
@media (min-width: 768px) and (max-width: 1079.98px) {
  .nav-desktop { display: none !important; }
  .nav-burger { display: flex !important; }
  #mobile-menu { display: block; }
  #mobile-menu.hidden { display: none; }
}

/* 1080〜1279pxはリンク間隔を詰めてロゴとの重なりを防止 */
@media (min-width: 1080px) and (max-width: 1279.98px) {
  .nav-desktop { gap: 1.25rem; }
}

@media (max-width: 639.98px) {
  /* 2) ヒーローのスライダー操作をSCROLL表示から離す */
  .hero-controls { bottom: 8.5rem; }
  .hero-dots { bottom: 7rem; }

  /* 3) 長文CTAボタンは折り返して全幅表示(横スクロール防止) */
  .btn-block-mobile {
    white-space: normal;
    display: block;
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    line-height: 1.9;
  }

  /* 4) ABOUT見出しの折り返しを許可(nowrapで画面からはみ出すため) */
  #about h2 { white-space: normal; }
}