/**
 * Creditemoi Madagascar Airtime Top-up Frontend Styles
 */

/* Remove number input arrows (Chrome, Safari, Edge, Opera) */
#cmat-amount::-webkit-inner-spin-button,
#cmat-amount::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Remove arrows in Firefox */
#cmat-amount {
    -moz-appearance: textfield;
}

/* Remove button text hover effects */
#cmat-topup-form button[type="submit"],
#cmat-topup-form button[type="submit"]:hover,
#cmat-topup-form button[type="submit"]:active,
#cmat-topup-form button[type="submit"]:focus {
    color: #ffffff !important;
}

#cmat-topup-form button[type="submit"] span,
#cmat-topup-form button[type="submit"]:hover span,
#cmat-topup-form button[type="submit"]:active span,
#cmat-topup-form button[type="submit"]:focus span {
    color: #ffffff !important;
}

/* Drop shadow for main card */
.cmat-topup-form-wrapper > div:first-child {
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
    transition: filter 0.3s ease;
}

.cmat-topup-form-wrapper > div:first-child:hover {
    filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.15));
}

/* Dark mode drop shadow */
@media (prefers-color-scheme: dark) {
    .cmat-topup-form-wrapper > div:first-child {
        filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.3));
    }
    
    .cmat-topup-form-wrapper > div:first-child:hover {
        filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.4));
    }
}