/**
 * PoC: 共通ナビ組み込み時のレイアウト調整（暫定）
 *
 * --corporate-top-offset: 共通ヘッダー＋.corporate-nav-page-chrome の高さ。
 * corporate-nav-poc.js が実測で上書きする（フォールバックは概算値）。
 */
body.has-corporate-nav {
    --corporate-top-offset: 206px;
}

body.has-corporate-nav header.shadow-sm {
    display: none;
}

body.has-corporate-nav .main-wrapper {
    /* 共通ヘッダーは fixed ではないため、旧 --header-height 分の padding を解除 */
    padding-top: 0;
}

body.has-corporate-nav .top-mv {
    /* 旧 fixed header 分の top オフセットを解除 */
    top: 0;
}

/**
 * PC: 共通ナビ導入後は「ヘッダー＋パンくず/H1 帯」を差し引き、
 * 初回表示でタイトル〜CTA までが同じ画面内に収まるようにする。
 *
 * SP（1024px 未満）: 1画面に収めない。余白は top.scss の明示指定に任せる。
 */
@media (min-width: 1024px) {
    body.has-corporate-nav .top-hero__first-view {
        height: calc(100vh - var(--corporate-top-offset));
        height: calc(100svh - var(--corporate-top-offset));
        min-height: calc(100vh - var(--corporate-top-offset));
        min-height: calc(100svh - var(--corporate-top-offset));
    }
}

/**
 * 固定 MV は .main-wrapper（z-index:1）内。共通フッター／下部パンくずは
 * wrapper 外のため、そのままでは MV 背面に隠れ、ページ下端の
 * .is-suppressed まで見えない。旧 .site-footer（z-index:2）相当に上げる。
 */
body.has-corporate-nav.is-top-page .corporateCommonParts.corporateFooterBracket,
body.has-corporate-nav.is-top-page
    .corporateCommonParts:has(.pagePath[data-placement="pageBottom"]) {
    position: relative;
    z-index: 2;
}

/**
 * パンくず・H1
 *
 * .top-mv が position:fixed; inset:0; z-index:0 のため、
 * 通常フローのパンくず/H1 は背面に隠れる。ヘッダー直下で前面に出す。
 *
 * .pagePath の margin-top:14px が親外へ相殺抜けすると、
 * ヘッダーと chrome の間に KV が透けるため、padding で受け止める。
 */
body.has-corporate-nav .corporate-nav-page-chrome {
    position: relative;
    z-index: 2;
    background-color: #fff;
    /* padding-top: 14px; */
}

body.has-corporate-nav
    .corporate-nav-page-chrome
    .pagePath[data-placement="pageTop"] {
    margin-top: 0;
}

/**
 * 参考: corporate の section.container > h2.h2-bordered-bottom
 * pageTitle 下の下線付き見出し帯＝スペーサー
 */
body.has-corporate-nav .corporate-nav-page-spacer {
    box-sizing: border-box;
    max-width: calc(1180px + 40px * 2);
    margin: 0 auto;
    padding: 7px 40px 7px;
}

@media screen and (max-width: 1200px) {
    body.has-corporate-nav .corporate-nav-page-spacer {
        padding: 7px 16px 7px;
    }
}

body.has-corporate-nav .corporate-nav-page-spacer__title {
    margin: 0;
    padding: 0 0 12px;
    border-bottom: 2px solid #0062c2;
    color: #333;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
}

body.has-corporate-nav .corporateCommonParts {
    font-family: "Open Sans KM", Arial, "Meiryo Neue", "メイリオ", Meiryo,
        sans-serif;
}

body.has-corporate-nav .corporateHeader-dropdown-categoryTitle {
    line-height: 1.4;
}

@media screen and (max-width: 1200px) {
    body.has-corporate-nav .corporate-nav-page-spacer__title {
        font-size: 20px;
    }
}

/**
 * MarsFlag 検索ボタン
 *
 * テーマの body line-height と、max-width:1200px 時の幅 80px が重なると
 * アイコン＋「検索」が折り返し／縦位置ずれしやすい。入力欄(56px)に揃える。
 */
body.has-corporate-nav .mf_finder_searchBox_items {
    align-items: stretch;
}

body.has-corporate-nav .mf_finder_searchBox_submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 56px;
    min-height: 56px;
    padding: 0 8px;
    line-height: 1;
    white-space: nowrap;
}

body.has-corporate-nav .mf_finder_searchBox_submit::before {
    content: none;
}

body.has-corporate-nav .mf_finder_searchBox_submit span {
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
    line-height: 1;
}

/**
 * OneTrust が #ot-sdk-btn に付ける緑ボタンを、
 * polaris フッターリンク（白文字・背景なし）に戻す。
 */
body.has-corporate-nav .corporateCommonParts #ot-sdk-btn.ot-sdk-show-settings {
    appearance: none !important;
    -webkit-appearance: none !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 4px 0 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1.35 !important;
    color: #fff !important;
    text-decoration: none !important;
    cursor: pointer;
}

body.has-corporate-nav
    .corporateCommonParts
    #ot-sdk-btn.ot-sdk-show-settings:hover,
body.has-corporate-nav
    .corporateCommonParts
    #ot-sdk-btn.ot-sdk-show-settings:focus {
    background: transparent !important;
    background-color: transparent !important;
    color: #fff !important;
    text-decoration: underline !important;
}