*,
*::before,
*::after {
    box-sizing: border-box;
}


.site-footer {
    width: 100%;

    overflow: hidden;

    background: #ffffff;

    color: #111111;
}


.footer-container {
    width: min(92%, 74rem);

    margin: 0 auto;

    padding:
        clamp(1.6rem, 3vw, 2.5rem)
        0
        clamp(0.7rem, 1.5vw, 1.2rem);

    display: grid;

    grid-template-columns:
        2fr
        1.6fr
        1fr
        1.7fr;

    grid-template-areas:
        "company gallery social logo"
        "legal legal legal legal"
        "links links links links";

    align-items: start;

    column-gap:
        clamp(
            2rem,
            5vw,
            5rem
        );

    row-gap:
        clamp(
            1rem,
            2vw,
            1.5rem
        );
}


/* COMPANY */

.footer-company {
    grid-area: company;

    padding-top:
        clamp(
            0.4rem,
            1vw,
            0.8rem
        );
}


.footer-company p {
    margin: 0;

   font-family: 'Avenir';

    color: #111111;
}


.footer-company-name {
    font-size:
        clamp(
            0.58rem,
            0.72vw,
            0.72rem
        );

    font-weight: 700;

    line-height: 1.25;
}


.footer-company-name span {
    font-size: 0.82em;
}


.footer-company-address {
    margin-top: 0.2rem !important;

    font-size:
        clamp(
            0.55rem,
            0.68vw,
            0.68rem
        );

    font-weight: 600;

    line-height: 1.25;
}


/* GALLERY */

.footer-gallery {
    grid-area: gallery;
}


.footer-gallery h3 {
    margin:
        0
        0
        clamp(
            0.45rem,
            1vw,
            0.75rem
        );

    font-family: 'Avenir';

    font-size:
        clamp(
            0.72rem,
            0.9vw,
            0.9rem
        );

    font-weight: 600;

    letter-spacing: 0.02em;
}


.footer-gallery-content {
    display: flex;

    align-items: center;

    gap:
        clamp(
            0.8rem,
            1.5vw,
            1.2rem
        );
}


/* GOOGLE MAP / WAZE */

.footer-map-icons {
    display: flex;

    align-items: center;

    gap:
        clamp(
            0.35rem,
            0.7vw,
            0.55rem
        );
}


.footer-map-icons a {
    display: block;

    line-height: 0;

    text-decoration: none;
}


.footer-map-icons img {
    display: block;

    width:
        clamp(
            1.8rem,
            2.6vw,
            2.5rem
        );

    height:
        clamp(
            1.8rem,
            2.6vw,
            2.5rem
        );

    object-fit: contain;

    transition:
        transform 0.2s ease,
        opacity 0.2s ease;
}


.footer-map-icons a:hover img {
    transform: scale(1.06);

    opacity: 0.9;
}


/* OPENING HOURS */

.footer-opening-hours p {
    margin: 0;

   font-family: 'Avenir';

    font-size:
        clamp(
            0.55rem,
            0.7vw,
            0.7rem
        );

    font-weight: 600;

    line-height: 1.35;
}


/* SOCIAL */

.footer-social {
    grid-area: social;
}


.footer-social h3 {
    margin:
        0
        0
        clamp(
            0.5rem,
            1vw,
            0.8rem
        );

    font-family: 'Avenir';

    font-size:
        clamp(
            0.72rem,
            0.9vw,
            0.9rem
        );

    font-weight: 600;

    letter-spacing: 0.03em;
}


.footer-social-icons {
    display: flex;

    align-items: center;

    gap:
        clamp(
            0.4rem,
            0.7vw,
            0.65rem
        );
}


.footer-social-icons a {
    display: block;

    line-height: 0;

    text-decoration: none;
}


.footer-social-icons img {
    display: block;

    width:
        clamp(
            2rem,
            2.8vw,
            2.7rem
        );

    height:
        clamp(
            2rem,
            2.8vw,
            2.7rem
        );

    object-fit: contain;

    transition:
        transform 0.2s ease,
        opacity 0.2s ease;
}


.footer-social-icons a:hover img {
    transform:
        translateY(-0.1rem);

    opacity: 0.9;
}


/* IJM LAND */

.footer-logo {
    grid-area: logo;

    display: flex;

    justify-content: flex-end;

    align-items: flex-start;
}


.footer-logo img {
    display: block;

    width:
        clamp(
            10rem,
            17vw,
            15rem
        );

    max-width: 100%;

    height: auto;

    object-fit: contain;
}


/* LEGAL TEXT */

.footer-legal {
    grid-area: legal;

    width: 100%;

    margin-top:
        clamp(
            0.2rem,
            0.7vw,
            0.6rem
        );
}


.footer-legal p {
    margin: 0;

    color: #111111;

    font-family: 'Avenir';
	
	text-align: center;

    font-size:
        clamp(
            0.36rem,
            0.43vw,
            0.46rem
        );

    font-weight: 600;

    line-height: 1.35;

}


/* LINKS */

.footer-bottom-links {
    grid-area: links;

    display: flex;

    align-items: center;

    justify-content: center;

    gap:
        clamp(
            0.65rem,
            1.4vw,
            1.2rem
        );

    margin-top:
        clamp(
            0.25rem,
            0.5vw,
            0.5rem
        );
}


.footer-bottom-links a {
    color: #111111;

    font-family: 'Avenir';

    font-size:
        clamp(
            0.45rem,
            0.55vw,
            0.58rem
        );

    font-weight: 600;

    text-decoration: none;
}


.footer-link-divider {
    width: 0.05rem;

    height: 0.6rem;

    background: #111111;
}


/* MOBILE PORTRAIT */

@media (max-width: 1024px) and (orientation: portrait) {

    .footer-container {
        width: 100%;

        padding:
            clamp(
                3rem,
                12vw,
                5rem
            )
            7%
            clamp(
                1.5rem,
                6vw,
                2.5rem
            );

        display: flex;

        flex-direction: column;

        align-items: center;
    }


    /* FOLLOW US */

    .footer-social {
        order: 1;

        width: 100%;

        text-align: center;
    }


    .footer-social h3 {
        margin-bottom:
            clamp(
                0.8rem,
                4vw,
                1.2rem
            );

        font-size:
            clamp(
                0.8rem,
                3.3vw,
                1rem
            );
    }


    .footer-social-icons {
        justify-content: center;

        gap:
            clamp(
                0.6rem,
                3vw,
                1rem
            );
    }


    .footer-social-icons img {
        width:
            clamp(
                2.5rem,
                11vw,
                3.2rem
            );

        height:
            clamp(
                2.5rem,
                11vw,
                3.2rem
            );
    }


    /* IJM */

    .footer-logo {
        order: 2;

        width: 100%;

        justify-content: center;

        margin-top:
            clamp(
                1.2rem,
                5vw,
                2rem
            );
    }


    .footer-logo img {
        width:
            clamp(
                12rem,
                62vw,
                18rem
            );

        max-width: 100%;
    }


    /* GALLERY */

    .footer-gallery {
        order: 3;

        width: 100%;

        margin-top:
            clamp(
                2rem,
                8vw,
                3rem
            );

        text-align: center;
    }


    .footer-gallery h3 {
        margin-bottom:
            clamp(
                0.8rem,
                4vw,
                1.2rem
            );

        font-size:
            clamp(
                0.7rem,
                3vw,
                0.9rem
            );

        font-weight: 700;
    }


    .footer-gallery-content {
        flex-direction: column;

        gap:
            clamp(
                1rem,
                5vw,
                1.5rem
            );
    }


    .footer-map-icons {
        justify-content: center;

        gap:
            clamp(
                0.5rem,
                2.5vw,
                0.8rem
            );
    }


    .footer-map-icons img {
        width:
            clamp(
                2.2rem,
                10vw,
                3rem
            );

        height:
            clamp(
                2.2rem,
                10vw,
                3rem
            );
    }


    .footer-opening-hours {
        text-align: center;
    }


    .footer-opening-hours p {
        font-size:
            clamp(
                0.8rem,
                3.6vw,
                1.05rem
            );

        line-height: 1.25;
    }


    /* COMPANY */

    .footer-company {
        order: 4;

        width: 100%;

        margin-top:
            clamp(
                3rem,
                14vw,
                5rem
            );

        padding: 0;
    }


    .footer-company-name {
        font-size:
            clamp(
                0.55rem,
                2.7vw,
                0.72rem
            );

        line-height: 1.3;
    }


    .footer-company-address {
        font-size:
            clamp(
                0.52rem,
                2.5vw,
                0.68rem
            );

        line-height: 1.3;
    }


    /* LEGAL */

    .footer-legal {
        order: 5;

        width: 100%;

        margin-top:
            clamp(
                1.8rem,
                8vw,
                2.8rem
            );
    }


    .footer-legal p {
        font-size:
            clamp(
                0.38rem,
                1.85vw,
                0.5rem
            );

        line-height: 1.35;

        text-align: justify;
    }


    /* BOTTOM LINKS */

    .footer-bottom-links {
        order: 6;

        width: 100%;

        margin-top:
            clamp(
                2.5rem,
                10vw,
                3.5rem
            );

        gap:
            clamp(
                0.45rem,
                2.2vw,
                0.8rem
            );

        flex-wrap: nowrap;
    }


    .footer-bottom-links a {
        font-size:
            clamp(
                0.4rem,
                1.8vw,
                0.5rem
            );

        white-space: nowrap;
    }


    .footer-link-divider {
        height: 0.5rem;
    }

}


/* SMALL MOBILE */

@media (max-width: 480px) and (orientation: portrait) {

    .footer-container {
        padding:
            3rem
            7%
            1.5rem;
    }


   


    .footer-company {
        margin-top: 1.5rem;
        text-align: center;
    }


    .footer-legal {
        margin-top: 1.8rem;
    }


    .footer-bottom-links {
        margin-top: 2.5rem;
    }

}


/* LANDSCAPE */

@media (max-width: 1024px) and (orientation: landscape) {

    .footer-container {
        width: 94%;

        grid-template-columns:
            2fr
            1.5fr
            1fr
            1.5fr;

        column-gap:
            clamp(
                1rem,
                3vw,
                2.5rem
            );
    }


    .footer-logo img {
        width:
            clamp(
                8rem,
                17vw,
                11rem
            );
    }


    .footer-company-name,
    .footer-company-address {
        font-size:
            clamp(
                0.46rem,
                1vw,
                0.62rem
            );
    }


    .footer-gallery h3,
    .footer-social h3 {
        font-size:
            clamp(
                0.55rem,
                1.2vw,
                0.75rem
            );
    }


    .footer-opening-hours p {
        font-size:
            clamp(
                0.45rem,
                1vw,
                0.62rem
            );
    }


    .footer-social-icons img {
        width:
            clamp(
                1.8rem,
                4vw,
                2.4rem
            );

        height:
            clamp(
                1.8rem,
                4vw,
                2.4rem
            );
    }

}