/**
 * Turnstile CAPTCHA スタイル
 * Cloudflare Turnstile ウィジェット用
 */

/* 共通コンテナスタイル */
.turnstile-container {
    margin: 1rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.turnstile-section {
    display: flex;
    justify-content: center;
    padding: 1rem 0;
}

/* 決済フォーム用 */
.turnstile-payment {
    margin: 1.5rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* エラーメッセージ */
#turnstile-error,
#turnstile-register-error,
#turnstile-payment-error,
.turnstile-error {
    color: #e53935;
    font-size: 0.875rem;
    margin-top: 0.5rem;
    text-align: center;
}

/* レスポンシブ対応 */
@media (max-width: 480px) {
    .turnstile-container,
    .turnstile-section,
    .turnstile-payment {
        transform: scale(0.9);
        transform-origin: center;
    }
}

/* ダークモード対応（将来用） */
@media (prefers-color-scheme: dark) {
    .turnstile-container,
    .turnstile-section,
    .turnstile-payment {
        /* Turnstileウィジェット自体はthemeオプションで対応 */
    }
}