/* ============================================================
   LP Step Form — Ryokan テーマ
   カラー: #2d4a3e / #c9a962 / #F5F0E8
   フォント: 見出し Noto Serif JP / 本文 Noto Sans JP
============================================================ */

body.lp-inn {
    --lpf-font: 'Noto Sans JP', sans-serif;
    --lpf-font-heading: 'Noto Serif JP', serif;
    --lpf-accent: #b8860b;
    --lpf-accent-rgb: 184, 134, 11;
    --lpf-heading: #2d4a3e;
    --lpf-heading-alt: #2d4a3e;
    --lpf-em: #967121;
    --lpf-section-bg: linear-gradient(180deg, #F5F0E8 0%, #ffffff 100%);
    --lpf-section-glow: rgba(45, 74, 62, 0.07);
    --lpf-card-radius: 3px;
    --lpf-card-radius-mobile: 3px;
    --lpf-card-shadow: 0 8px 32px rgba(45, 74, 62, 0.1);
    --lpf-input-bg: #faf8f5;
    --lpf-input-border: #d4cbb8;
    --lpf-input-radius: 3px;
    --lpf-step-bg: #e8e0d4;
    --lpf-step-text: #9a9080;
    --lpf-step-active-bg: #2d4a3e;
    --lpf-step-active-color: #c9a962;
    --lpf-back-hover-bg: #f5f0e8;
    --lpf-submit-bg: #2d4a3e;
    --lpf-submit-hover: #243d33;
    --lpf-submit-color: #c9a962;
    --lpf-submit-shadow-rgb: 45, 74, 62;
    --lpf-btn-radius: 3px;
    --lpf-pill-radius: 3px;
    --lpf-drawer-overlay: rgba(13, 17, 23, 0.7);
    --lpf-drawer-header: #2d4a3e;
    --lpf-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%232d4a3e' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");
}

body.lp-inn .lp-form-embed-heading h2 {
    font-weight: 700;
    line-height: 1.6;
}

body.lp-inn .lp-form-embed-card span.form-head {
    font-family: var(--lpf-font-heading);
    font-weight: 600;
}

body.lp-inn .lp-form-embed-card .step-next-btn,
body.lp-inn .lp-form-embed-card .form-submit input[type="submit"].btn-1 {
    letter-spacing: 0.05em;
}

/* 旅館LPの .btn スタイル（inline-flex 等）が CF7 送信ボタンに干渉するためリセット */
body.lp-inn .lp-form-embed-card .form-submit input[type="submit"].btn,
body.lp-inn .contact-drawer__body .form-submit input[type="submit"].btn {
    display: block;
    align-items: unset;
    justify-content: unset;
    gap: 0;
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    padding: 18px 24px;
    min-height: 56px;
    line-height: 1.2;
    text-align: center;
    box-sizing: border-box;
    vertical-align: baseline;
    border: none;
    font-family: var(--lpf-font-heading);
    white-space: nowrap;
    transform: none;
    box-shadow: 0 6px 24px rgba(var(--lpf-submit-shadow-rgb), 0.4);
}

body.lp-inn .lp-form-embed-card .form-submit input[type="submit"].btn:hover,
body.lp-inn .contact-drawer__body .form-submit input[type="submit"].btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(var(--lpf-submit-shadow-rgb), 0.5);
}

body.lp-inn .lp-form-embed-card .check-op .wpcf7-list-item label:has(input:checked) {
    background: #2d4a3e;
    border-color: #b8860b;
    color: #c9a962;
}

body.lp-inn .contact-drawer__title {
    font-family: var(--lpf-font-heading);
    font-weight: 700;
}