/* Base styles for mega menu */
section.header {
    padding: var(--space-m) var(--gutter);
    background-color: var(--base-light);
    font-family: var(--font-primary);
}

section.header .header__container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

section.header .header__logo {
    width: 18rem;
}

/* Move all static CSS here */
/* Remove PHP variables and replace with CSS variables */

/* Basic structure */
.mm:not(.brx-open) .dropdown__container {
    flex-direction: column;
}

.mm .brxe-dropdown.brx-has-megamenu .brx-dropdown-content {
    padding: var(--space-m);
    gap: var(--space-m);
    box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.08);
    flex-direction: row;
    border-bottom: 1px solid #ddd;
    justify-content: center;
    background-color: var(--base-light);
}

/* Add all static styles here */