/* Breakdance mega-menu styling */

/* Utvid floater til full bredde for mega-menu */
.digipos-mega-menu .breakdance-dropdown-floater {
    min-width: min(90vw, 1000px) !important;
    max-width: 90vw;
}

/* Grid for sub-menu links */
.digipos-mega-menu .breakdance-dropdown-links {
    display: grid !important;
    gap: 0.25rem 2rem;
    padding: 0.5rem 0;
}

/* Kolonne-varianter */
.digipos-mega-menu-cols-2 .breakdance-dropdown-links {
    grid-template-columns: repeat(2, 1fr);
}
.digipos-mega-menu-cols-3 .breakdance-dropdown-links {
    grid-template-columns: repeat(3, 1fr);
}
.digipos-mega-menu-cols-4 .breakdance-dropdown-links {
    grid-template-columns: repeat(4, 1fr);
}
.digipos-mega-menu-cols-5 .breakdance-dropdown-links {
    grid-template-columns: repeat(5, 1fr);
}
.digipos-mega-menu-cols-6 .breakdance-dropdown-links {
    grid-template-columns: repeat(6, 1fr);
}

/* Item styling */
.digipos-mega-menu .breakdance-dropdown-links > li {
    margin: 0;
}

.digipos-mega-menu .breakdance-dropdown-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.4rem 0;
}

/* Responsiv */
@media (max-width: 1200px) {
    .digipos-mega-menu-cols-5 .breakdance-dropdown-links,
    .digipos-mega-menu-cols-6 .breakdance-dropdown-links {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 900px) {
    .digipos-mega-menu .breakdance-dropdown-links {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .digipos-mega-menu .breakdance-dropdown-floater {
        min-width: auto !important;
    }
}

@media (max-width: 600px) {
    .digipos-mega-menu .breakdance-dropdown-links {
        grid-template-columns: 1fr !important;
    }
}

/* Fallback for ikke-Breakdance temaer */
.digipos-mega-menu > .sub-menu {
    display: grid;
    gap: 0.5rem 2rem;
    padding: 1.5rem 2rem;
    min-width: min(90vw, 800px);
}

.digipos-mega-menu-cols-2 > .sub-menu { grid-template-columns: repeat(2, 1fr); }
.digipos-mega-menu-cols-3 > .sub-menu { grid-template-columns: repeat(3, 1fr); }
.digipos-mega-menu-cols-4 > .sub-menu { grid-template-columns: repeat(4, 1fr); }
.digipos-mega-menu-cols-5 > .sub-menu { grid-template-columns: repeat(5, 1fr); }
.digipos-mega-menu-cols-6 > .sub-menu { grid-template-columns: repeat(6, 1fr); }