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

header {
    .site-header-inner {
        box-sizing: content-box;
        max-width: 1440px !important;
        margin: 0 auto;
        padding: 17px 27px;
        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;
            }
        }

        .wp-container-core-group-is-layout-f4ec7321 {
            gap: 56px !important;
        }

        nav ul {
            gap: 56px !important;

            a {
                display: inline-flex !important;
                align-items: center;

                font-weight: 300 !important;
                font-size: 16px !important;
                line-height: 22px !important;
                letter-spacing: 0.02em !important;
                padding: 7px 0 !important;
                color: var(--black) !important;

                &::after {
                    content: '';
                    display: block;
                    width: 9px;
                    height: 12px;
                    margin-left: 8px !important;
                    background-image: url('/wp-content/uploads/2025/11/→.svg');
                    background-repeat: no-repeat;
                    background-position: center;
                }
            }
        }

        /* 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/11/Icone-5.svg');
                background-repeat: no-repeat;
                background-position: center;
                background-size: contain;
            }
        }
    }
}

/* 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: 600px) {
    header .site-header-inner {
        padding: 25px 24px 25px 16px;
    }

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