/* Mobile header language switcher and quick links */
@media (max-width: 991px) {
	.wsmobileheader { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 6px 10px; }
	.wsmobileheader .smllogo { display: inline-flex; align-items: center; }
	/* Push quick items to the right, keep same row */
	.wsmobileheader .mobile-quick-wrapper { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; max-width: 65%; overflow: visible; }
	.wsmobileheader .wsanimated-arrow { margin-left: 10px; flex: 0 0 auto; }

	/* Language button and panel */
	.mobile-lang-switch { position: relative; }
	.mobile-lang-btn { background: transparent; border: 0; font-size: 20px; padding: 4px 6px; cursor: pointer; color: #c5165b; line-height: 1; display: inline-flex; align-items: center; }
	.mobile-lang-btn:focus { outline: none; }
	/* Anchor dropdown to the right to avoid overlapping the burger */
	.mobile-lang-panel { position: absolute; top: 110%; right: 0; background: #ffffff; border: 1px solid #ddd; border-radius: 4px; padding: 6px 8px; display: none; box-shadow: 0 2px 6px rgba(0,0,0,0.15); white-space: nowrap; }
	.mobile-lang-panel a { display: inline-block; font-size: 13px; padding: 4px 6px; color: #333; text-decoration: none; }
	.mobile-lang-panel a:hover { background: #f5f5f5; border-radius: 3px; }

	/* Quick links stay inline and centered vertically */
	.mobile-quick-links { list-style: none; display: inline-flex; align-items: center; justify-content: flex-end; margin: 0; padding: 0; gap: 10px; flex-wrap: nowrap; }
	.mobile-quick-links li { display: inline-flex; align-items: center; flex: 0 0 auto; min-width: 32px; }
	.mobile-quick-links a { font-size: 12px; color: #333; text-decoration: none; padding: 4px 8px; border-radius: 3px; background: #ffffff; border: 1px solid #eee; display: inline-flex; align-items: center; height: 32px; line-height: 1; flex: 0 0 auto; }
	.mobile-quick-links a:hover { background: #ffeff6; color: #c5165b; }

	/* Ensure burger toggle aligns vertically without changing original icon look */
	.mobile-quick-links .wsanimated-arrow { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; box-sizing: border-box; position: static !important; margin: 0; border: 0; background: transparent; }
	.mobile-quick-links .wsanimated-arrow span { display: inline-block; }
	.mobile-quick-links .wsanimated-arrow span { display: inline-block; }
}

/* Dark mode compatibility (if used) */
body.dark-mode .mobile-lang-panel { background:#222; border-color:#444; }
body.dark-mode .mobile-lang-panel a { color:#ddd; }
body.dark-mode .mobile-lang-panel a:hover { background:#333; }

/* Desktop header language switcher */
@media (min-width: 992px) {
	.header-lang { position: relative; }
	.desktop-lang-btn { display: inline-flex; align-items: center; line-height: 1; }
	.desktop-lang-menu { display: none; position: absolute; top: calc(100% + 6px); right: 0; background: #ffffff; border: 1px solid #ddd; border-radius: 4px; padding: 6px 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.15); white-space: nowrap; list-style: none; margin: 0; z-index: 1000; }
	.desktop-lang-menu li { display: inline-block; margin: 0 4px; }
	.desktop-lang-menu a { text-decoration: none; color: #333; font-size: 13px; padding: 4px 6px; display: inline-block; }
	.desktop-lang-menu a:hover { background: #f5f5f5; border-radius: 3px; }
	
		/* Vertically center the desktop language icon within the header */
	.wsmenu .wsmenu-list > li.header-lang {
		display: flex;
		align-items: center;
	}
	
	.desktop-lang-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		padding: 0 8px;
	}
	
	/* Ensure the globe icon inherits proper vertical centering */
	.desktop-lang-btn .flaticon-worldwide {
		line-height: 1;
		display: inline-block;
		vertical-align: middle;
	}
}