/**
 * Stripe Gateway Styles
 * 
 * @package EventGeniusStripe
 * @since 1.0.0
 */

/* Stripe Payment Element Container */
#stripe-payment-element {
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
}

/* Stripe Payment Button - inherits styles from .evge-payment-form button.evge-payment-button */
#stripe-payment-button {
    width: 100%;
    margin-top: 10px;
    /* Other styles inherited from .evge-payment-form button.evge-payment-button */
}

/* Stripe Messages - now use standard Event Genius message system */

/* Stripe Logo */
.evge-stripe-logo {
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    margin-right: 8px;
}

/* Payment Form Styling */
.evge-payment-form .stripe-payment-element {
    margin-bottom: 20px;
}

/* Responsive Design */
@media (max-width: 768px) {
    #stripe-payment-element {
        padding: 15px;
    }
    
    /* Stripe button inherits responsive styles from .evge-payment-form button.evge-payment-button */
}

/* Loading State */
.evge-stripe-loading {
    opacity: 0.6;
    pointer-events: none;
}

/* Error States */
.evge-stripe-field-error {
    border-color: #c33 !important;
    box-shadow: 0 0 0 1px #c33 !important;
}

/* Success States */
.evge-stripe-field-success {
    border-color: #3c3 !important;
    box-shadow: 0 0 0 1px #3c3 !important;
}