/**
 *  - v2.1.5
 * 
 * Copyright (c) 2025
 * Licensed GPLv2+
 */
[data-dropdown*=simple]>ul>[class*=ct-mega-menu] .entry-content,[data-dropdown*=simple]>ul>[class*=ct-mega-menu] .sub-menu>li>.ct-menu-link {
    padding-inline:0}

[data-dropdown*=solid]>ul>[class*=ct-mega-menu] .sub-menu {
    --menu-item-padding: var(--dropdown-items-spacing, 13px)
}

[data-dropdown*=padded]>ul>[class*=ct-mega-menu] .sub-menu>li>.ct-menu-link {
    margin-inline:0}

.more-items-container [class*=ct-mega-menu] .entry-content {
    padding: var(--menu-item-padding, 0px)
}

[class*=ct-mega-menu] .entry-content {
    color: var(--theme-text-color);
    --theme-box-shadow: initial;
    --theme-border-radius: initial
}

.menu-item[class*=ct-mega-menu] .ct-menu-link:is(.ct-disabled-link) {
    pointer-events: none;
    --theme-link-hover-color: var(--theme-link-initial-color) !important;
    --theme-link-active-color: var(--theme-link-initial-color) !important;
    --menu-indicator-hover-color: transparent !important;
    --menu-indicator-active-color: transparent !important
}

.ct-menu-badge {
    flex-shrink: 0;
    font-size: 10px;
    font-weight: 600;
    line-height: normal;
    word-break: break-word;
    color: var(--theme-text-color);
    border-radius: 3px;
    padding: .2em .55em;
    margin-inline-start:.5em;margin-top: var(--margin-top);
    background: var(--background-color)
}

.menu>[class*=ct-mega-menu]>.sub-menu>.menu-item {
    border-top: none
}

.menu>[class*=ct-mega-menu]>.sub-menu>.menu-item:not(:last-child) {
    border-inline-end:var(--dropdown-columns-divider)}

.menu>[class*=ct-mega-menu] .sub-menu [class*=ct-toggle-dropdown-desktop] {
    display: none
}

nav>ul>[class*=ct-mega-menu]>.sub-menu {
    display: grid;
    grid-template-columns: var(--grid-template-columns, 1fr);
    width: var(--mega-menu-width, var(--theme-container-width-base));
    max-width: var(--mega-menu-max-width, var(--theme-normal-container-max-width))
}

nav>ul>[class*=ct-mega-menu]>.sub-menu .menu-item {
    flex-direction: column;
    align-items: initial
}

nav>ul>[class*=ct-mega-menu]>.sub-menu>li {
    min-width: 0;
    padding: var(--columns-padding, 20px 30px)
}

nav>ul>[class*=ct-mega-menu]>.sub-menu>li [class*=children]:not(:first-child) {
    padding-top: 20px
}

nav>ul>.ct-mega-menu-content-width>.sub-menu>li,nav>ul>.ct-mega-menu-custom-width>.sub-menu>li {
    overflow: hidden
}

nav>ul>.ct-mega-menu-content-width>.sub-menu>li:first-child,nav>ul>.ct-mega-menu-custom-width>.sub-menu>li:first-child {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}

nav>ul>.ct-mega-menu-content-width>.sub-menu>li:last-child,nav>ul>.ct-mega-menu-custom-width>.sub-menu>li:last-child {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

nav>ul>.ct-mega-menu-content-width>.sub-menu,nav>ul>.ct-mega-menu-full-width>.sub-menu {
    inset-inline: 0;
    margin-inline:auto}

nav>ul>.ct-mega-menu-full-width>.sub-menu {
    box-shadow: none;
    background-color: rgba(0,0,0,0)
}

nav>ul>.ct-mega-menu-full-width>.sub-menu:after {
    position: absolute;
    content: "";
    z-index: 0;
    width: 100vw;
    inset-block: 0;
    inset-inline-start: 50%;
    inset-inline-end: 0;
    margin-inline-start:-50vw;box-shadow: var(--theme-box-shadow);
    background-color: var(--dropdown-background-color, var(--theme-palette-color-4))
}

nav>ul>.ct-mega-menu-full-width>.sub-menu li {
    z-index: 2
}

nav>ul>.ct-mega-menu-full-width>.sub-menu>li:first-child {
    padding-inline-start:0}

nav>ul>.ct-mega-menu-full-width>.sub-menu>li:last-child {
    padding-inline-end:0}

nav>ul>.ct-mega-menu-content-full {
    --mega-menu-width: calc(100vw - 60px);
    --mega-menu-max-width: 100%
}

nav>ul>.ct-mega-menu-custom-width:not([data-submenu]) {
    justify-content: center
}

[class*=ct-mega-menu]>.sub-menu.ct-ajax-pending {
    grid-template-columns: initial;
    align-items: center;
    justify-content: center;
    min-height: 300px
}

[class*=ct-mega-menu]>.sub-menu.ct-ajax-pending>* {
    display: none
}

[class*=ct-mega-menu]>.sub-menu.ct-ajax-pending:after {
    content: "";
    width: 16px;
    height: 16px;
    filter: invert(1) saturate(0) contrast(1000);
    background-color: inherit;
    animation: spin .7s linear infinite;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' opacity='0.2' fill='none' stroke='currentColor' stroke-miterlimit='10' stroke-width='2.5'/%3E%3Cpath d='m12,2c5.52,0,10,4.48,10,10' fill='none' stroke='currentColor' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5'/%3E%3C/svg%3E") center no-repeat
}
