/**
 * Easy PIX WP - Light Theme
 * 
 * @package Easy_Pix_WP
 * @since   1.0.0
 */

/* ==========================================================================
   Light Theme Colors
   ========================================================================== */
.easypix-modal-overlay[data-theme="light"] .easypix-modal-content {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
}

/* Header */
.easypix-modal-overlay[data-theme="light"] .easypix-modal-title {
    color: #111827 !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-modal-subtitle {
    color: #6b7280 !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-modal-subtitle strong {
    color: #2563eb !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-modal-close {
    color: #9ca3af !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-modal-close:hover {
    color: #374151 !important;
}

/* Form */
.easypix-modal-overlay[data-theme="light"] .easypix-form-label {
    color: #6b7280 !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-form-input-wrapper svg {
    color: #9ca3af !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-form-input {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    color: #111827 !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-form-input:focus {
    border-color: #3B82F6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-form-input::placeholder {
    color: #9ca3af !important;
}

/* Submit Button */
.easypix-modal-overlay[data-theme="light"] .easypix-submit-button {
    background: #2563EB !important;
    color: white !important;
    box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.2) !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-submit-button:hover {
    background: #1D4ED8 !important;
}

/* Security Badge */
.easypix-modal-overlay[data-theme="light"] .easypix-security-badge {
    color: #6b7280 !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-security-badge svg {
    color: #10B981 !important;
}

/* Loading */
.easypix-modal-overlay[data-theme="light"] .easypix-loading-text {
    color: #111827 !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-loading-subtext {
    color: #6b7280 !important;
}

/* PIX Step */
.easypix-modal-overlay[data-theme="light"] .easypix-pix-title {
    color: #111827 !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-pix-subtitle {
    color: #6b7280 !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-copy-code-input {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    color: #6b7280 !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-copy-button {
    background: #e5e7eb !important;
    color: #2563EB !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-copy-button:hover {
    background: #d1d5db !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-waiting-notice {
    background: rgba(37, 99, 235, 0.05) !important;
    border: 1px solid rgba(37, 99, 235, 0.15) !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-waiting-text {
    color: #2563EB !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-back-button {
    color: #9ca3af !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-back-button:hover {
    color: #374151 !important;
}

/* Success Step */
.easypix-modal-overlay[data-theme="light"] .easypix-success-title {
    color: #111827 !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-success-subtitle {
    color: #6b7280 !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-close-button {
    background: #f3f4f6 !important;
    color: #374151 !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-close-button:hover {
    background: #e5e7eb !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-tip-box {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-tip-box svg {
    color: #2563EB !important;
}

.easypix-modal-overlay[data-theme="light"] .easypix-tip-text {
    color: #6b7280 !important;
}

/* Toast Light Theme */
#easypixToastContainer .easypix-toast {
    background: #ffffff;
    border: 1px solid #e5e7eb;
}

#easypixToastContainer .easypix-toast-message {
    color: #111827;
}