/* --------------------------------------------- */
/* BUTTON-STYLING                                */
/* --------------------------------------------- */

.menu-button {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--color-accent-orange);
  padding: 6px 14px;
  border-radius: 10px;
  cursor: pointer;
  border: none;
  transition: background 0.2s ease;
  margin: 0; /* kein extra Abstand, Kadence macht das selbst */
}

.menu-button:hover {
  background: #C9B7E7;
}

.menu-text {
  font-size: 16px;
  color: var(--color-bg-soft);
  font-weight: 700;
  text-decoration: none;
}

.burger-btn {
  background: none;
  border: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
  padding-right: 10px;
}

.burger-btn span {
  width: 24px;
  height: 3px;
  background-color: var(--color-bg-soft);
  border-radius: 3px;
  display: block;
}

/* --------------------------------------------- */
/* DROPDOWN-MENÜ                                 */
/* --------------------------------------------- */

.burger-menu {
  display: none;
  position: absolute;
  /* statt fixer 90px → dynamisch unter dem Button */
  top: calc(100% + 10px);
  right: 0;
	background: linear-gradient(
    135deg,
    rgba(238, 231, 250, 1) 0%,
    rgba(210, 255, 245, 0.8) 100%
  );
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  border-radius: 10px;
  padding: 12px 0;
  width: auto;
  min-width: max-content;
	box-shadow: 0 4px 12px rgba(0,0,0, 0.18) !important;
  z-index: 99999;
}

.burger-menu li a {
  display: block;
  padding: 0;
  color: #5A4A6F;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: 600;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.burger-menu li {
  margin: 0;
  padding-left: 20px !important;
	padding-right: 20px !important;
	padding: 10px;
}

.burger-menu li:hover {
  background: rgba(210, 255, 245, 0.6);
	border-radius: 12px;
}

/* WordPress Menü-Listen neutralisieren */
.burger-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}


/* --------------------------------------------- */
/* GLOBAL CLEANUP                                */
/* --------------------------------------------- */
* {
  box-shadow: none !important;
  text-shadow: none !important;
}
/* --------------------------------------------- */
/* WRAPPER FIXES (Kadence Header)                */
/* --------------------------------------------- */
.cbm-wrapper {
  position: relative; /* wichtig für Dropdown-Position */
  display: flex;
  align-items: center;
  gap: 12px;

  /* verhindert Umbruch */
  white-space: nowrap;
  flex-shrink: 0;
}
/* verhindert, dass Kadence die Icons + Menü umbrechen will */
.site-header-main-section-right {
  flex-wrap: nowrap !important;
}
/* Mobile Header ebenfalls fixen */
.mobile-header-html {
  flex-wrap: nowrap !important;
  display: flex;
  align-items: center;
  gap: 12px;
}