/* 下層ページのヘッダー高さ分のpadding調整 */

/* 下層ページのコンテンツ部分にヘッダー高さ分のpadding-topを追加 */
body:not(.home) .l-content {
  padding-top: var(--ark-header_height, 80px) !important;
}

/* 管理バーがある場合の調整 */
body.admin-bar:not(.home) .l-content {
  padding-top: calc(var(--ark-header_height, 80px) + var(--wp-admin--admin-bar--height, 32px)) !important;
}

/* フロントページは固定ヘッダーがオーバーレイするのでpadding不要 */
body.home .l-content {
  padding-top: 0 !important;
}

/* 固定ヘッダーを考慮した一般的な調整 */
body:not(.home) {
  /* 固定ヘッダーの高さ分のスペース確保 */
  scroll-padding-top: var(--ark-header_height, 80px);
}

/* お問い合わせページなど特定のページテンプレートの調整 */
body.page-template-page-contact .l-content {
  padding-top: var(--ark-header_height, 80px) !important;
}

body.admin-bar.page-template-page-contact .l-content {
  padding-top: calc(var(--ark-header_height, 80px) + var(--wp-admin--admin-bar--height, 32px)) !important;
}