/**
 * RAVENZ: モバイル時のハンバーガーメニュー表示を強制
 */

@media screen and (max-width: 834px) {
  /* 下部メニューを「右上ハンバーガー1個」に再配置 */
  .mobile-footer-menu-buttons.mobile-menu-buttons {
    position: fixed !important;
    top: calc(var(--wp-admin--admin-bar--height, 0px) + 10px) !important;
    right: 10px !important;
    left: auto !important;
    bottom: auto !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    z-index: 99999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  .mobile-footer-menu-buttons.mobile-menu-buttons .menu-button {
    display: none !important;
  }

  .mobile-footer-menu-buttons.mobile-menu-buttons .sidebar-menu-button {
    display: flex !important;
    width: auto !important;
    margin: 0 !important;
  }

  .mobile-footer-menu-buttons.mobile-menu-buttons .sidebar-menu-button .menu-button-in {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #e91e63 !important;
    border: 1px solid rgba(233, 30, 99, 0.25) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16) !important;
  }

  .mobile-footer-menu-buttons.mobile-menu-buttons .sidebar-menu-button .menu-caption {
    display: none !important;
  }

  .mobile-footer-menu-buttons.mobile-menu-buttons .sidebar-menu-button .menu-icon {
    font-size: 22px !important;
    line-height: 1 !important;
  }

  /* サイドバー開閉時の「×」を右上（ハンバーガー位置）に合わせる */
  .sidebar-menu-content .sidebar-menu-close-button.menu-close-button {
    position: fixed !important;
    top: calc(var(--wp-admin--admin-bar--height, 0px) + 10px) !important;
    right: 10px !important;
    left: auto !important;
    width: 44px !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #e91e63 !important;
    border: 1px solid rgba(233, 30, 99, 0.25) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16) !important;
    z-index: 100000 !important;
    line-height: 1 !important;
  }

  .sidebar-menu-content .sidebar-menu-close-button .fa {
    font-size: 22px !important;
    line-height: 1 !important;
  }

  /* 閉じるボタンと検索フォームが重ならないよう、メニュー本体を少し下げる */
  .sidebar-menu-content.menu-content .menu-drawer {
    padding-top: 72px !important;
  }

  /* テーマ差分で .menu-drawer が効かない場合の保険 */
  .sidebar-menu-content .sidebar {
    padding-top: 72px !important;
    box-sizing: border-box !important;
  }

  .sidebar-menu-content .search-form,
  .sidebar-menu-content .wp-block-search {
    margin-top: 8px !important;
  }

  /* 検索フォームの上に余白セクションを作る */
  .sidebar-menu-content .sidebar::before {
    content: "";
    display: block;
    width: 100%;
    height: 28px;
  }

  /* 開いたメニュー内のタグ/ボタン列の行間を少し広げる */
  .sidebar-menu-content .widget_categories ul,
  .sidebar-menu-content .wp-block-categories ul,
  .sidebar-menu-content .wp-block-categories-list ul {
    gap: 1.05rem 0.8rem !important;
  }

  .sidebar-menu-content .widget_categories .cat-item a.cat-link,
  .sidebar-menu-content .wp-block-categories .cat-item a.cat-link {
    padding: 8px 13px !important;
    line-height: 1.5 !important;
  }

  /* ブロック「カテゴリー」リスト内の a はマージンで縦横の隙間を確保 */
  .sidebar-menu-content .wp-block-categories ul li > a,
  .sidebar-menu-content ul.wp-block-categories-list li > a {
    margin: 0.5rem 0.4rem !important;
  }

  /* MENU 見出し（ドロワー内）— PC 側 ravenz-sidebar.css の変数と揃える */
  .sidebar-menu-content .widget_categories .widget-title,
  .sidebar-menu-content .widget_categories h2.widget-title,
  .sidebar-menu-content .widget_categories h3.widget-title,
  .sidebar-menu-content .widget:has(.wp-block-categories-list) > h2,
  .sidebar-menu-content .widget:has(.wp-block-categories-list) > h3,
  .sidebar-menu-content .widget:has(.wp-block-categories-list) > .wp-block-heading,
  .sidebar-menu-content .widget:has(.wp-block-categories) > .wp-block-heading {
    font-size: var(--ravenz-menu-heading-font-size, 1.05rem) !important;
    font-weight: var(--ravenz-menu-heading-weight, 800) !important;
    letter-spacing: var(--ravenz-menu-heading-tracking, 0.08em) !important;
    text-align: center !important;
    padding: var(--ravenz-menu-heading-pad, 0.5rem 0.85rem) !important;
    margin: 0 0 0.75rem !important;
    background: var(--ravenz-menu-heading-bg, #fff) !important;
    color: var(--ravenz-menu-heading-color, #e91e63) !important;
    -webkit-text-fill-color: var(--ravenz-menu-heading-color, #e91e63) !important;
    border: 1px solid rgba(233, 30, 99, 0.22) !important;
    border-left: 3px solid var(--ravenz-menu-heading-color, #e91e63) !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 5px rgba(233, 30, 99, 0.1) !important;
  }

  /* 念のため通常ヘッダーメニューはモバイルで非表示 */
  .navi-in > .menu-header {
    display: none !important;
  }
}