/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
/* Max Mega Menu - Mobiel: verticale lijst i.p.v. grid */
/* Max Mega Menu - Mobiel: clean verticale lijst */
@media only screen and (max-width: 768px) {

  /* Verberg beschrijvingstekst */
  .mega-menu-description {
    display: none !important;
  }

  /* Verberg icons/images */
  #mega-menu-wrap .mega-sub-menu .mega-menu-item img {
    display: none !important;
  }

  /* Items in één kolom */
  li[class*="mega-menu-columns-"] {
    width: 100% !important;
    float: none !important;
  }
	/* Verberg icons (::before pseudo-elements) op mobiel */
.cloud a.mega-menu-link::before,
.cybersecurity a.mega-menu-link::before,
.jouw-werkplek a.mega-menu-link::before,
.managed a.mega-menu-link::before,
.server a.mega-menu-link::before,
.telefonie a.mega-menu-link::before {
    display: none !important;
}

/* Verberg beschrijvingstekst, houd alleen mega-menu-title over */
.mega-menu-description {
    display: none !important;
}

/* Fix: width override van desktop weghalen */
.feju-mega-menu .mega-sub-menu .mega-menu-item {
    width: 100% !important;
    padding: 5px 0 !important;
}
	/* ===== RESET: alle menu-links uniform ===== */
  #mega-menu-wrap-top_nav #mega-menu-top_nav li.mega-menu-item > a.mega-menu-link,
  #mega-menu-wrap-top_nav #mega-menu-top_nav ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
    font-family: 'Roboto', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 12px 20px !important;
    color: #333 !important;
    background: transparent !important;
    display: block !important;
    border-bottom: 1px solid #f0f0f0 !important;
  }

  /* ===== Verberg icons, beschrijvingen ===== */
  .cloud a.mega-menu-link::before,
  .cybersecurity a.mega-menu-link::before,
  .jouw-werkplek a.mega-menu-link::before,
  .managed a.mega-menu-link::before,
  .server a.mega-menu-link::before,
  .telefonie a.mega-menu-link::before {
    display: none !important;
  }

  .mega-menu-description {
    display: none !important;
  }

  /* ===== Sub-menu items: geen grid, gewoon lijst ===== */
  ul.mega-sub-menu {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    border: none !important;
    gap: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
  }

  .feju-mega-menu .mega-sub-menu .mega-menu-item {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    display: block !important;
  }

  ul.mega-sub-menu .mega-menu-item {
    width: 100% !important;
  }

  /* Sub-items licht inspringen */
  .mega-over-ons ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link,
  #mega-menu-wrap-top_nav #mega-menu-top_nav ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
    padding-left: 35px !important;
  }

  /* ===== Social icons naast elkaar ===== */
  .secondary-header-items {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 15px 20px !important;
    margin: 0 !important;
    border-top: 1px solid #f0f0f0;
  }

  .secondary-header-items li {
    list-style: none !important;
    display: inline-flex !important;
  }

  /* ===== Overige fixes ===== */
  .nectar-mobile-only {
    display: none !important;
  }

  #slide-out-widget-area {
    margin: 0 !important;
    padding: 44px 10px !important;
  }

  .feju-mega-menu .inner-wrap {
    padding: 0 !important;
    margin: 0 !important;
  }

  #mega-menu-wrap-top_nav #mega-menu-top_nav li.mega-menu-item a.mega-menu-link:before {
    position: relative !important;
    right: 20px !important;
  }
	.mega-menu-flyout ul.mega-sub-menu {
  display: none !important;
}

.mega-menu-flyout.mega-toggle-on > ul.mega-sub-menu {
  display: flex !important;
  flex-direction: column !important;
}
}