/**
 * Footer Styles for Elan Child Theme
 */

footer {
    .ccdmd-footer-border {
        background-color: #343434;
        padding: 69px 0 45px 0 !important;

        figure {
            @media (min-width: 1025px) {
                img {
                    width: 40px;
                    height: auto;
                }
            }
        }

        ul li {
            position: relative;
            text-decoration: none;

            &:not(:last-child)::after {
                content: '';
                position: absolute;
                left: calc(100% + 20px);
                top: 50%;
                transform: translateY(-50%);
                width: 1px;
                height: 17px;
                background-color: var(--bleu-70-bg-hover);
            }

            a {
                text-decoration: none;
                font-family: var(--font-family-primary);
                font-size: 17px !important;
                font-weight:600;
                line-height: 22px !important;
                letter-spacing: 1% !important;
                color: var(--blanc) !important;

                &:hover {
                    color: #ABABAB !important;
                    text-decoration: none;
                }
            }
        }
    }

    .ccdmd-footer-nav {
        background-color: black;
        padding: 15px 40px 20px 40px;

        .ccdmd-footer-link p {
            font-size: 12px !important;
        }

        .copyright-bar-links {
            gap: 20px;
            justify-content: right;

            p {
                position: relative;
                font-size: 12px !important;
                letter-spacing: 0% !important;
                line-height: auto !important;
                color: var(--blanc) !important;

                &:not(:last-child)::after {
                    content: '';
                    position: absolute;
                    left: calc(100% + 10px);
                    top: 40%;
                    transform: translateY(-50%);
                    width: 1px;
                    height: 13px;
                    background-color: white;
                }

                a {
                    text-decoration: underline;

                    &:hover {

                        text-decoration: none;
                    }
                }
            }
        }
    }
}

@media (max-width: 640px) {
    .ccdmd-footer-link {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 10px;
        text-align: left;

        p {
            font-size: 11px !important;
        }
    }

    .ccdmd-footer-border {
        padding: 30px;

        ul {
            display: flex;
            flex-direction: column;
            gap: 16px;

            li {
                position: static;

                &:not(:last-child)::after {
                    content: none;
                    display: none;
                }
            }
        }
    }

    .ccdmd-footer-nav {
        padding: 20px 16px 30px 16px !important;

        .copyright-bar-links {
            justify-content: center !important;
        }
    }
}