.navbar-start a, .navbar-end a {
    display: flex;
    justify-content: center;
}

.navbar-item.buttons.field.is-grouped.mobile {
    justify-content: space-around;
    margin-right: .75rem;
}

/* Current page/section indicator (WCAG 2.4.8 AAA) */
.navbar-item[aria-current="location"],
.navbar-item.is-active {
    background-color: rgba(171, 35, 40, 0.1);
    color: var(--bulma-primary);
    font-weight: 600;
}

.navbar-item.is-active:hover {
    background-color: rgba(171, 35, 40, 0.15);
    color: var(--bulma-primary);
}

@media (prefers-color-scheme: dark) {
    .navbar-menu {
        background-color: #2a2a2a;
        border: 1px solid #444;
    }

    .navbar-item {
        color: #f5f5f5;
    }

    .navbar-item:hover {
        background-color: #333;
        color: #fff;
    }

    .navbar-item[aria-current="location"],
    .navbar-item.is-active {
        background-color: rgba(217, 68, 73, 0.2);
        color: #f5f5f5;
    }

    .navbar-item.is-active:hover {
        background-color: rgba(217, 68, 73, 0.25);
        color: #f5f5f5;
    }

    .navbar-divider {
        background-color: #444;
    }
}

@media screen and (max-width: 1023px) {
    .navbar {
        display: flex;
        flex-wrap: wrap;
    }
    .navbar-brand {
        min-width: 100%;
    }
    .navbar-menu {
        margin-left: auto;
        min-width: 50%;
    }

/*    .navbar-start {
        margin-bottom: 1.5rem;
    }
*/
    .navbar-end .buttons.mobile {
        display: flex;
    }

    .navbar-end .buttons.desktop {
        display: none;
    }

    .navbar-end .buttons a.button .icon:first-child {
        margin-inline-end: unset;
        margin-inline-start: unset;
    }
}

@media screen and (min-width: 1024px) {
    /* Ensure consistent heights */
    .navbar-item {
        line-height: normal;
    }
    
    .navbar, .navbar-menu, .navbar-start, .navbar-end {
        align-items: center;
    }

    /* Add spacing between buttons in navbar-end */
    .navbar-end .buttons {
        margin-right: 1rem;
    }

    .navbar-end .buttons.desktop {
        display: flex;
    }

    .navbar-start .buttons.mobile {
        display: none;
    }
}