/**
 * Mobil alt iletişim çubuğu — yalnızca mobil görünüm.
 */

/* Eski yüzen sticky butonlar — tüm ekranlarda gizle */
body.cati-redesign .mystickyelements-fixed,
body.cati-redesign .mystickyelements-on-click-wrap,
body.cati-redesign .mystickyelements-bottom-social-channel,
body.cati-redesign #mystickyelements-contact-form,
body.cati-redesign .mystickyelements-lists-wrap {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

.cati-mobile-bar {
	display: none;
}

@media only screen and (max-width: 980px) {
	body.cati-redesign {
		padding-bottom: 62px;
	}

	.cati-mobile-bar {
		display: flex;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 99998;
		height: 56px;
		box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
	}

	.cati-mobile-bar__btn {
		flex: 1 1 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		font-family: "Noto Sans", "DM Sans", sans-serif;
		font-size: 15px;
		font-weight: 600;
		letter-spacing: 0.04em;
		text-decoration: none;
		color: #ffffff !important;
		transition: background-color 0.2s ease, filter 0.2s ease;
		-webkit-tap-highlight-color: transparent;
	}

	.cati-mobile-bar__btn i {
		font-size: 20px;
		line-height: 1;
	}

	.cati-mobile-bar__btn--whatsapp {
		background: linear-gradient(135deg, #3d3d3d 0%, #5a5a5a 55%, #6e6e6e 100%);
		border-right: 1px solid rgba(255, 255, 255, 0.12);
		color: #7ec87e !important;
	}

	.cati-mobile-bar__btn--whatsapp span,
	.cati-mobile-bar__btn--whatsapp i {
		color: #7ec87e !important;
		opacity: 0.95;
	}

	.cati-mobile-bar__btn--whatsapp:active,
	.cati-mobile-bar__btn--whatsapp:hover {
		background: linear-gradient(135deg, #4a4a4a 0%, #636363 55%, #787878 100%);
		color: #8ed48e !important;
	}

	.cati-mobile-bar__btn--whatsapp:active span,
	.cati-mobile-bar__btn--whatsapp:active i,
	.cati-mobile-bar__btn--whatsapp:hover span,
	.cati-mobile-bar__btn--whatsapp:hover i {
		color: #8ed48e !important;
	}

	.cati-mobile-bar__btn--phone {
		position: relative;
		background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%);
		overflow: hidden;
		animation: cati-phone-bar-pulse 2.2s ease-in-out infinite;
	}

	.cati-mobile-bar__btn--phone::before {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(
			105deg,
			transparent 0%,
			rgba(224, 0, 42, 0.35) 45%,
			rgba(255, 255, 255, 0.2) 50%,
			rgba(224, 0, 42, 0.35) 55%,
			transparent 100%
		);
		background-size: 200% 100%;
		animation: cati-phone-shine 2.5s linear infinite;
		pointer-events: none;
	}

	.cati-mobile-bar__btn--phone span {
		position: relative;
		z-index: 1;
		font-weight: 800;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		color: #ffffff;
		text-shadow:
			0 0 6px rgba(255, 255, 255, 0.9),
			0 0 12px #e0002a,
			0 0 22px rgba(224, 0, 42, 0.85);
		animation: cati-phone-text-glow 1.4s ease-in-out infinite alternate;
	}

	.cati-mobile-bar__btn--phone i {
		position: relative;
		z-index: 1;
		color: #ffffff;
		filter: drop-shadow(0 0 4px #e0002a) drop-shadow(0 0 8px rgba(255, 255, 255, 0.6));
		animation: cati-phone-icon-bounce 1.4s ease-in-out infinite;
	}

	.cati-mobile-bar__btn--phone:active,
	.cati-mobile-bar__btn--phone:hover {
		background: linear-gradient(135deg, #e0002a 0%, #c8102e 100%);
	}

	.cati-mobile-bar__btn--phone:active span,
	.cati-mobile-bar__btn--phone:hover span {
		color: #ffffff !important;
		text-shadow:
			0 0 8px #ffffff,
			0 0 16px #ffffff,
			0 0 24px #e0002a;
	}

	@keyframes cati-phone-bar-pulse {
		0%, 100% { box-shadow: inset 0 0 0 2px rgba(224, 0, 42, 0.5); }
		50% { box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.55), 0 0 18px rgba(224, 0, 42, 0.5); }
	}

	@keyframes cati-phone-shine {
		0% { background-position: 200% 0; }
		100% { background-position: -200% 0; }
	}

	@keyframes cati-phone-text-glow {
		0% {
			color: #ffffff;
			text-shadow:
				0 0 6px rgba(255, 255, 255, 0.8),
				0 0 14px #e0002a,
				0 0 20px rgba(224, 0, 42, 0.7);
		}
		100% {
			color: #fff5f5;
			text-shadow:
				0 0 10px #ffffff,
				0 0 18px #ff3b5c,
				0 0 28px #e0002a,
				0 0 36px rgba(224, 0, 42, 0.6);
		}
	}

	@keyframes cati-phone-icon-bounce {
		0%, 100% { transform: scale(1); }
		50% { transform: scale(1.12); }
	}

	/* Yukarı çık butonu çakışmasın */
	body.cati-redesign .go-to-top {
		bottom: 72px !important;
	}

	/* mysticky gizleme mobil blokta tekrarlanmasın — üstte global */
}

@media only screen and (max-width: 380px) {
	.cati-mobile-bar__btn {
		font-size: 14px;
		gap: 6px;
	}

	.cati-mobile-bar__btn i {
		font-size: 18px;
	}
}