/*
Theme Name: Worktop Child
Theme URI: https://worktop.keydesign.xyz/
Description: Handyman & Repair Elementor WordPress Theme
Author: Key-Design
Author URI: http://themeforest.net/user/Key-Design
Template: worktop
Version: 1.0
License: Envato Standard License
License URI: https://themeforest.net/licenses/standard
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready
Text Domain: worktop-child
*/


@media (min-width: 1024px) {

  /* Wichtig: keine Clipping-Probleme */
  .elementskit-navbar-nav,
  .elementskit-menu-container,
  .ekit-menu-container {
    overflow: visible !important;
  }

  /* LI als Bezugspunkt */
  .elementskit-navbar-nav > li {
    position: relative;
    overflow: visible;
  }

  /* Link als Bezugspunkt */
  .elementskit-navbar-nav > li > a.ekit-menu-nav-link {
    position: relative;
    overflow: visible;
  }

  /* ✅ Standard: KEIN Untertitel bei Menüpunkten ohne Custom-Mega */
  .elementskit-navbar-nav > li:not(.has-custom-mega) > a.ekit-menu-nav-link::after,
  .elementskit-navbar-nav > li:not(.has-custom-mega) > a.ekit-menu-nav-link::before {
    content: none !important;
    display: none !important;
  }

  /* Tooltip-Body (nur für .has-custom-mega) */
 .elementskit-navbar-nav > li.has-custom-mega > a.ekit-menu-nav-link::after {
  content: "";
  position: absolute;
  left: 50%;
  top: calc(100% + 10px);
  transform: translate(-50%, -6px);

  padding: 8px 14px;
  border-radius: 12px;

  background: #0055ff;
  color: #fff;

  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.3px;
  line-height: 1.3;

  white-space: nowrap;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  box-shadow: 0 10px 24px rgba(0,0,0,0.18);

  z-index: 9999;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

  /* Kleine Pfeilspitze */
  .elementskit-navbar-nav > li.has-custom-mega > a.ekit-menu-nav-link::before {
    content: "";
    position: absolute;
    left: 50%;
    top: calc(100% + 6px);
    transform: translate(-50%, -6px) rotate(45deg);

    width: 8px;
    height: 8px;

    background: #0055ff;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    z-index: 9998;
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
  }

  /* Anzeigen bei Hover oder Keyboard-Fokus */
  .elementskit-navbar-nav > li.has-custom-mega:hover > a.ekit-menu-nav-link::after,
  .elementskit-navbar-nav > li.has-custom-mega:focus-within > a.ekit-menu-nav-link::after,
  .elementskit-navbar-nav > li.has-custom-mega:hover > a.ekit-menu-nav-link::before,
  .elementskit-navbar-nav > li.has-custom-mega:focus-within > a.ekit-menu-nav-link::before {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
  }

  /* Individuelle Untertitel (nur diese IDs bekommen Text) */
  #menu-item-27218.has-custom-mega > a.ekit-menu-nav-link::after {
    content: "Alles aus einer Hand";
  }

  #menu-item-27272.has-custom-mega > a.ekit-menu-nav-link::after {
    content: "Die mit de Bliendli";
  }

  #menu-item-27273.has-custom-mega > a.ekit-menu-nav-link::after {
    content: "Arbeitsintegration – Chancen schaffen";
  }

  #menu-item-27224.has-custom-mega > a.ekit-menu-nav-link::after {
    content: "Huuswart-Familie";
  }
}