/* ============================================================
   Buzz Mega Menu v5.2 — Styles
   ============================================================ */

.bmm-wrapper { display: flex; flex-direction: column; width: 100%; }
.bmm-item { position: relative; }

/* ── Header ── */
.bmm-item-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	user-select: none;
	width: 100%;
	gap: 8px;
}

.bmm-item-title {
	flex: 1; margin: 0; padding: 0;
	font-size: inherit; font-weight: inherit; line-height: inherit;
	text-decoration: none; color: inherit;
}
a.bmm-item-title:hover { text-decoration: underline; }
.bmm-item-icon { display: inline-flex; align-items: center; flex-shrink: 0; }

/* ── Toggle icons ── */
.bmm-toggle-icon {
	display: inline-flex; align-items: center; justify-content: center;
	flex-shrink: 0; font-size: 15px; width: 15px; height: 15px;
	line-height: 1; transition: color 0.2s ease;
}
.bmm-toggle-icon svg { width: 1em; height: 1em; }
.bmm-icon-collapse { display: none; }
.bmm-item.bmm-is-open .bmm-icon-expand   { display: none; }
.bmm-item.bmm-is-open .bmm-icon-collapse { display: inline-flex; }

/* ── Dropdown — hidden by default, JS controls display ── */
.bmm-item-content {
	display: none;
	overflow: hidden;
}

/* ── Editor: show all content areas so user can edit ── */
.elementor-editor-active .bmm-item-content {
	display: block !important;
	height: auto !important;
	overflow: visible !important;
}
/* Show collapse icon in editor so it looks active */
.elementor-editor-active .bmm-icon-expand   { display: none; }
.elementor-editor-active .bmm-icon-collapse { display: inline-flex; }

/* ── Sub Items ── */
.bmm-sub-items {
	list-style: none; margin: 0; padding: 0;
	display: grid; grid-template-columns: repeat(1, 1fr); gap: 4px;
}
.bmm-sub-item { display: block; transition: background 0.15s ease; }
.bmm-sub-item__link {
	display: flex; align-items: flex-start; gap: 10px;
	text-decoration: none; color: inherit; width: 100%;
}
.bmm-sub-item__icon {
	display: inline-flex; align-items: center; justify-content: center;
	flex-shrink: 0; font-size: 18px; width: 18px; height: 18px; margin-top: 2px;
}
.bmm-sub-item__icon svg { width: 1em; height: 1em; }
.bmm-sub-item__text { display: flex; flex-direction: column; gap: 2px; flex: 1; }
.bmm-sub-item__label { display: block; font-weight: 500; }
.bmm-sub-item__desc  { display: block; font-size: 0.85em; opacity: 0.7; line-height: 1.4; }

/* ── WordPress menu ── */
.bmm-wp-menu { list-style: none; margin: 0; padding: 0; }
.bmm-wp-menu li { margin: 0; }
.bmm-wp-menu a { display: block; text-decoration: none; color: inherit; padding: 6px 0; }
.bmm-wp-menu a:hover { text-decoration: underline; }
.bmm-wp-menu .sub-menu { list-style: none; margin: 0; padding-left: 16px; }

.bmm-placeholder { font-size: 13px; opacity: 0.5; margin: 0; padding: 8px 0; }