/*
Theme Name: Enfold Child
Author: Flanke 7 GmbH
Description: A child theme for Enfold.
Version: 1.0
Template: enfold

This is the child theme for Enfold theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/* Enfold Simple Slider: Arrows + Dots dauerhaft anzeigen
   Override: gleiche Selektor-Spezifität wie Enfold-Original,
   damit kein !important nötig ist */

.avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls a,
.avia_desktop .av-slideshow-ui .avia-slideshow-controls a {
  opacity: 1 !important;
}

/* Hover-State trotzdem sauber halten – Enfold hat hier
      eine Transition definiert, die wir glattziehen */
.avia_desktop .av_slideshow.avia-slideshow:hover .avia-slideshow-controls a,
.avia_desktop .av-slideshow-ui:hover .avia-slideshow-controls a {
  opacity: 1 !important;
}

.avia-slideshow-dots a.active,
.avia-slideshow-dots a:hover {
  background-color: #498dc9 !important;
}

/* Hauptmenü: Pipe-Trennstriche zwischen Top-Level-Items
   Pipe sitzt INNEN (left: 0), weil Enfold overflow:hidden
   auf Mega-Menu-Parents setzt – außenstehende Pseudos werden geclippt */

.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
  border-color: #000;
}

#header_main
  .av-main-nav
  > li
  + li:not(.av-burger-menu-main):not(.leistungen-mobile-menu) {
  position: relative;
  padding-left: 0 !important;
}

#header_main
  .av-main-nav
  > li
  + li:not(.av-burger-menu-main):not(.leistungen-mobile-menu)::before {
  content: "|";
  display: none;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #000;
  line-height: 1;
  pointer-events: none;
}

/* Socket-Menü: Enfold-Default (border-left als Trenner) deaktivieren
   und durch eigenen Pipe ersetzen */

#socket .sub_menu_socket ul {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

#socket nav.sub_menu_socket ul li {
  padding: 0;
  margin: 0;
  border: 0 none; /* killt Enfolds border-left */
  line-height: 1.4; /* killt Enfolds line-height: 10px */
  float: none; /* Enfold setzt float: left, mit flex unnötig */
  display: block;
}

#socket nav.sub_menu_socket ul li + li::before {
  content: "|";
  padding: 0 10px;
  opacity: 0.5;
}

#socket .sub_menu_socket a {
  padding: 0;
  border: none;
}

/* Socket-Container: vertikale Zentrierung von Copyright + Nav */
#socket .container {
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}

#socket .copyright {
  float: none; /* Enfold-Default killen */
  margin: 0;
}

#socket .menu {
  margin-top: 6px !important;
}

/* Mobile: alles zentriert – auch die Items innerhalb der nav */
@media (max-width: 767px) {
  #socket .container {
    justify-content: center;
    text-align: center;
  }
  #socket .sub_menu_socket ul {
    justify-content: center; /* Items innerhalb der nav zentrieren */
  }
}