/**
 * Footer Styles for Quant Child Theme
 */

footer {
    .ccdmd-footer-nav {
        background-color: var(--black) !important;
        padding: 17px 17px 17px 27px;

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

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

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

                &::before {
                    content: '';
                    position: absolute;
                    left: -18px;
                    top: 55%;
                    transform: translateY(-50%);
                    width: 2px;
                    height: 71px;
                    background-color: #888888;
                }

                a {
                    text-decoration: none;

                    &:hover {
                        text-decoration: underline;
                    }
                }
            }
        }
    }
}

@media (max-width: 782px) {
    .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;
        }
    }
}