/**
 * M-Pesa Plugin Styles
 * Clean, professional, mobile-friendly design.
 */

 .mpesa-payment-form {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.mpesa-payment-form input[type="tel"] {
    transition: border-color 0.3s ease;
}

.mpesa-payment-form input[type="tel"]:focus {
    border-color: #00a32a !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 163, 42, 0.1);
}

.mpesa-payment-form button {
    box-shadow: 0 4px 15px rgba(0, 163, 42, 0.3);
}

.mpesa-payment-form button:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(0, 163, 42, 0.4);
}

.mpesa-payment-form button:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}