/* ==========================================================================
   GBP Classic Menu Widget
   ========================================================================== */

.gbp-classic-menu {
	width: 100%;
}

/* List — multi-column layout (column-count set via Elementor responsive control) */
.gbp-classic-menu__list {
	list-style: none;
	margin: 0;
	padding: 0;
	column-fill: balance;
}

/* Sequential fill (auto height forces left-to-right filling) */
.gbp-classic-menu__list--sequential {
	column-fill: auto;
}

/* Divider between columns */
.gbp-classic-menu__list--divider {
	column-rule-style: solid;
}

/* Items */
.gbp-classic-menu__item {
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
}

.gbp-classic-menu__item a {
	text-decoration: none;
	transition: color 0.2s ease, background-color 0.2s ease;
	display: inline-block;
}

.gbp-classic-menu__item a:hover,
.gbp-classic-menu__item a:focus-visible {
	text-decoration: none;
}

/* ==========================================================================
   Grid Layout — equal row heights, items aligned across columns
   ========================================================================== */

.gbp-classic-menu__list--grid {
	display: grid;
	column-count: unset !important;
	column-fill: unset;
	align-items: stretch;
}

.gbp-classic-menu__list--grid .gbp-classic-menu__item {
	display: flex;
	align-items: center;
}

.gbp-classic-menu__list--grid .gbp-classic-menu__item a {
	width: 100%;
}

/* ==========================================================================
   Inline Layout
   ========================================================================== */

.gbp-classic-menu__list--inline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-count: unset !important;
	column-fill: unset;
}

/* Inline items need relative positioning for the divider */
.gbp-classic-menu__list--inline .gbp-classic-menu__item {
	position: relative;
	display: flex;
	align-items: center;
}

/* Inline divider — centered in the gap between items */
.gbp-classic-menu__list--inline.gbp-classic-menu__list--divider .gbp-classic-menu__item + .gbp-classic-menu__item::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1px;
	height: 16px;
	background-color: #e0e0e0;
}