/* =========================== 
   PAYMENT SYSTEMS OVERRIDE
   Ensures new modern styling takes precedence
   =========================== */

/* Reset any conflicting base styles */
.paypal, .visa, .master-card, .coin-payment, .strip, .sbp-light, .sbp-dark {
    /* Override any width constraints from base styles */
    width: auto !important;
    height: auto !important;
    
    /* Ensure our modern styling takes precedence */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Remove any legacy margin/padding conflicts */
    margin-bottom: 0 !important;
}

/* Ensure SVGs and images scale properly within the containers */
.paypal svg, .visa svg, .master-card svg {
    width: auto !important;
    height: auto !important;
    max-width: 120px;
    max-height: 60px;
}

.coin-payment img, .strip img {
    width: auto !important;
    height: auto !important;
    max-width: 120px;
    max-height: 60px;
}

/* Special sizing for SBP logos to match other payment systems */
.sbp-light img, .sbp-dark img {
    width: auto !important;
    height: auto !important;
    max-width: 80px !important;
    max-height: 35px !important;
}

/* Responsive overrides for mobile */
@media (max-width: 767px) {
    .paypal svg, .visa svg, .master-card svg,
    .coin-payment img, .strip img {
        max-width: 100px;
        max-height: 45px;
    }
    
    .sbp-light img, .sbp-dark img {
        max-width: 65px !important;
        max-height: 30px !important;
    }
}

@media (max-width: 480px) {
    .paypal svg, .visa svg, .master-card svg,
    .coin-payment img, .strip img {
        max-width: 80px;
        max-height: 40px;
    }
    
    .sbp-light img, .sbp-dark img {
        max-width: 55px !important;
        max-height: 25px !important;
    }
}