.site-footer {
    section {
        padding: 0;
        color: var(--Colors-Brand-Canin-900);
        background-color: var(--Colors-Brand-Coussinet-200);

        .footer-content {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            padding: 56px 64px;

            .footer-left,
            .footer-right {
                width: 50%;
                box-sizing: border-box;
            }

            .footer-left {
                .urgence {
                    .nums-urgence {
                        margin: 24px 0;
                    }

                    .p-title {
                        color: var(--Colors-Brand-Coussinet-600);
                        margin-bottom: 16px;
                    }

                    .nums-urgence-list {
                        display: flex;
                        flex-direction: row;
                        gap: 24px;

                        .num-urgence-details .name {
                            font-weight: 600;
                        }
                    }
                }

                .nav #main-menu {
                    flex-direction: column;
                    align-items: start;
                    justify-content: flex-start;
                    gap: 8px;
                    margin-top: 40px;

                    li {
                        white-space: nowrap;

                        a {
                            font-weight: 600;
                        }
                    }

                    .menu-item.menu-item-has-children {
                        position: relative;
                        display: flex;
                        flex-direction: row;
                        align-items: start;

                        .container {
                            display: flex;
                            visibility: visible;
                            opacity: 1;
                            position: relative;
                            left: auto;
                            transform: none;
                            top: auto;
                            transition: none;
                            z-index: 1;
                            pointer-events: auto;
                            margin-top: 10px;
                            width: 100%;
                            min-width: 10px !important;
                            flex-direction: column;
                            padding: 0;
                            background: none;

                            a {
                                color: var(--Colors-Brand-Canin-900) !important;
                            }

                            >* {
                                width: 100%;
                                text-align: start;
                            }

                            .link-label {
                                font-weight: 400;
                            }
                        }
                    }
                }

                .nav-footer {
                    display: flex;
                    margin-top: 40px;
                }

                .image {
                    margin-top: 24px;
                }
            }

            .footer-right {
                display: flex;
                flex-direction: column;
                justify-content: space-between;

                .contacts-horaires {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    gap: 64px;

                    .contacts-footer {
                        .infos-contact {
                            display: flex;
                            flex-direction: column;
                            gap: 16px;
                            padding: 16px 0;

                            .infos-contact-details {
                                display: flex;
                                flex-direction: row;
                                gap: 8px;
                            }
                        }

                        .logos-socials {
                            display: flex;
                            flex-direction: row;
                            gap: 24px;
                        }
                    }

                    .horaires-footer {
                        h4 {
                            margin-bottom: 16px;
                        }

                        .jours_heures {
                            display: flex;
                            flex-direction: row;
                            gap: 16px;

                            .jours {
                                display: flex;
                                flex-direction: column;
                                gap: 16px;

                                p {
                                    font-weight: 600;
                                }
                            }

                            .heures {
                                display: flex;
                                flex-direction: column;
                                gap: 16px;
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 768px) {
    .site-footer {
        & section {
            .footer-content {
                flex-direction: column;
                gap: 4rem;
            }
        }
    }

    .site-footer {
        & section {
            & .footer-content {
                .footer-left, .footer-right {
                    width: 100%;
                }

            }
        }
    }

    .site-footer {
        & section {
            & .footer-content {
                & .footer-right {
                    .contacts-horaires {
                        flex-direction: column;
                    }
                }
            }
        }
    }
}