/*
 Theme Name:   Blocksy Child – Webgep
 Theme URI:    https://webgep.de
 Description:  Child Theme für Blocksy mit Mega Menu, Offcanvas und weiteren Anpassungen.
 Author:       Webgep
 Author URI:   https://webgep.de
 Template:     blocksy
 Version:      1.0.0
 Text Domain:  blocksy-child
*/

/* === Mega Menu (Desktop) === */

.ct-mega-menu.ct-mega-menu-columns-4 {
  position: static !important;
}

.ct-mega-menu.ct-mega-menu-columns-4 > .sub-menu {
  display: flex !important;
  flex-wrap: nowrap !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  padding: 30px 40px !important;
  gap: 0 !important;
  box-sizing: border-box !important;
  background: #fff !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: 0 15px 40px rgba(0,0,0,0.1) !important;
}

.ct-mega-menu.ct-mega-menu-columns-4 > .sub-menu > li {
  flex: 1 1 25% !important;
  padding: 10px 20px !important;
  list-style: none !important;
  border: none !important;
  background: none !important;
  display: block !important;
}

/* Column header link */
.ct-mega-menu.ct-mega-menu-columns-4 > .sub-menu > li > a,
.ct-mega-menu.ct-mega-menu-columns-4 > .sub-menu > li > .ct-sub-menu-parent > .ct-menu-link {
  font-weight: 700 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  color: #DBA400 !important;
  padding: 0 0 10px 0 !important;
  margin: 0 0 10px 0 !important;
  border-bottom: 2px solid #DBA400 !important;
  display: block !important;
  pointer-events: none !important;
  cursor: default !important;
  background: none !important;
}

/* Sub-menus within columns - always visible on desktop */
.ct-mega-menu.ct-mega-menu-columns-4 > .sub-menu > li > .sub-menu {
  position: static !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border: none !important;
  overflow: visible !important;
  max-height: none !important;
  transform: none !important;
}

/* Depth-2 items */
.ct-mega-menu.ct-mega-menu-columns-4 > .sub-menu > li > .sub-menu > li {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: none !important;
  list-style: none !important;
  display: block !important;
}

/* Depth-2 links */
.ct-mega-menu.ct-mega-menu-columns-4 > .sub-menu > li > .sub-menu > li > a,
.ct-mega-menu.ct-mega-menu-columns-4 > .sub-menu > li > .sub-menu > li > .ct-menu-link {
  font-weight: 400 !important;
  font-size: 14px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: #555 !important;
  padding: 7px 0 !important;
  margin: 0 !important;
  display: block !important;
  border: none !important;
  background: none !important;
  transition: color 0.2s ease, padding-left 0.2s ease !important;
}

.ct-mega-menu.ct-mega-menu-columns-4 > .sub-menu > li > .sub-menu > li > a:hover,
.ct-mega-menu.ct-mega-menu-columns-4 > .sub-menu > li > .sub-menu > li > .ct-menu-link:hover {
  color: #DBA400 !important;
  padding-left: 5px !important;
}

/* Hide dropdown arrows in mega menu on desktop */
.ct-mega-menu.ct-mega-menu-columns-4 .ct-toggle-dropdown-desktop,
.ct-mega-menu.ct-mega-menu-columns-4 .ct-toggle-dropdown-desktop-ghost {
  display: none !important;
}

/* Override animated-submenu-inline inside mega menu on desktop */
.ct-mega-menu.ct-mega-menu-columns-4 > .sub-menu > li.animated-submenu-inline > .sub-menu {
  position: static !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
}


/* === Offcanvas / Burger Menu === */

.ct-panel .ct-mega-menu.ct-mega-menu-columns-4 {
  position: relative !important;
}

.ct-panel .ct-mega-menu.ct-mega-menu-columns-4 > .sub-menu {
  flex-direction: column !important;
  position: static !important;
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  left: auto !important;
  right: auto !important;
  max-width: 100% !important;
}

.ct-panel .ct-mega-menu.ct-mega-menu-columns-4 > .sub-menu > li {
  flex: 1 1 100% !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Column headers in offcanvas - gold, clickable */
.ct-panel .ct-mega-menu.ct-mega-menu-columns-4 > .sub-menu > li > a,
.ct-panel .ct-mega-menu.ct-mega-menu-columns-4 > .sub-menu > li > .ct-sub-menu-parent > .ct-menu-link {
  font-weight: 600 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: #DBA400 !important;
  padding: 12px 0 !important;
  margin: 0 !important;
  border-bottom: none !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Let Blocksy handle sub-menu visibility via dropdown-active class */
.ct-panel .ct-mega-menu.ct-mega-menu-columns-4 > .sub-menu > li > .sub-menu {
  position: relative !important;
  width: 100% !important;
  padding-inline-start: 15px !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  max-width: 100% !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Depth-2 links in offcanvas */
.ct-panel .ct-mega-menu.ct-mega-menu-columns-4 > .sub-menu > li > .sub-menu > li > a,
.ct-panel .ct-mega-menu.ct-mega-menu-columns-4 > .sub-menu > li > .sub-menu > li > .ct-sub-menu-parent > .ct-menu-link,
.ct-panel .ct-mega-menu.ct-mega-menu-columns-4 > .sub-menu > li > .sub-menu > li > .ct-menu-link {
  color: rgba(255,255,255,0.7) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 8px 0 !important;
  border: none !important;
  background: none !important;
}

.ct-panel .ct-mega-menu.ct-mega-menu-columns-4 > .sub-menu > li > .sub-menu > li > a:hover,
.ct-panel .ct-mega-menu.ct-mega-menu-columns-4 > .sub-menu > li > .sub-menu > li > .ct-menu-link:hover {
  color: #DBA400 !important;
}

/* Show toggle buttons in offcanvas */
.ct-panel .ct-mega-menu.ct-mega-menu-columns-4 .ct-toggle-dropdown-mobile {
  display: inline-flex !important;
  color: rgba(255,255,255,0.5) !important;
}

/* Active state for dropdown-active items */
.ct-panel .ct-mega-menu.ct-mega-menu-columns-4 > .sub-menu > li.dropdown-active > a,
.ct-panel .ct-mega-menu.ct-mega-menu-columns-4 > .sub-menu > li.dropdown-active > .ct-sub-menu-parent > .ct-menu-link {
  color: #DBA400 !important;
}

/* Current page highlight in offcanvas */
.ct-panel .ct-mobile-menu > li.current-menu-item > a,
.ct-panel .ct-mobile-menu > li.current-menu-ancestor > a,
.ct-panel .ct-mobile-menu > li.current-menu-item > .ct-sub-menu-parent > .ct-menu-link,
.ct-panel .ct-mobile-menu > li.current-menu-ancestor > .ct-sub-menu-parent > .ct-menu-link {
  color: #DBA400 !important;
}