/*
 * Header user-icon dropdown ([indiscapes_account_menu] shortcode).
 * Kept in its own file, separate from frontend.css, since it's meant to
 * be dropped into an Elementor header widget rather than a page
 * template — easier to find/maintain as a standalone component.
 *
 * No border or background box on the trigger itself — just the bare
 * outline glyph, with the hover feedback on the icon's own stroke
 * color rather than a surrounding shape.
 */

.indiscapes-account-menu {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.indiscapes-account-menu-guest,
.indiscapes-account-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: none;
	background: none;
	color: #333;
	cursor: pointer;
	line-height: 0;
	text-decoration: none;
}

.indiscapes-account-icon {
	display: block;
	color: currentColor;
	transition: color 0.15s ease;
}

.indiscapes-account-menu-guest:hover .indiscapes-account-icon,
.indiscapes-account-trigger:hover .indiscapes-account-icon,
.indiscapes-account-trigger[aria-expanded="true"] .indiscapes-account-icon {
	color: #c2185b;
}

.indiscapes-account-dropdown {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	min-width: 220px;
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16);
	padding: 8px;
	z-index: 9999;
}

.indiscapes-account-dropdown[hidden] {
	display: none;
}

.indiscapes-account-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border-radius: 8px;
	color: #111;
	text-decoration: none;
	font-weight: 600;
	font-size: 0.95rem;
	white-space: nowrap;
}

.indiscapes-account-item:hover {
	background: #f2f2f2;
	color: #111;
}

.indiscapes-account-item .dashicons {
	font-size: 20px;
	width: 20px;
	height: 20px;
	color: #111;
}

.indiscapes-account-divider {
	height: 1px;
	background: #ececec;
	margin: 6px 4px;
}

@media (max-width: 480px) {
	.indiscapes-account-dropdown {
		right: -8px;
		min-width: 200px;
	}
}