/* Mobile spacing adjustments */
@media screen and (max-width: 479px) {
    .space {
        min-height: 30px !important;
    }

    .space-large {
        min-height: 40px !important;
    }

    .space-semi {
        min-height: 20px !important;
    }

    .space-mid {
        min-height: 25px !important;
    }

    .space-page-top {
        min-height: 50px !important;
    }
}

/* Mobile adjustments for footer - simplified and compact */
@media screen and (max-width: 479px) {
    /* Remove extra spacing */
    .footer-wrapper {
        padding-bottom: 0 !important;
    }
    
    .footer-bottom-wrapper {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .footer-bottom-wrapper .space {
        display: none !important;
    }
    
    .footer-bottom-flex {
        gap: 3px !important;
        padding: 2px 6px !important;
        margin: 0 !important;
        min-height: 0 !important;
        align-items: center !important;
        justify-content: center !important;
        display: flex !important;
        flex-direction: row !important;
    }
    
    .footer-text-flex {
        margin: 0 !important;
        padding: 0 !important;
        gap: 3px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 0 !important;
    }
    
    .footer-bottom-text,
    .footer-bottom-text-link {
        font-size: 11px !important;
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Also reduce other generic spacings */
    .space-large {
        min-height: 30px !important;
    }

    .space {
        min-height: 20px !important;
    }

    .space-semi,
    .space-mid {
        min-height: 15px !important;
    }

    /* Specific adjustments for "Powered by" section */
    .footer-text-flex:has(.footer-bottom-text:contains("Powered by")) {
        margin: 0 !important;
        padding: 2px 0 !important;
        height: auto !important;
        min-height: 0 !important;
        font-size: 11px !important;
        line-height: 1 !important;
        display: flex !important;
        align-items: center !important;
        gap: 3px !important;
    }
}