/**
 * Footer Position Fix
 * 本番環境でのフッター位置修正用の追加スタイル
 */

/* ページ全体のラッパー要素に対する修正 */
#page {
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
}

/* WordPress特有のラッパー要素対応 */
.site,
.site-content {
    flex: 1 0 auto !important;
}

/* メインコンテンツエリアの修正 */
main,
.site-main,
#main,
#primary {
    flex: 1 0 auto !important;
}

/* フッターを確実に最下部に配置 */
.site-footer,
.site-footer-custom,
#colophon {
    margin-top: auto !important;
    flex-shrink: 0 !important;
}

/* モバイル固定フッターの余白調整 */
@media (max-width: 768px) {
    body.has-mobile-fixed-footer {
        padding-bottom: 80px !important;
    }
    
    /* 固定フッターがある場合のメインフッター調整 */
    .mobile-fixed-footer:not(:empty) ~ .site-footer-custom {
        margin-bottom: 80px !important;
    }
}

/* 他のプラグインによる上書き対策 */
body.page,
body.single,
body.archive,
body.home {
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
}