/**
 * Marsa Alam Multilang — language switcher styles
 */

.mam-switcher {
	--mam-gold: #d4af37;
	--mam-gold-deep: #a67c00;
	--mam-bg: rgba(10, 15, 26, 0.92);
	--mam-border: rgba(212, 175, 55, 0.55);
	--mam-text: #fff;
	--mam-muted: rgba(255, 255, 255, 0.75);
	position: relative;
	display: inline-flex;
	align-items: center;
	font-family: Lato, system-ui, sans-serif;
	z-index: 10050;
}

.mam-switcher,
.mam-switcher * {
	box-sizing: border-box;
}

.mam-switcher__list {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mam-switcher__menu {
	list-style: none;
	margin: 0;
	padding: 0.4rem;
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	min-width: 180px;
	background: var(--mam-bg);
	border: 1px solid var(--mam-border);
	border-radius: 14px;
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(10px);
}

.mam-switcher__menu[hidden] {
	display: none !important;
}

.mam-switcher__option {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
	padding: 0.45rem 0.7rem;
	border: 1px solid transparent;
	border-radius: 10px;
	background: transparent;
	color: var(--mam-text);
	cursor: pointer;
	font: inherit;
	font-size: 0.9rem;
	line-height: 1.2;
	transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

.mam-switcher__list .mam-switcher__option {
	width: auto;
}

.mam-switcher__option:hover,
.mam-switcher__option:focus-visible {
	background: rgba(212, 175, 55, 0.14);
	border-color: rgba(212, 175, 55, 0.35);
	outline: none;
}

.mam-switcher__option.is-active {
	background: linear-gradient(135deg, rgba(255, 215, 0, 0.22), rgba(166, 124, 0, 0.28));
	border-color: var(--mam-border);
}

.mam-switcher__flag {
	font-size: 1.15rem;
	line-height: 1;
}

.mam-switcher__label {
	white-space: nowrap;
}

.mam-switcher__toggle {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.45rem 0.75rem;
	border-radius: 999px;
	border: 1px solid var(--mam-border);
	background: var(--mam-bg);
	color: var(--mam-text);
	cursor: pointer;
	font: inherit;
	font-size: 0.88rem;
	transition: box-shadow 0.2s ease, transform 0.15s ease, border-color 0.2s ease;
}

.mam-switcher__toggle:hover,
.mam-switcher__toggle:focus-visible {
	border-color: var(--mam-gold);
	box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.18);
	outline: none;
}

.mam-switcher__chevron {
	width: 0.45rem;
	height: 0.45rem;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg);
	margin-top: -0.15rem;
	opacity: 0.8;
	transition: transform 0.2s ease;
}

.mam-switcher.is-open .mam-switcher__chevron {
	transform: rotate(-135deg);
	margin-top: 0.15rem;
}

.mam-switcher.is-loading {
	opacity: 0.7;
	pointer-events: none;
}

/* flags */
.mam-switcher--flags .mam-switcher__option {
	padding: 0.35rem;
	border-radius: 50%;
	width: 2.1rem;
	height: 2.1rem;
	justify-content: center;
}

/* flags-names / buttons */
.mam-switcher--flags-names .mam-switcher__option,
.mam-switcher--buttons .mam-switcher__option {
	border: 1px solid var(--mam-border);
	background: var(--mam-bg);
	border-radius: 999px;
	padding: 0.4rem 0.75rem;
}

.mam-switcher--buttons .mam-switcher__option.is-active {
	background: linear-gradient(135deg, #ffe27a, #c9a227 55%, #8b6914);
	color: #1a1200;
	border-color: transparent;
}

/* dropdown / icon / minimal / popup / premium share menu */
.mam-switcher--icon-dropdown .mam-switcher__current-name,
.mam-switcher--minimal .mam-switcher__current-name {
	display: none;
}

.mam-switcher--minimal .mam-switcher__toggle {
	padding: 0.35rem 0.55rem;
	background: transparent;
	border-color: transparent;
}

.mam-switcher--minimal .mam-switcher__toggle:hover {
	border-color: var(--mam-border);
}

.mam-switcher--popup .mam-switcher__menu {
	min-width: 210px;
	padding: 0.55rem;
}

.mam-switcher--premium .mam-switcher__toggle {
	background: linear-gradient(135deg, rgba(20, 28, 44, 0.95), rgba(10, 15, 26, 0.95));
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.28);
}

.mam-switcher--premium.is-open .mam-switcher__toggle,
.mam-switcher--premium .mam-switcher__toggle:hover {
	box-shadow: 0 6px 22px rgba(212, 175, 55, 0.28);
}

.mam-switcher--premium .mam-switcher__menu {
	animation: mam-fade-up 0.22s ease;
}

.mam-switcher--premium .mam-switcher__option {
	transition: transform 0.15s ease, background 0.2s ease;
}

.mam-switcher--premium .mam-switcher__option:hover {
	transform: translateX(3px);
}

@keyframes mam-fade-up {
	from {
		opacity: 0;
		transform: translateY(6px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/*
 * Floating switcher — position/margins injected via wp_add_inline_style
 * (admin: Multilang → Floating switcher position).
 */
.mam-switcher-float {
	position: fixed;
	z-index: 99999;
	pointer-events: none;
}

.mam-switcher-float .mam-switcher {
	pointer-events: auto;
}

.mam-switcher-float--top-left .mam-switcher__menu,
.mam-switcher-float--bottom-left .mam-switcher__menu,
.mam-switcher-float--left-center .mam-switcher__menu {
	left: 0;
	right: auto;
}

.mam-switcher-float--top-right .mam-switcher__menu,
.mam-switcher-float--bottom-right .mam-switcher__menu,
.mam-switcher-float--right-center .mam-switcher__menu {
	right: 0;
	left: auto;
}

@media (max-width: 767px) {
	.mam-switcher--flags-names .mam-switcher__label,
	.mam-switcher--buttons .mam-switcher__label {
		display: none;
	}

	.mam-switcher__menu {
		right: 0;
		left: auto;
	}
}