/* GCW Auto Material / Shape Mega Menu
   Used inside Flatsome mega menu UX Blocks via:
   [gcw_auto_material_menu]
   [gcw_auto_shape_menu]
*/
.gcw-auto-mega-menu {
  --gcw-menu-cols: 4;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 18px 22px;
  color: #1f2937;
}

.gcw-auto-mega-menu__heading {
  margin: 0 0 14px;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;
  color: #111827;
}

.gcw-auto-mega-menu__grid {
  display: grid;
  grid-template-columns: repeat(var(--gcw-menu-cols), minmax(0, 1fr));
  gap: 2px 34px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.gcw-auto-mega-menu__item {
  margin: 0;
  padding: 0;
  list-style: none;
}

.gcw-auto-mega-menu__link {
  display: flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 10px;
  margin-left: -10px;
  border-radius: 10px;
  color: #283142;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
  transition: color .15s ease, background-color .15s ease;
}

.gcw-auto-mega-menu__link:hover,
.gcw-auto-mega-menu__link:focus {
  color: #009688;
  background: #effaf8;
  outline: none;
}

.gcw-auto-mega-menu--empty {
  padding: 18px 22px;
  color: #646970;
  font-size: 13px;
}

/* Keep Flatsome dropdown clean when the shortcode is placed inside a mega menu block. */
.nav-dropdown .gcw-auto-mega-menu ul,
.nav-dropdown .gcw-auto-mega-menu li {
  list-style: none;
}

.nav-dropdown .gcw-auto-mega-menu a {
  border: 0;
}

@media (max-width: 1024px) {
  .gcw-auto-mega-menu {
    padding: 14px 16px;
  }

  .gcw-auto-mega-menu__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2px 22px;
  }
}

@media (max-width: 700px) {
  .gcw-auto-mega-menu__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* GCW header/menu trigger fixes
   Materials / Shapes can be dropdown triggers instead of real page links. Force pointer cursor
   so they do not look like editable text when the URL is empty or disabled by Flatsome. */
.header-nav .menu-item-has-children > a,
.header-nav .menu-item-has-children > span,
.nav > li.menu-item-has-children > a,
.nav > li.has-dropdown > a,
.nav .menu-item-has-children > a,
.nav .menu-item-has-children > span,
.gcw-auto-mobile-cat > a {
  cursor: pointer !important;
  user-select: none;
  -webkit-user-select: none;
}

.header-nav .menu-item-has-children > a[href="#"],
.nav .menu-item-has-children > a[href="#"],
.header-nav .menu-item-has-children > a:not([href]),
.nav .menu-item-has-children > a:not([href]) {
  cursor: pointer !important;
}

/* GCW v4: top-level Materials / Shapes are dropdown triggers, not text fields.
   Keep the cursor neutral instead of text-selection. */
.header-nav .gcw-auto-materials > a,
.header-nav .gcw-auto-shapes > a,
.nav .gcw-auto-materials > a,
.nav .gcw-auto-shapes > a,
li.gcw-auto-materials > a,
li.gcw-auto-shapes > a {
  cursor: default !important;
  user-select: none;
  -webkit-user-select: none;
}

/* Mobile auto-injected category children. */
.gcw-auto-mobile-submenu {
  margin: 8px 0 0 0;
  padding: 0 0 0 14px;
  list-style: none;
}

.gcw-auto-mobile-submenu .gcw-auto-mobile-cat > a,
.gcw-auto-mobile-cat > a {
  display: block;
  padding: 9px 0;
  color: inherit;
  text-decoration: none;
  cursor: pointer !important;
}

.gcw-auto-mobile-parent > a {
  user-select: none;
  -webkit-user-select: none;
}