/* =============================================================
   WordPress固有の調整
   既存デザイン（style.css）は変更せず、WordPress化で必要になった分だけをここに書く
   ============================================================= */

/* ---------- ログイン中の管理バー対応 ----------
   固定ヘッダーとSPメニューが管理バーの下に隠れないよう位置をずらす。
   管理バーの高さ: 32px（783px〜）／46px（〜782px）。600px以下は管理バーがスクロールで消えるため調整しない */
.admin-bar .header{ top:32px; }
.admin-bar .gnav{ top:calc(var(--header-h) + 32px); }
@media (max-width:782px){
  .admin-bar .header{ top:46px; }
  .admin-bar .gnav{ top:calc(var(--header-h) + 46px); }
}
@media (max-width:600px){
  .admin-bar .header{ top:0; }
  .admin-bar .gnav{ top:var(--header-h); }
}
@media (min-width:1024px){
  .admin-bar .gnav{ top:auto; }
}

/* ---------- WebP 版を出すための <picture>（inc/image-webp.php ほか） ----------
   レイアウト上は存在しないものとして扱い、中の img が従来どおり親要素（figure など）に直接入っている状態と同じにする */
.rq-picture{ display:contents; }

/* ---------- TOP WORKS（WordPressの施工事例から表示） ---------- */
.works__more .btn.is-loading{ opacity:.6; pointer-events:none; }
.works__empty{ text-align:center; color:var(--c-gray); padding:24px 0; }
/* 「もっと見る」で追加したカードへフォーカスした時の枠 */
.work-card__link:focus-visible{ outline:2px solid var(--c-black); outline-offset:4px; }

/* ---------- フッターのプライバシーポリシーへのリンク（著作権表示の上） ---------- */
.footer__legal{ margin-top:32px; text-align:center; font-size:12px; letter-spacing:.06em; }
.footer__legal a{
  display:inline-block; padding:8px 6px; /* スマホで押しやすいよう上下に余白 */
  color:rgba(255,255,255,.65);
  text-decoration:underline; text-underline-offset:3px;
}
.footer__legal a:hover{ color:#fff; }
.footer__legal + .footer__copy{ margin-top:4px; }

/* ---------- 汎用ページ（index.php）の最低限の体裁 ----------
   専用テンプレートは後の段階で作成 */
.page-main{ padding:calc(var(--header-h) + 48px) 0 80px; min-height:60vh; }
.page-content{ margin-top:24px; }
.page-content > * + *{ margin-top:1em; }