/*
 * FetePass365 Footer Mobile Fix 1.0.2
 * Intentionally has NO footer/header/theme wildcard selectors.
 * CSS only affects elements explicitly tagged by the companion script after
 * finding the unique FetePass365 footer-description sentence.
 */

@media screen and (max-width: 1024px) {
    .fp365-footer-brand-logo-exact {
        display: block !important;
        width: 96px !important;
        min-width: 96px !important;
        max-width: 96px !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: left center !important;
        transform: none !important;
        flex: 0 0 auto !important;
    }

    .fp365-footer-brand-logo-holder-exact {
        display: block !important;
        width: 96px !important;
        min-width: 96px !important;
        max-width: 96px !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        flex: 0 0 auto !important;
    }

    .fp365-footer-brand-copy-exact {
        display: block !important;
        width: calc(100vw - 64px) !important;
        max-width: calc(100vw - 64px) !important;
        min-width: 0 !important;
        height: auto !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        overflow: visible !important;
        overflow-wrap: break-word !important;
        word-wrap: break-word !important;
        word-break: normal !important;
        text-overflow: clip !important;
    }

    .fp365-footer-brand-copy-exact,
    .fp365-footer-brand-copy-exact * {
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
    }

    .fp365-footer-brand-copy-holder-exact {
        display: block !important;
        width: calc(100vw - 64px) !important;
        max-width: calc(100vw - 64px) !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .fp365-footer-brand-logo-exact,
    .fp365-footer-brand-logo-holder-exact {
        width: 120px !important;
        min-width: 120px !important;
        max-width: 120px !important;
    }

    .fp365-footer-brand-copy-exact,
    .fp365-footer-brand-copy-holder-exact {
        width: calc(100vw - 80px) !important;
        max-width: calc(100vw - 80px) !important;
    }
}