/* ========================================
   WordPress管理バー対応
   ログイン中に表示される管理バー（32px/46px）と
   固定ヘッダーの干渉を防止する。
======================================== */

/* PC表示時（783px以上）: 管理バー高さ 32px */
.admin-bar .header {
    top: 32px;
}

/* モバイル表示時（782px以下）: 管理バー高さ 46px */
@media screen and (max-width: 782px) {
    .admin-bar .header {
        top: 46px;
    }
}

/* 管理バーがある場合のスクロール位置補正 */
.admin-bar .hero {
    padding-top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar .hero {
        padding-top: 46px;
    }
}