/* ===========================================================
 *  Greece Currency Switcher — UI
 *  בורר מטבעות צף + מוטמע (שורטקוד)
 * =========================================================== */

.gcs-switcher {
	display: inline-flex;
	gap: 4px;
	padding: 4px;
	background: #ffffff;
	border: 1px solid #e2e6ea;
	border-radius: 999px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans Hebrew", sans-serif;
	font-size: 14px;
	line-height: 1;
	direction: ltr;
	z-index: 9999;
}

.gcs-switcher .gcs-btn {
	appearance: none;
	-webkit-appearance: none;
	background: transparent;
	border: 0;
	padding: 7px 12px;
	border-radius: 999px;
	cursor: pointer;
	color: #2b3340;
	font-weight: 600;
	letter-spacing: 0.2px;
	transition: background-color 0.15s ease, color 0.15s ease, transform 0.05s ease;
	white-space: nowrap;
}

.gcs-switcher .gcs-btn:hover {
	background: #f1f4f8;
}

.gcs-switcher .gcs-btn:active {
	transform: scale(0.97);
}

.gcs-switcher .gcs-btn.gcs-active {
	background: #0d6efd;
	color: #ffffff;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.gcs-switcher .gcs-btn:focus-visible {
	outline: 2px solid #0d6efd;
	outline-offset: 2px;
}

/* ----------- בורר צף ----------- */

.gcs-switcher.gcs-floating {
	position: fixed;
	bottom: 18px;
	padding: 5px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}

.gcs-switcher.gcs-bottom-right {
	right: 18px;
}

.gcs-switcher.gcs-bottom-left {
	left: 18px;
}

/* ----------- מובייל ----------- */

@media (max-width: 600px) {
	.gcs-switcher {
		font-size: 13px;
	}
	.gcs-switcher .gcs-btn {
		padding: 6px 10px;
	}
	.gcs-switcher.gcs-floating {
		bottom: 12px;
	}
	.gcs-switcher.gcs-bottom-right {
		right: 10px;
	}
	.gcs-switcher.gcs-bottom-left {
		left: 10px;
	}
}

/* ----------- אלמנטי מחיר מומרים ----------- */

[data-gcs-ready="1"][data-gcs-currency]:not([data-gcs-currency="EUR"]) {
	cursor: help;
}

/* ----------- הסתרת אייקון יורו כשהמטבע אינו EUR -----------
 * אלמנטים שמסומנים אוטומטית ב-tagCurrencyIcons() (עוטף של
 * <i class="fa-euro-sign">) יוסתרו כאשר המטבע הפעיל הוא USD/ILS. */
body.gcs-not-eur .gcs-currency-icon {
	display: none !important;
}