/**
 * Header Styles for Elan Child Theme
 * 
 * Add your header styles here
 */

header {
    .site-header-inner {
        max-width: 1100px !important;
        margin: 0 auto;
        padding: 19px 40px;
        display: flex;
        justify-content: space-between;
        align-items: center;

        @media (max-width: 1024px) {
            &>div {
                padding: 22px auto;
            }

            .wp-block-site-logo img {
                width: 200px !important;
                height: 46px !important;
            }

            .logo-ccdmd {
                display: none !important;
            }
        }

        nav ul {
            @media (min-width: 600px) and (max-width: 640px) {
                column-gap: 18px !important;
            }

            a {
                font-weight: 700 !important;
                font-size: 18px !important;
                line-height: 1.5 !important;
                letter-spacing: 0% !important;
                padding: 7px 0 !important;
                color: black !important;

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

                &[aria-current="page"] {
                    color: black !important;
                    text-decoration: underline !important;
                    text-decoration-thickness: 4px !important;
                    text-underline-offset: 47px;
                }
            }
        }

        /* Custom burger menu icon */
        .wp-block-navigation__responsive-container-open {
            svg {
                display: none;
            }

            &::before {
                content: '';
                display: inline-block;
                width: 24px;
                height: 24px;
                background-image: url('wp-content/uploads/2025/10/btn-ouvrir-menu.svg');
                background-repeat: no-repeat;
                background-position: center;
                background-size: contain;
            }
        }
    }
}

.ccdmd-popup-nav {
    display: none;
}

/* Tablet Breakpoint */
@media (max-width: 1024px) {
    .ccdmd-nav-logo {
        display: none !important;
    }

    .custom-logo {
        width: 200px !important;
        height: auto !important;
    }
}

/* Mobile Breakpoint */
@media (max-width: 640px) {
    header .site-header-inner {
        padding: 19px 30px;
    }

    .ccdmd-side-navigation {
        width: 89px !important;
    }
}