/**
 * あきた移住・就職相談窓口 LP — 自作スクリプトが挿入する要素のスタイル
 *
 * 納品CSS（_astro/index.*.css）は一切上書きしない。ここで定義するのは
 * main.js が動的に挿入する要素（lp- 接頭辞）と、reCAPTCHA バッジの非表示だけ。
 * 色は納品テーマに合わせている（pastel-green #add27b / pastel-blue #66b8e1 / green #7ab643）。
 */

/* --------------------------------------------------------------------------
   reCAPTCHA
   -------------------------------------------------------------------------- */

/* 右下の浮遊バッジを隠す。Google の規約上、代わりに下の注記文の表示が必要。 */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* --------------------------------------------------------------------------
   送信エラー（送信ボタンの直上）
   -------------------------------------------------------------------------- */

.lp-form-error {
    margin: 0 0 1rem;
    padding: 0.75rem 1rem;
    border: 1px solid #f0a9a9;
    border-radius: 0.375rem;
    background: #fdf2f2;
    color: #b02a2a;
    font-size: 0.875rem;
    line-height: 1.7;
    text-align: center;
}

/* --------------------------------------------------------------------------
   完了モーダル（ネイティブ <dialog>）
   -------------------------------------------------------------------------- */

.lp-done-dialog {
    width: min(92vw, 34rem);
    margin: auto;
    padding: 0;
    border: 0;
    border-radius: 0.75rem;
    background: #fff;
    color: #1f2937;
    box-shadow: 0 20px 50px rgb(0 0 0 / 25%);
}

.lp-done-dialog::backdrop {
    background: rgb(0 0 0 / 45%);
}

.lp-done-inner {
    padding: 2rem 1.75rem;
    text-align: center;
}

.lp-done-title {
    margin: 0 0 1rem;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.6;
}

.lp-done-body {
    margin: 0 0 1rem;
    font-size: 0.9375rem;
    line-height: 1.9;
    text-align: left;
}

.lp-done-close {
    min-width: 9rem;
    padding: 0.75rem 1.5rem;
    border: 0;
    border-radius: 9999px;
    background: linear-gradient(to right, #add27b, #66b8e1);
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s;
}

.lp-done-close:hover {
    opacity: 0.8;
}

.lp-done-close:focus-visible {
    outline: 2px solid #7ab643;
    outline-offset: 2px;
}