/* ======================================================================
   Kyoto Red Data Book Template - edit_sp.css
   Project: Kyoto Prefecture Red Data Book (Kyoto RDB)
   Purpose: テンプレート共通の本文エリアスタイル（スマホ版）
   Placement: /shared/templates/[テンプレートID]/style/edit_sp.css
   ====================================================================== */

@charset "utf-8";

/* ------------------------------
   Hero - Responsive
   ------------------------------ */
@media (max-width: 960px) {
  .hero__inner {
    grid-template-columns: 1fr;
  }
  .cat-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ------------------------------
   Category Grid - Responsive
   ------------------------------ */
@media (max-width: 1024px) {
  .rdb-cats__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 520px) {
  .rdb-cats__grid {
    grid-template-columns: 1fr;
  }
}

/* ------------------------------
   Category Card Link - Responsive
   ------------------------------ */
@media (max-width: 520px) {
  .rdb-card__link {
    min-height: 110px;
    padding: 16px;
  }
}

/* ------------------------------
   Sub-category Grid - Responsive
   ------------------------------ */
@media (max-width: 768px) {
  #tmp_contents .subcat-grid {
    grid-template-columns: repeat(3, 1fr); /* タブレットでは3列 */
  }
}
@media (max-width: 560px) {
  #tmp_contents .subcat-grid {
    grid-template-columns: repeat(2, 1fr); /* スマートフォンでは2列 */
  }
}

/* ------------------------------
   Mobile Layout Fixes
   ------------------------------ */
@media (max-width: 768px) {
  /* スマホ表示ではリンクボタンが画面幅をはみ出さないように制限を解除 */
  #tmp_contents .rdb-btn--outline {
    min-width: unset;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  
  /* ハンバーガーメニューなどによる横スクロールを防止 */
  body {
    overflow-x: hidden;
  }
}