/* =============================
   会員登録フォーム CSS
   （このファイルは登録ページのみ enqueue。page-id 依存なし）
============================= */
body.myspots-register-page .site-content,
body.myspots-register-page .ast-container,
body.myspots-register-page #content,
body.myspots-register-page .ast-separate-container,
body.myspots-register-page .ast-article-single,
body.myspots-register-page .entry-content { padding: 0 !important; max-width: 100% !important; }
body.myspots-register-page { overflow-x: hidden !important; }

/* CSS変数 */
:root {
    --pink: #E8436A; --pink-light: #F06B8A; --pink-pale: #FFF0F3;
    --navy: #1A1F36; --navy-mid: #2D3557; --gray: #6B7280;
    --gray-light: #F4F5F7; --border: #E8EAED;
}

/* タイトル非表示 */
body.myspots-register-page .entry-title { display: none !important; }

/* ページ背景 */
body.myspots-register-page #content { background: var(--gray-light); min-height: 100vh; }

/* entry-content全体をセンタリングコンテナに */
body.myspots-register-page .entry-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 16px 60px !important;
}

/* フォームラッパー */
.wppb-register-user {
    width: 100%;
    max-width: 480px;
}

/* フォームカード */
.wppb-register-user form {
    background: white;
    border-radius: 10px;
    border: 1px solid var(--border);
    padding: 24px;
}

/* フォームフィールド */
.wppb-form-field,
.wppb-register-user ul li,
.wppb-register-user p { margin-bottom: 16px !important; }
.wppb-form-field label {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: var(--navy);
    margin-bottom: 6px;
}
.wppb-form-field input[type="text"],
.wppb-form-field input[type="email"],
.wppb-form-field input[type="password"] {
    width: 100%;
    padding: 8px 10px;
    border: 1.5px solid var(--border);
    border-radius: 6px;
    font-size: 13px;
    font-family: inherit;
    transition: all 0.2s;
    background: white;
    box-sizing: border-box;
}
.wppb-form-field input:focus {
    outline: none;
    border-color: var(--pink);
    box-shadow: 0 0 0 3px rgba(232,67,106,0.08);
}
.wppb-form-field .wppb-description-delimiter {
    font-size: 11px;
    color: var(--gray);
    margin-top: 4px;
    display: block;
}

/* 送信ボタン */
.wppb-submit-button {
    width: 100%;
    padding: 12px;
    background: var(--pink);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s;
    margin-top: 8px !important;
    font-family: inherit;
}
.wppb-submit-button:hover { background: var(--pink-light); }

/* ログイン済みメッセージ */
#wppb_register_pre_form_message,
.wppb-register-user .alert {
    background: #FEF3C7;
    border: 1px solid #FCD34D;
    color: #92400E;
    border-radius: 8px;
    padding: 12px 14px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 16px;
}

/* 完了メッセージ（緑のボックス） */
.wppb-message,
.wppb-register-user .wppb-message {
    width: 100%;
    max-width: 480px;
    background: #F0FDF4;
    border: 1px solid #86EFAC;
    color: #166534;
    border-radius: 8px;
    padding: 14px 16px;
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 16px 0;
    box-sizing: border-box;
    scroll-margin-top: 110px;
}

/* リダイレクトメッセージ（「まもなく移動します」テキスト） */
body.myspots-register-page .entry-content > p,
body.myspots-register-page .entry-content > div:not(.wppb-register-user) {
    width: 100%;
    max-width: 480px;
    font-size: 13px;
    color: var(--gray);
    text-align: center;
    margin-top: 8px;
}
body.myspots-register-page .entry-content > p a,
body.myspots-register-page .entry-content > div:not(.wppb-register-user) a {
    color: var(--pink);
    font-weight: 700;
    text-decoration: none;
}

/* 非表示 */
.wppb-form-field.send-credentials-via-email,
.send-credentials-via-email,
p.send-credentials-via-email,
div.send-credentials-via-email,
label[for*="send_credentials_via_email"] { display: none !important; }

/* ログインリンク */
.wppb-register-user .wppb-login-link,
.wppb-register-user > p:last-of-type {
    text-align: center;
    font-size: 12px;
    color: var(--gray);
    margin-top: 12px;
}
.wppb-register-user .wppb-login-link a,
.wppb-register-user > p:last-of-type a {
    color: var(--pink);
    font-weight: 700;
    text-decoration: none;
}

/* レスポンシブ */
@media (max-width: 768px) {
    body.myspots-register-page .entry-content { padding: 10px 10px 40px !important; }
    .wppb-register-user form { padding: 16px; }
}