/**
 * OneBuild Complete LP Display Styles
 * LPページ専用の表示制御スタイル
 */

/* LPページ基本スタイル */
.onebuild-lp-page {
    /* スムーススクロール */
    scroll-behavior: smooth;
}

/* ヘッダーのスタイル調整 */
.onebuild-lp-page header,
.onebuild-lp-page .site-header,
.onebuild-lp-page .header,
.onebuild-lp-page #header {
    /* ヘッダーは表示を維持 */
    position: relative;
    z-index: 1000;
}

/* メインコンテンツエリア */
.onebuild-lp-page .site-main,
.onebuild-lp-page .main,
.onebuild-lp-page #main {
    /* ヘッダー分のマージンを調整 */
    margin-top: 0;
    padding-top: 0;
}

/* 不要な要素の非表示（優先度高） */
.onebuild-lp-page .site-info,
.onebuild-lp-page .site-footer-widgets,
.onebuild-lp-page .footer-widgets,
.onebuild-lp-page .widget-area:not(.header-widget-area),
.onebuild-lp-page .sidebar-primary,
.onebuild-lp-page .sidebar-secondary,
.onebuild-lp-page .author-info,
.onebuild-lp-page .post-navigation,
.onebuild-lp-page .posts-navigation,
.onebuild-lp-page .page-links,
.onebuild-lp-page .edit-link,
.onebuild-lp-page .entry-meta,
.onebuild-lp-page .entry-footer {
    display: none !important;
}

/* エントリーヘッダーの非表示 */
.onebuild-lp-page .entry-header {
    display: none !important;
}

/* ページタイトルの非表示 */
.onebuild-lp-page .entry-title,
.onebuild-lp-page .page-title,
.onebuild-lp-page h1.entry-title {
    display: none !important;
}

/* コンテンツエリアのパディング調整 */
.onebuild-lp-page .entry-content {
    padding: 0;
    margin: 0;
}

/* ブロックの全幅対応 */
.onebuild-lp-page .wp-block-group.alignfull,
.onebuild-lp-page .wp-block-cover.alignfull,
.onebuild-lp-page .alignfull {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

/* OneBuildブロックのスタイル */
.onebuild-lp-page [class^="wp-block-onebuild-"],
.onebuild-lp-page [class*=" wp-block-onebuild-"] {
    /* ブロック間のマージンをリセット */
    margin-top: 0;
    margin-bottom: 0;
}

/* レスポンシブ対応 */
@media screen and (max-width: 768px) {
    /* モバイルでのヘッダー調整 */
    .onebuild-lp-page .site-header {
        position: relative;
    }
    
    /* モバイルメニューは表示を維持 */
    .onebuild-lp-page .mobile-menu,
    .onebuild-lp-page .menu-toggle {
        display: block;
    }
}