/**
 * Easy PIX WP - Dark Theme
 * 
 * Design baseado no unitv-recarga plugin
 * 
 * @package Easy_Pix_WP
 * @since   1.0.0
 */

/* ==========================================================================
   Dark Theme Colors
   ========================================================================== */
.easypix-modal-overlay[data-theme="dark"] .easypix-modal-content {
    background: #18181b !important;
    border: 1px solid #27272a !important;
}

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

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

.easypix-modal-overlay[data-theme="dark"] .easypix-modal-subtitle strong {
    color: #60A5FA !important;
}

.easypix-modal-overlay[data-theme="dark"] .easypix-modal-close {
    color: #71717a !important;
}

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

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

.easypix-modal-overlay[data-theme="dark"] .easypix-form-input-wrapper svg {
    color: #71717a !important;
}

.easypix-modal-overlay[data-theme="dark"] .easypix-form-input {
    background: #09090b !important;
    border: 1px solid #27272a !important;
    color: #f4f4f5 !important;
}

.easypix-modal-overlay[data-theme="dark"] .easypix-form-input:focus {
    border-color: #3B82F6 !important;
    box-shadow: none !important;
}

.easypix-modal-overlay[data-theme="dark"] .easypix-form-input::placeholder {
    color: #52525b !important;
}

/* Submit Button */
.easypix-modal-overlay[data-theme="dark"] .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="dark"] .easypix-submit-button:hover {
    background: #1D4ED8 !important;
}

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

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

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

.easypix-modal-overlay[data-theme="dark"] .easypix-loading-subtext {
    color: #71717a !important;
}

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

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

.easypix-modal-overlay[data-theme="dark"] .easypix-copy-code-input {
    background: #09090b !important;
    border: 1px solid #27272a !important;
    color: #a1a1aa !important;
}

.easypix-modal-overlay[data-theme="dark"] .easypix-copy-button {
    background: #27272a !important;
    color: #60A5FA !important;
}

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

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

.easypix-modal-overlay[data-theme="dark"] .easypix-waiting-text {
    color: #60A5FA !important;
}

.easypix-modal-overlay[data-theme="dark"] .easypix-back-button {
    color: #71717a !important;
}

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

/* Success Step */
.easypix-modal-overlay[data-theme="dark"] .easypix-success-banner {
    background: rgba(16, 185, 129, 0.1) !important;
    border: 1px solid rgba(16, 185, 129, 0.2) !important;
}

.easypix-modal-overlay[data-theme="dark"] .easypix-success-title {
    color: #ffffff !important;
}

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

.easypix-modal-overlay[data-theme="dark"] .easypix-close-button {
    background: #27272a !important;
    color: #ffffff !important;
}

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

.easypix-modal-overlay[data-theme="dark"] .easypix-tip-box {
    background: rgba(37, 99, 235, 0.1) !important;
    border: 1px solid rgba(37, 99, 235, 0.2) !important;
}

.easypix-modal-overlay[data-theme="dark"] .easypix-tip-box svg {
    color: #60A5FA !important;
}

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

/* Toast Dark Theme */
.easypix-modal-overlay[data-theme="dark"] ~ #easypixToastContainer .easypix-toast {
    background: #27272a !important;
    border: 1px solid #3f3f46 !important;
}

.easypix-modal-overlay[data-theme="dark"] ~ #easypixToastContainer .easypix-toast-message {
    color: #f4f4f5 !important;
}
