/*
 * Uğurlu Menü animasyon ilkesi (arayüz ayarı yoktur):
 * Alt menü animasyonları bu iki ortak değişkeni kullanır.
 * Hareket azaltma tercihi bu değerleri değiştirmez: tasarlanan süre ve efekt korunur.
 * Örnek: transition-duration: calc(200ms * var(--ugurlu-menu-motion-factor));
 *         animation-play-state: var(--ugurlu-menu-motion-play-state);
 * Başka eklentilerin veya Elementor'un kendi efektlerine müdahale edilmez.
 */
.ugurlu-menu {
	--ugurlu-menu-motion-factor: 1;
	--ugurlu-menu-motion-play-state: running;
}

.ugurlu-menu > .ugurlu-menu__list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.ugurlu-menu--vertical > .ugurlu-menu__list {
	flex-direction: column;
	align-items: flex-start;
}

.ugurlu-menu .ugurlu-menu__list li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.ugurlu-menu .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 10;
	min-width: 180px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: #fff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
}

.ugurlu-menu .sub-menu .sub-menu,
.ugurlu-menu--vertical > .ugurlu-menu__list > li > .sub-menu {
	top: 0;
	left: 100%;
}

/* Önceki CSS davranışı yalnızca 'Üzerine Gelince' modunda aktiftir. */
.ugurlu-menu--trigger-hover .ugurlu-menu__list li:hover > .sub-menu,
.ugurlu-menu--trigger-hover .ugurlu-menu__list li:focus-within > .sub-menu,
/* Tıklama modunda alt menüyü sadece gerçekten açılan öğe gösterir. */
.ugurlu-menu--trigger-click .ugurlu-menu__list li.ugurlu-menu__open > .sub-menu {
	display: block;
}

.ugurlu-menu .sub-menu a {
	padding: 8px 12px;
	color: #222;
}

/* Alt menüsü olan üst öğeler, URL tanımlı olmasa da bağlantı imleci gösterir. */
.ugurlu-menu .ugurlu-menu__list li.menu-item-has-children > a {
	cursor: pointer;
}

/* Yalnızca alt menüsü bulunan öğelere CSS ok göstergesi. */
.ugurlu-menu .ugurlu-menu__list li.menu-item-has-children > a::after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-left: 8px;
	border-right: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	transform: rotate(45deg);
}

/* Açılır alt menülerin ve dikey ana menünün oku sağa bakar. */
.ugurlu-menu .sub-menu li.menu-item-has-children > a::after,
.ugurlu-menu--vertical > .ugurlu-menu__list > li.menu-item-has-children > a::after {
	transform: rotate(-45deg);
}

@media (max-width: 767px) {
	.ugurlu-menu .sub-menu,
	.ugurlu-menu .sub-menu .sub-menu,
	.ugurlu-menu--vertical > .ugurlu-menu__list > li > .sub-menu {
		position: static;
		box-shadow: none;
		padding: 0 0 0 16px;
	}

	/* Mobilde alt menüler aşağı açıldığı için bütün oklar aşağıyı gösterir. */
	.ugurlu-menu .sub-menu li.menu-item-has-children > a::after,
	.ugurlu-menu--vertical > .ugurlu-menu__list > li.menu-item-has-children > a::after {
		transform: rotate(45deg);
	}
}

/* Metin ve alt menü oklarını, simge olsun veya olmasın, aynı dikey merkezde tut. */
.ugurlu-menu .ugurlu-menu__list a {
	display: flex;
	align-items: center;
	text-decoration: none;
}

/* Fareyle üzerine gelindiğinde alt çizgi gösterme; klavye odak göstergesi korunur. */
.ugurlu-menu .ugurlu-menu__list a:focus-visible {
	text-decoration: underline;
}

.ugurlu-menu .ugurlu-menu__list a:hover {
	text-decoration: none;
}

/* Öğelere atanan simgeler bağlantı metniyle aynı satırda kalır. */
.ugurlu-menu .ugurlu-menu__item-icon,
.ugurlu-menu .ugurlu-menu__arrow-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.ugurlu-menu .ugurlu-menu__item-icon {
	margin-right: 6px;
}

/* SVG boyutu ve rengi aynı seçiciler üzerinden tek kez tanımlanır. */
.ugurlu-menu .ugurlu-menu__item-icon svg,
.ugurlu-menu .ugurlu-menu__arrow-icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

/* Özel ok seçilmişse CSS oku gizlenir; boyut ve mesafe kontrolleri korunur. */
.ugurlu-menu--custom-arrow .ugurlu-menu__list li.menu-item-has-children > a::after {
	display: none;
}

.ugurlu-menu .ugurlu-menu__arrow-icon {
	font-size: 14px;
	margin-left: 8px;
}

.ugurlu-menu .sub-menu li.menu-item-has-children > a > .ugurlu-menu__arrow-icon,
.ugurlu-menu--vertical > .ugurlu-menu__list > li.menu-item-has-children > a > .ugurlu-menu__arrow-icon {
	transform: rotate(-90deg);
}

@media (max-width: 767px) {
	.ugurlu-menu .sub-menu li.menu-item-has-children > a > .ugurlu-menu__arrow-icon,
	.ugurlu-menu--vertical > .ugurlu-menu__list > li.menu-item-has-children > a > .ugurlu-menu__arrow-icon {
		transform: none;
	}
}

/* Yalnızca açılış animasyonu uygulanır; kapanışta temel display:none hemen devreye girer. */
.ugurlu-menu--animated {
	--ugurlu-menu-enter-name: ugurlu-menu-fade-in;
	--ugurlu-menu-animation-duration: calc(260ms * var(--ugurlu-menu-motion-factor));
}

.ugurlu-menu--animated .sub-menu {
	transform-origin: top center;
}

.ugurlu-menu--animated .sub-menu .sub-menu,
.ugurlu-menu--animated.ugurlu-menu--vertical > .ugurlu-menu__list > li > .sub-menu {
	transform-origin: top left;
}

/* Açık durumdaki alt menüde sadece giriş animasyonu oynar. */
.ugurlu-menu--animated.ugurlu-menu--trigger-hover .ugurlu-menu__list li:hover > .sub-menu,
.ugurlu-menu--animated.ugurlu-menu--trigger-hover .ugurlu-menu__list li:focus-within > .sub-menu,
.ugurlu-menu--animated.ugurlu-menu--trigger-click .ugurlu-menu__list li.ugurlu-menu__open > .sub-menu {
	display: block;
	animation-name: var(--ugurlu-menu-enter-name);
	animation-duration: var(--ugurlu-menu-animation-duration);
	animation-timing-function: ease-out;
	animation-fill-mode: both;
	animation-play-state: var(--ugurlu-menu-motion-play-state);
}

/* Fare tıklamasıyla üst bağlantıda kalan odak, menüyü açık kilitlemesin. */
.ugurlu-menu--animated.ugurlu-menu--trigger-hover .ugurlu-menu__list li:not(:hover):has(> a:focus:not(:focus-visible)) > .sub-menu {
	display: none;
}

.ugurlu-menu--enter-fade { --ugurlu-menu-enter-name: ugurlu-menu-fade-in; }
.ugurlu-menu--enter-slide-up { --ugurlu-menu-enter-name: ugurlu-menu-slide-up-in; }
.ugurlu-menu--enter-slide-down { --ugurlu-menu-enter-name: ugurlu-menu-slide-down-in; }
.ugurlu-menu--enter-slide-left { --ugurlu-menu-enter-name: ugurlu-menu-slide-left-in; }
.ugurlu-menu--enter-slide-right { --ugurlu-menu-enter-name: ugurlu-menu-slide-right-in; }
.ugurlu-menu--enter-fade-up { --ugurlu-menu-enter-name: ugurlu-menu-fade-up-in; }
.ugurlu-menu--enter-fade-down { --ugurlu-menu-enter-name: ugurlu-menu-fade-down-in; }
.ugurlu-menu--enter-fade-left { --ugurlu-menu-enter-name: ugurlu-menu-fade-left-in; }
.ugurlu-menu--enter-fade-right { --ugurlu-menu-enter-name: ugurlu-menu-fade-right-in; }
.ugurlu-menu--enter-zoom-in { --ugurlu-menu-enter-name: ugurlu-menu-zoom-in-in; }
.ugurlu-menu--enter-zoom-out { --ugurlu-menu-enter-name: ugurlu-menu-zoom-out-in; }
.ugurlu-menu--enter-zoom-slide { --ugurlu-menu-enter-name: ugurlu-menu-zoom-slide-in; }
.ugurlu-menu--enter-pop { --ugurlu-menu-enter-name: ugurlu-menu-pop-in; }
.ugurlu-menu--enter-drop { --ugurlu-menu-enter-name: ugurlu-menu-drop-in; }
.ugurlu-menu--enter-rotate-left { --ugurlu-menu-enter-name: ugurlu-menu-rotate-left-in; }
.ugurlu-menu--enter-rotate-right { --ugurlu-menu-enter-name: ugurlu-menu-rotate-right-in; }
.ugurlu-menu--enter-flip-x { --ugurlu-menu-enter-name: ugurlu-menu-flip-x-in; }
.ugurlu-menu--enter-flip-y { --ugurlu-menu-enter-name: ugurlu-menu-flip-y-in; }
.ugurlu-menu--enter-swing { --ugurlu-menu-enter-name: ugurlu-menu-swing-in; }
.ugurlu-menu--enter-bounce { --ugurlu-menu-enter-name: ugurlu-menu-bounce-in; }
.ugurlu-menu--enter-elastic { --ugurlu-menu-enter-name: ugurlu-menu-elastic-in; }
.ugurlu-menu--enter-skew { --ugurlu-menu-enter-name: ugurlu-menu-skew-in; }

@keyframes ugurlu-menu-fade-in {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes ugurlu-menu-slide-up-in {
	0% { opacity: 0; transform: translateY(18px); }
	100% { opacity: 1; transform: none; }
}

@keyframes ugurlu-menu-slide-down-in {
	0% { opacity: 0; transform: translateY(-18px); }
	100% { opacity: 1; transform: none; }
}

@keyframes ugurlu-menu-slide-left-in {
	0% { opacity: 0; transform: translateX(-18px); }
	100% { opacity: 1; transform: none; }
}

@keyframes ugurlu-menu-slide-right-in {
	0% { opacity: 0; transform: translateX(18px); }
	100% { opacity: 1; transform: none; }
}

@keyframes ugurlu-menu-fade-up-in {
	0% { opacity: 0; transform: translateY(12px); }
	60% { opacity: 1; }
	100% { transform: none; opacity: 1; }
}

@keyframes ugurlu-menu-fade-down-in {
	0% { opacity: 0; transform: translateY(-12px); }
	60% { opacity: 1; }
	100% { transform: none; opacity: 1; }
}

@keyframes ugurlu-menu-fade-left-in {
	0% { opacity: 0; transform: translateX(-12px); }
	60% { opacity: 1; }
	100% { transform: none; opacity: 1; }
}

@keyframes ugurlu-menu-fade-right-in {
	0% { opacity: 0; transform: translateX(12px); }
	60% { opacity: 1; }
	100% { transform: none; opacity: 1; }
}

@keyframes ugurlu-menu-zoom-in-in {
	0% { opacity: 0; transform: scale(.90); }
	100% { opacity: 1; transform: none; }
}

@keyframes ugurlu-menu-zoom-out-in {
	0% { opacity: 0; transform: scale(1.10); }
	100% { opacity: 1; transform: none; }
}

@keyframes ugurlu-menu-zoom-slide-in {
	0% { opacity: 0; transform: translateY(-12px) scale(.91); }
	100% { opacity: 1; transform: none; }
}

@keyframes ugurlu-menu-pop-in {
	0% { opacity: 0; transform: scale(.72); }
	70% { opacity: 1; transform: scale(1.04); }
	100% { opacity: 1; transform: none; }
}

@keyframes ugurlu-menu-drop-in {
	0% { opacity: 0; transform: translateY(-30px) scale(.97); }
	80% { opacity: 1; transform: translateY(3px); }
	100% { opacity: 1; transform: none; }
}

@keyframes ugurlu-menu-rotate-left-in {
	0% { opacity: 0; transform: rotate(-8deg) scale(.94); }
	100% { opacity: 1; transform: none; }
}

@keyframes ugurlu-menu-rotate-right-in {
	0% { opacity: 0; transform: rotate(8deg) scale(.94); }
	100% { opacity: 1; transform: none; }
}

@keyframes ugurlu-menu-flip-x-in {
	0% { opacity: 0; transform: perspective(600px) rotateX(-67deg); }
	100% { opacity: 1; transform: perspective(600px) rotateX(0); }
}

@keyframes ugurlu-menu-flip-y-in {
	0% { opacity: 0; transform: perspective(600px) rotateY(-67deg); }
	100% { opacity: 1; transform: perspective(600px) rotateY(0); }
}

@keyframes ugurlu-menu-swing-in {
	0% { opacity: 0; transform: rotate(-10deg); }
	55% { opacity: 1; transform: rotate(5deg); }
	78% { transform: rotate(-2deg); }
	100% { opacity: 1; transform: none; }
}

@keyframes ugurlu-menu-bounce-in {
	0% { opacity: 0; transform: translateY(-24px); }
	58% { opacity: 1; transform: translateY(5px); }
	80% { transform: translateY(-2px); }
	100% { opacity: 1; transform: none; }
}

@keyframes ugurlu-menu-elastic-in {
	0% { opacity: 0; transform: scale(.76); }
	58% { opacity: 1; transform: scale(1.06); }
	77% { transform: scale(.97); }
	100% { opacity: 1; transform: none; }
}

@keyframes ugurlu-menu-skew-in {
	0% { opacity: 0; transform: translateX(-12px) skewX(-12deg); }
	100% { opacity: 1; transform: none; }
}



/* MENÜ ÖĞESİNİN TAMAMINA UYGULANAN ÜZERİNE GELME EFEKTLERİ
 * Eski widget'larda hiçbir etki yoktur. ::after mevcut alt menü okuna aittir;
 * çizgi ve arka plan efektleri sadece ::before kullanır. */
.ugurlu-menu--hover-effect {
	--ugurlu-menu-hover-duration: calc(360ms * var(--ugurlu-menu-motion-factor));
	--ugurlu-menu-hover-color: #2563eb;
	--ugurlu-menu-hover-opacity: 1;
}
.ugurlu-menu--hover-effect .ugurlu-menu__list li > a {
	position: relative;
	isolation: isolate;
	transform-origin: center;
	transition: transform var(--ugurlu-menu-hover-duration) ease,
		box-shadow var(--ugurlu-menu-hover-duration) ease,
		filter var(--ugurlu-menu-hover-duration) ease;
}
/* Arka plan ve çizgi katmanı yalnızca seçilen efekte ait widget'ta yaratılır. */
.ugurlu-menu--hover-effect[class*="ugurlu-menu--hover-bg-"] .ugurlu-menu__list li > a::before,
.ugurlu-menu--hover-effect[class*="ugurlu-menu--hover-line-"] .ugurlu-menu__list li > a::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	border-radius: inherit;
	background: var(--ugurlu-menu-hover-color);
	opacity: 0;
	transition: transform var(--ugurlu-menu-hover-duration) ease,
		opacity var(--ugurlu-menu-hover-duration) ease,
		box-shadow var(--ugurlu-menu-hover-duration) ease;
}

/* Arka plan: yumuşak renk, yönlü dolma, merkezden dolma, parlama ve çerçeveler. */
.ugurlu-menu--hover-bg-fade .ugurlu-menu__list li > a:is(:hover, :focus-visible)::before { opacity: var(--ugurlu-menu-hover-opacity); }
.ugurlu-menu--hover-effect:is(.ugurlu-menu--hover-bg-left, .ugurlu-menu--hover-bg-right,
	.ugurlu-menu--hover-bg-up, .ugurlu-menu--hover-bg-down, .ugurlu-menu--hover-bg-center)
	.ugurlu-menu__list li > a::before { opacity: var(--ugurlu-menu-hover-opacity); transform: scaleX(0); }
.ugurlu-menu--hover-bg-left .ugurlu-menu__list li > a::before { transform-origin: left; }
.ugurlu-menu--hover-bg-right .ugurlu-menu__list li > a::before { transform-origin: right; }
.ugurlu-menu--hover-bg-center .ugurlu-menu__list li > a::before { transform-origin: center; }
.ugurlu-menu--hover-effect:is(.ugurlu-menu--hover-bg-up, .ugurlu-menu--hover-bg-down) .ugurlu-menu__list li > a::before { transform: scaleY(0); }
.ugurlu-menu--hover-bg-up .ugurlu-menu__list li > a::before { transform-origin: bottom; }
.ugurlu-menu--hover-bg-down .ugurlu-menu__list li > a::before { transform-origin: top; }
.ugurlu-menu--hover-effect:is(.ugurlu-menu--hover-bg-left, .ugurlu-menu--hover-bg-right,
	.ugurlu-menu--hover-bg-up, .ugurlu-menu--hover-bg-down, .ugurlu-menu--hover-bg-center)
	.ugurlu-menu__list li > a:is(:hover, :focus-visible)::before { transform: scale(1); }
/* Çerçeve/parlama opaklığı da yalnızca efekt katmanına uygulanır. */
.ugurlu-menu--hover-effect:is(.ugurlu-menu--hover-bg-glow, .ugurlu-menu--hover-bg-outline,
	.ugurlu-menu--hover-bg-inset) .ugurlu-menu__list li > a::before {
	background: transparent;
}
.ugurlu-menu--hover-bg-glow .ugurlu-menu__list li > a::before {
	box-shadow: 0 0 0 2px var(--ugurlu-menu-hover-color), 0 0 15px 3px var(--ugurlu-menu-hover-color);
}
.ugurlu-menu--hover-bg-outline .ugurlu-menu__list li > a::before {
	box-shadow: 0 0 0 2px var(--ugurlu-menu-hover-color);
}
.ugurlu-menu--hover-bg-inset .ugurlu-menu__list li > a::before {
	box-shadow: inset 0 0 0 2px var(--ugurlu-menu-hover-color);
}
.ugurlu-menu--hover-effect:is(.ugurlu-menu--hover-bg-glow, .ugurlu-menu--hover-bg-outline,
	.ugurlu-menu--hover-bg-inset) .ugurlu-menu__list li > a:is(:hover, :focus-visible)::before {
	opacity: var(--ugurlu-menu-hover-opacity);
}

/* Çizgiler: ::after CSS okuna müdahale edilmez. */
.ugurlu-menu--hover-effect[class*="ugurlu-menu--hover-line-"] .ugurlu-menu__list li > a::before {
	inset: auto 0 0;
	height: 2px;
	border-radius: 0;
	background: var(--ugurlu-menu-hover-color);
	transform: scaleX(0);
	opacity: var(--ugurlu-menu-hover-opacity);
}
.ugurlu-menu--hover-line-left .ugurlu-menu__list li > a::before,
.ugurlu-menu--hover-line-sweep .ugurlu-menu__list li > a::before { transform-origin: left; }
.ugurlu-menu--hover-line-right .ugurlu-menu__list li > a::before { transform-origin: right; }
.ugurlu-menu--hover-line-center .ugurlu-menu__list li > a::before { transform-origin: center; }
.ugurlu-menu--hover-effect:is(.ugurlu-menu--hover-line-left, .ugurlu-menu--hover-line-right,
	.ugurlu-menu--hover-line-center, .ugurlu-menu--hover-line-double,
	.ugurlu-menu--hover-line-top, .ugurlu-menu--hover-line-top-bottom)
	.ugurlu-menu__list li > a:is(:hover, :focus-visible)::before { transform: scaleX(1); }
.ugurlu-menu--hover-line-sweep .ugurlu-menu__list li > a:is(:hover, :focus-visible)::before {
	animation: ugurlu-menu-hover-line-sweep var(--ugurlu-menu-hover-duration) ease both;
}
.ugurlu-menu--hover-line-top .ugurlu-menu__list li > a::before { inset: 0 0 auto; }
.ugurlu-menu--hover-line-double .ugurlu-menu__list li > a::before { height: 5px; background: linear-gradient(to bottom, var(--ugurlu-menu-hover-color) 0 2px, transparent 2px 3px, var(--ugurlu-menu-hover-color) 3px); }
.ugurlu-menu--hover-line-top-bottom .ugurlu-menu__list li > a::before { inset: 0; height: auto; background: linear-gradient(var(--ugurlu-menu-hover-color),var(--ugurlu-menu-hover-color)) top / 100% 2px no-repeat, linear-gradient(var(--ugurlu-menu-hover-color),var(--ugurlu-menu-hover-color)) bottom / 100% 2px no-repeat; }
@keyframes ugurlu-menu-hover-line-sweep {
	0% { transform: translateX(-45%) scaleX(0); }
	100% { transform: translateX(0) scaleX(1); }
}

/* Konum/ölçek efektleri menünün <a> öğesine uygulanır; alt menü listesi li'nin çocuğudur,
 * bu nedenle hareket sırasında submenu pozisyonlaması etkilenmez. */
.ugurlu-menu--hover-move-lift .ugurlu-menu__list li > a:is(:hover, :focus-visible) { transform: translateY(-4px); }
.ugurlu-menu--hover-move-sink .ugurlu-menu__list li > a:is(:hover, :focus-visible) { transform: translateY(4px); }
.ugurlu-menu--hover-move-left .ugurlu-menu__list li > a:is(:hover, :focus-visible) { transform: translateX(-5px); }
.ugurlu-menu--hover-move-right .ugurlu-menu__list li > a:is(:hover, :focus-visible) { transform: translateX(5px); }
.ugurlu-menu--hover-move-grow .ugurlu-menu__list li > a:is(:hover, :focus-visible) { transform: scale(1.07); }
.ugurlu-menu--hover-move-shrink .ugurlu-menu__list li > a:is(:hover, :focus-visible) { transform: scale(.93); }
.ugurlu-menu--hover-move-tilt-left .ugurlu-menu__list li > a:is(:hover, :focus-visible) { transform: rotate(-4deg); }
.ugurlu-menu--hover-move-tilt-right .ugurlu-menu__list li > a:is(:hover, :focus-visible) { transform: rotate(4deg); }
.ugurlu-menu--hover-move-skew .ugurlu-menu__list li > a:is(:hover, :focus-visible) { transform: skewX(-8deg) translateX(3px); }

/* Tek seferlik keyframe hareketleri; çıkışta yeni animasyon çalıştırılmaz. */
.ugurlu-menu--hover-move-shake .ugurlu-menu__list li > a:is(:hover, :focus-visible) { animation: ugurlu-menu-hover-shake var(--ugurlu-menu-hover-duration) ease both; }
.ugurlu-menu--hover-move-shake-y .ugurlu-menu__list li > a:is(:hover, :focus-visible) { animation: ugurlu-menu-hover-shake-y var(--ugurlu-menu-hover-duration) ease both; }
.ugurlu-menu--hover-move-bounce .ugurlu-menu__list li > a:is(:hover, :focus-visible) { animation: ugurlu-menu-hover-bounce var(--ugurlu-menu-hover-duration) ease both; }
.ugurlu-menu--hover-move-pulse .ugurlu-menu__list li > a:is(:hover, :focus-visible) { animation: ugurlu-menu-hover-pulse var(--ugurlu-menu-hover-duration) ease both; }
.ugurlu-menu--hover-move-swing .ugurlu-menu__list li > a:is(:hover, :focus-visible) { animation: ugurlu-menu-hover-swing var(--ugurlu-menu-hover-duration) ease both; }
.ugurlu-menu--hover-move-wobble .ugurlu-menu__list li > a:is(:hover, :focus-visible) { animation: ugurlu-menu-hover-wobble var(--ugurlu-menu-hover-duration) ease both; }
.ugurlu-menu--hover-move-rubber .ugurlu-menu__list li > a:is(:hover, :focus-visible) { animation: ugurlu-menu-hover-rubber var(--ugurlu-menu-hover-duration) ease both; }
.ugurlu-menu--hover-move-heartbeat .ugurlu-menu__list li > a:is(:hover, :focus-visible) { animation: ugurlu-menu-hover-heartbeat var(--ugurlu-menu-hover-duration) ease both; }
.ugurlu-menu--hover-move-flip-x .ugurlu-menu__list li > a:is(:hover, :focus-visible) { animation: ugurlu-menu-hover-flip-x var(--ugurlu-menu-hover-duration) ease both; }
.ugurlu-menu--hover-move-flip-y .ugurlu-menu__list li > a:is(:hover, :focus-visible) { animation: ugurlu-menu-hover-flip-y var(--ugurlu-menu-hover-duration) ease both; }
.ugurlu-menu--hover-move-float .ugurlu-menu__list li > a:is(:hover, :focus-visible) { animation: ugurlu-menu-hover-float var(--ugurlu-menu-hover-duration) ease both; }
.ugurlu-menu--hover-move-pop .ugurlu-menu__list li > a:is(:hover, :focus-visible) { animation: ugurlu-menu-hover-pop var(--ugurlu-menu-hover-duration) ease both; }

@keyframes ugurlu-menu-hover-shake { 0%,100% { transform:translateX(0); } 20%,60% { transform:translateX(-4px); } 40%,80% { transform:translateX(4px); } }
@keyframes ugurlu-menu-hover-shake-y { 0%,100% { transform:translateY(0); } 20%,60% { transform:translateY(-3px); } 40%,80% { transform:translateY(3px); } }
@keyframes ugurlu-menu-hover-bounce { 0%,100% { transform:translateY(0); } 35% { transform:translateY(-7px); } 65% { transform:translateY(2px); } 82% { transform:translateY(-2px); } }
@keyframes ugurlu-menu-hover-pulse { 0%,100% { transform:scale(1); } 45% { transform:scale(1.10); } }
@keyframes ugurlu-menu-hover-swing { 0%,100% { transform:rotate(0); } 25% { transform:rotate(7deg); } 55% { transform:rotate(-5deg); } 75% { transform:rotate(3deg); } }
@keyframes ugurlu-menu-hover-wobble { 0%,100% { transform:none; } 20% { transform:translateX(-5px) rotate(-4deg); } 45% { transform:translateX(4px) rotate(3deg); } 70% { transform:translateX(-2px) rotate(-2deg); } }
@keyframes ugurlu-menu-hover-rubber { 0%,100% { transform:scale(1); } 30% { transform:scaleX(1.14) scaleY(.88); } 55% { transform:scaleX(.92) scaleY(1.10); } 75% { transform:scaleX(1.04) scaleY(.97); } }
@keyframes ugurlu-menu-hover-heartbeat { 0%,100% { transform:scale(1); } 25%,65% { transform:scale(1.11); } 45% { transform:scale(1.02); } }
@keyframes ugurlu-menu-hover-flip-x { 0% { transform:perspective(600px) rotateX(0); } 50% { transform:perspective(600px) rotateX(25deg); } 100% { transform:perspective(600px) rotateX(0); } }
@keyframes ugurlu-menu-hover-flip-y { 0% { transform:perspective(600px) rotateY(0); } 50% { transform:perspective(600px) rotateY(25deg); } 100% { transform:perspective(600px) rotateY(0); } }
@keyframes ugurlu-menu-hover-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-5px); } }
@keyframes ugurlu-menu-hover-pop { 0%,100% { transform:scale(1); } 35% { transform:scale(1.12); } 65% { transform:scale(.97); } }