/*
 * FooterBadge component styles
 *
 * Used on (as of 2026-05-25, CType mask_footer_badge):
 *   - /
 *
 * Source: extracted from frontend/scss/includes/elements/_footer-badge.scss
 */

.footer-badge {
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;

    &:last-child {
        margin-bottom: 0;
    }

    @media (min-width: 540px) {
        flex: 0 0 50%;
    }

    /* display flex is removed from parent container */
    @media (min-width: 768px) {
        flex: none;
        margin-bottom: 2rem;
    }
}

.footer-badge__image {
    width: 50%;
    max-width: 5rem;
    margin-right: 1rem;
    flex-shrink: 0;
    flex-grow: 0;

    @media (min-width: 540px) {
        width: 35%;
    }

    @media (min-width: 768px) {
        margin-right: 1rem;
        margin-bottom: 0;
        max-width: 5.625rem;
    }

    @media (min-width: 992px) {
        max-width: 6.25rem;
    }
}

.footer-badge__image-link {
    display: block;
}

.footer-badge__text {
    hyphens: auto;
    hyphenate-limit-chars: auto 5;
    hyphenate-limit-lines: 2;
}

.footer-badge__line1 {
    font-size: 1rem;
    font-family: "DaxWeb-Medi", Sans-Serif;

    @media (min-width: 768px) {
        font-size: 1.75rem;
    }
}

.footer-badge__line2 {
    font-size: 0.875rem;

    @media (min-width: 768px) {
        font-size: 1rem;
    }
}

.footer-badge__line3 {
    font-size: 1rem;

    @media (min-width: 768px) {
        font-size: 1.5rem;
    }
}