/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* ===== ARC OVERLAY – CSS-ONLY, NO JS ===== */

/* Modal-Wrapper durchsichtig halten, Inhalt liegt über dem Bogen */
.elementor-popup-modal.nav-arc .dialog-widget-content,
.elementor-popup-modal.nav-arc .dialog-message{
  background: transparent !important;
  box-shadow: none !important;
  position: relative;
  z-index: 1; /* Inhalt über dem ::before */
}

/* Der Bogen als Pseudo-Layer direkt am Modal */
.elementor-popup-modal.nav-arc{
  position: fixed; inset: 0; overflow: hidden;
}
.elementor-popup-modal.nav-arc::before{
  content:"";
  position: absolute;
  inset: 0;
  z-index: 0; /* unter dem Inhalt */
  background: linear-gradient(135deg,#ff003d 0%, #30a180 100%);
  /* Startform: winzige Ellipse oben */
  clip-path: ellipse(0 0 at 90% 0%);
  /* Animation läuft automatisch JEDES MAL, wenn das Popup von display:none -> block geht */
  animation: navArcOpen 1.75s cubic-bezier(.2,.8,.2,1) forwards;
}

/* Optional: weniger Motion für Nutzer mit Reduzierter Bewegung */
@media (prefers-reduced-motion: reduce){
  .elementor-popup-modal.nav-arc::before{
    animation-duration: .2s;
  }
}

/* Keyframes: von klein -> voll */
@keyframes navArcOpen{
  to { clip-path: ellipse(140vmax 110vmax at 90% 0%); }
  /* Für asymmetrischen Bogen z. B.: ellipse(130vmax 30vmax at 90% 0%) */
}



/* Sanfter Übergang nur für die Hauptmenü-Links (Level 1) */
#uc_multi_level_sliding_menu_elementor_04b27a6 .ue-slide-menu-list > li > a{
  transition: opacity .35s ease;
  position: relative;
  z-index: 1;
}

/* Sobald irgendein Submenü aktiv ist: 
   – alle Level-1-Links ausblenden (aber die LI selbst bleiben stehen)
   – Klicks auf die Links deaktivieren
*/
#uc_multi_level_sliding_menu_elementor_04b27a6:has(.sub-menu.ue-active) .ue-slide-menu-list > li > a{
  opacity: 0;
  pointer-events: none;
}

/* Submenüs überlagern das Grid, bleiben transparent (Gradient sichtbar) */
#uc_multi_level_sliding_menu_elementor_04b27a6 .sub-menu{
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  min-height: 100%;
  z-index: 2;
  background: transparent !important;
}

/* Hauptmenü-Links normal ausblenden, ohne Delay */
#uc_multi_level_sliding_menu_elementor_04b27a6 .ue-slide-menu-list > li > a {
  transition: opacity .35s ease;
}

/* Ausgeblendet, solange Submenü aktiv */
#uc_multi_level_sliding_menu_elementor_04b27a6:has(.sub-menu.ue-active) .ue-slide-menu-list > li > a {
  opacity: 0;
  pointer-events: none;
  transition-delay: 0s; /* sofort los beim Ausblenden */
}

/* Zurückblenden mit Verzögerung (z. B. 0.2s) */
#uc_multi_level_sliding_menu_elementor_04b27a6 .ue-slide-menu-list > li > a {
  transition-delay: 0.2s;
}


/* Submenüs als Flex-Spalten */
#uc_multi_level_sliding_menu_elementor_04b27a6 .sub-menu {
  display: flex;
  flex-direction: column;
}

/* Standard-Items normal (order = 0) */
#uc_multi_level_sliding_menu_elementor_04b27a6 .sub-menu > li {
  order: 0;
}

/* Back-Link nach ganz unten */
#uc_multi_level_sliding_menu_elementor_04b27a6 .sub-menu > li.ue-back-link {
  order: 999; /* hohes order → letzter */
}

/* Submenüs bleiben Spalte */
#uc_multi_level_sliding_menu_elementor_04b27a6 .sub-menu{
  display:flex;
  flex-direction:column;
}

/* Nur der Back-Link soll NICHT über die volle Breite gehen */
#uc_multi_level_sliding_menu_elementor_04b27a6 .sub-menu > li.ue-back-link{
  align-self:flex-start;   /* li nicht strecken */
}

/* Das eigentliche "Button"-Aussehen */
#uc_multi_level_sliding_menu_elementor_04b27a6 .sub-menu > li.ue-back-link > a{
  display:inline-flex !important;   /* statt full-width flex */
  width:auto !important;            /* nur so breit wie Inhalt */
  padding:.6rem 35px;
  background:#d8ff00;               /* dein Neon-Gelb */
  border-radius:0px;
  line-height:1.2;
  font-weight:800;
  gap:.5rem;
  cursor:pointer;
  text-decoration:none;
  box-shadow:0 2px 0 rgba(0,0,0,.15);
}

/* kleine Interaktionen */
#uc_multi_level_sliding_menu_elementor_04b27a6 .sub-menu > li.ue-back-link > a:hover{
  transform:translateY(-1px);
}
#uc_multi_level_sliding_menu_elementor_04b27a6 .sub-menu > li.ue-back-link > a:active{
  transform:translateY(0);
  box-shadow:none;
}



/* RESET: Back-Links grundsätzlich sichtbar machen */
#uc_multi_level_sliding_menu_elementor_04b27a6 .sub-menu > li.ue-back-link{
  display:block !important;
}

/* 1) Ersten Back-Link IMMER verstecken */
#uc_multi_level_sliding_menu_elementor_04b27a6 .sub-menu > li.ue-back-link:first-of-type{
  display:none !important;
}

/* 2) Falls im verbleibenden Back-Link ein leeres <a> steckt → ausblenden */
#uc_multi_level_sliding_menu_elementor_04b27a6 .sub-menu > li.ue-back-link:last-of-type > a:empty{
  display:none !important;
}

/* 3) Doppeltes Expand-Icon im Hauptmenü entfernen (optional) */
#uc_multi_level_sliding_menu_elementor_04b27a6 .ue-slide-menu-list > li > a .ue-slide-menu-expand-icon + .ue-slide-menu-expand-icon{
  display:none !important;
}


.seps-main-menu a{
	color:#e2ff00 !important;
}