/**
 * Footer Payment Icons - Desktop Enhancement
 * Makes payment provider icons larger and properly centered on desktop
 */

/* Payment Icons Container - Make it span full width on desktop */
@media (min-width: 1024px) {
    /* Target the parent grid cell to span all columns */
    .grid > div:has([aria-label="Payment Providers"]),
    footer .grid > div:has([aria-label="Payment Providers"]),
    [aria-label="Payment Providers"] {
        grid-column: 1 / -1 !important;
        width: 100% !important;
    }

    /* Target the payment providers container */
    [aria-label="Payment Providers"] {
        justify-content: center !important;
        gap: 1.5rem !important;
        padding: 2rem 1rem !important;
        max-width: none !important;
    }

    /* Reset SVG sizes and set larger dimensions */
    [aria-label="Payment Providers"] svg {
        width: 72px !important;
        height: 48px !important;
        min-width: 72px !important;
        min-height: 48px !important;
    }
    
    /* Scale images with explicit sizes */
    [aria-label="Payment Providers"] img {
        height: auto !important;
    }
    
    /* Netopia - specific sizing */
    [aria-label="Payment Providers"] img[alt*="Netopia"] {
        width: 56px !important;
        height: 38px !important;
        min-width: 56px !important;
    }
    
    /* TBI Bank - specific sizing */
    [aria-label="Payment Providers"] img[alt*="TBI"] {
        width: 96px !important;
        height: 63px !important;
        min-width: 96px !important;
    }
    
    /* Links should display properly */
    [aria-label="Payment Providers"] a {
        display: inline-flex !important;
        align-items: center !important;
    }
    
    /* EC ODR - specific sizing */
    [aria-label="Payment Providers"] img[alt="EC ODR"],
    [aria-label="Payment Providers"] a[href*="ec.europa.eu"] img {
        width: 140px !important;
        height: auto !important;
        min-width: 140px !important;
    }
    
    /* ANPC SAL - specific sizing */
    [aria-label="Payment Providers"] img[alt="ANPC SAL"],
    [aria-label="Payment Providers"] a[href*="anpc.ro"] img {
        width: 140px !important;
        height: auto !important;
        min-width: 140px !important;
    }
}

/* Extra large screens - even bigger icons */
@media (min-width: 1280px) {
    [aria-label="Payment Providers"] {
        gap: 2rem !important;
        padding: 2.5rem 1rem !important;
    }

    [aria-label="Payment Providers"] svg {
        width: 84px !important;
        height: 56px !important;
        min-width: 84px !important;
        min-height: 56px !important;
    }
    
    /* Netopia - larger */
    [aria-label="Payment Providers"] img[alt*="Netopia"] {
        width: 64px !important;
        height: 44px !important;
        min-width: 64px !important;
    }
    
    /* TBI Bank - larger */
    [aria-label="Payment Providers"] img[alt*="TBI"] {
        width: 110px !important;
        height: 72px !important;
        min-width: 110px !important;
    }
    
    /* EC ODR - larger */
    [aria-label="Payment Providers"] img[alt="EC ODR"],
    [aria-label="Payment Providers"] a[href*="ec.europa.eu"] img {
        width: 160px !important;
        min-width: 160px !important;
    }
    
    /* ANPC SAL - larger */
    [aria-label="Payment Providers"] img[alt="ANPC SAL"],
    [aria-label="Payment Providers"] a[href*="anpc.ro"] img {
        width: 160px !important;
        min-width: 160px !important;
    }
}