/**
 * Payment Modal - Apple Theme Override
 * Переопределение CSS-переменных модалки оплаты для Apple-стиля
 * Подключается ПОСЛЕ /css/payment-modal.css
 */

:root {
    --pm-overlay-bg: rgba(0, 0, 0, 0.5);
    --pm-content-bg: #ffffff;
    --pm-title-color: #1d1d1f;
    --pm-subtitle-color: #86868b;
    --pm-input-bg: #ffffff;
    --pm-input-border: #d2d2d7;
    --pm-input-color: #1d1d1f;
    --pm-input-placeholder: #86868b;
    --pm-btn-bg: #0071e3;
    --pm-btn-color: #ffffff;
    --pm-btn-shadow: rgba(0, 113, 227, 0.3);
    --pm-error-color: #ff3b30;
    --pm-note-color: #86868b;
    --pm-close-color: #86868b;
    --pm-close-hover: #1d1d1f;
    --pm-step-dot-inactive: rgba(0, 113, 227, 0.2);
    --pm-step-dot-active: #0071e3;
    --pm-focus-border: #0071e3;
    --pm-focus-shadow: rgba(0, 113, 227, 0.2);
}

/* Apple pill-shaped button */
.email-submit-btn {
    border-radius: 980px;
    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Montserrat', Arial, sans-serif;
}

.email-submit-btn:hover {
    background: #0077ed;
}

/* Apple rounded inputs */
.email-input,
.phone-input,
.country-code-select {
    border-radius: 12px;
    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Montserrat', Arial, sans-serif;
}

/* Apple modal content */
.email-modal-content {
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.email-modal-title {
    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', sans-serif;
    letter-spacing: -0.01em;
}