/* ===== Mega menu — Customized 4th column accent ===== */
.nav-mega__col--customized {
    position: relative;
    padding-left: 18px;
    border-left: 1px solid var(--color-border);
}

.nav-mega__col--customized .nav-mega__title {
    color: var(--color-primary);
    border-bottom-color: var(--color-primary);
}

.nav-mega__link--highlight {
    position: relative;
    padding: 10px 12px 10px 24px;
    margin: 0 -12px;
    border-left: 3px solid var(--color-primary);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    color: var(--color-text);
    font-weight: 500;
    background: rgba(20, 156, 92, 0.04);
    transition: background 0.15s ease, color 0.15s ease, padding-left 0.18s ease;
}
.nav-mega__link--highlight::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--color-primary);
    transform: translateY(-50%);
    opacity: 0.85;
}
.nav-mega__link--highlight:hover {
    background: rgba(20, 156, 92, 0.12);
    color: var(--color-primary);
    padding-left: 28px;
}

@media (max-width: 1024px) {
    .nav-mega__col--customized {
        padding-left: 0;
        border-left: none;
        border-top: 1px solid var(--color-border);
        padding-top: 8px;
        margin-top: 8px;
    }
    .nav-mega__link--highlight {
        margin: 0;
        padding: 10px 0 10px 16px;
        background: transparent;
    }
    .nav-mega__link--highlight::before { left: 4px; }
    .nav-mega__link--highlight:hover { padding-left: 20px; }
}