/**
 * Mobil alt iletişim çubuğu — yalnızca mobil.
 * Sol: solgun WhatsApp | Sağ: dikkat çekici Telefon et (kraft / turuncu)
 */

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

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

	.kutu-mobile-bar {
		display: flex;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 99998;
		height: 56px;
		box-shadow: 0 -6px 24px rgba(74, 55, 40, 0.28);
	}

	.kutu-mobile-bar__btn {
		flex: 1 1 50%;
		width: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		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;
	}

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

	/* WhatsApp — solgun / muted */
	.kutu-mobile-bar__btn--whatsapp {
		background: linear-gradient(135deg, #6b5a48 0%, #7d6a55 55%, #8a7660 100%);
		border-right: 1px solid rgba(255, 255, 255, 0.1);
		color: rgba(190, 220, 175, 0.85) !important;
	}

	.kutu-mobile-bar__btn--whatsapp span,
	.kutu-mobile-bar__btn--whatsapp i {
		color: rgba(190, 220, 175, 0.85) !important;
		opacity: 0.9;
	}

	.kutu-mobile-bar__btn--whatsapp:hover,
	.kutu-mobile-bar__btn--whatsapp:active {
		background: linear-gradient(135deg, #75634f 0%, #87735d 55%, #94826c 100%);
		filter: brightness(1.05);
	}

	.kutu-mobile-bar__btn--whatsapp:hover span,
	.kutu-mobile-bar__btn--whatsapp:hover i,
	.kutu-mobile-bar__btn--whatsapp:active span,
	.kutu-mobile-bar__btn--whatsapp:active i {
		color: rgba(200, 230, 185, 0.95) !important;
	}

	/* Telefon et — dikkat çekici, tema turuncu/kraft */
	.kutu-mobile-bar__btn--phone {
		position: relative;
		overflow: hidden;
		background: linear-gradient(135deg, #e07b24 0%, #c45f0a 50%, #a34f08 100%);
		animation: kutu-phone-bar-pulse 2.2s ease-in-out infinite;
	}

	.kutu-mobile-bar__btn--phone::before {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(
			105deg,
			transparent 0%,
			rgba(255, 249, 240, 0.15) 42%,
			rgba(255, 255, 255, 0.45) 50%,
			rgba(255, 249, 240, 0.15) 58%,
			transparent 100%
		);
		background-size: 200% 100%;
		animation: kutu-phone-shine 2.5s linear infinite;
		pointer-events: none;
	}

	.kutu-mobile-bar__btn--phone::after {
		content: "";
		position: absolute;
		inset: 2px;
		border: 1px solid rgba(255, 249, 240, 0.35);
		border-radius: 2px;
		pointer-events: none;
		z-index: 0;
	}

	.kutu-mobile-bar__btn--phone span {
		position: relative;
		z-index: 1;
		font-weight: 800;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		color: #fff9f0 !important;
		text-shadow:
			0 0 6px rgba(255, 249, 240, 0.85),
			0 0 14px rgba(224, 123, 36, 0.9),
			0 1px 2px rgba(74, 55, 40, 0.45);
		animation: kutu-phone-text-glow 1.4s ease-in-out infinite alternate;
	}

	.kutu-mobile-bar__btn--phone i {
		position: relative;
		z-index: 1;
		color: #fff9f0 !important;
		filter: drop-shadow(0 0 4px rgba(255, 249, 240, 0.8)) drop-shadow(0 0 8px rgba(196, 95, 10, 0.7));
		animation: kutu-phone-icon-bounce 1.4s ease-in-out infinite;
	}

	.kutu-mobile-bar__btn--phone:hover,
	.kutu-mobile-bar__btn--phone:active {
		background: linear-gradient(135deg, #f08a32 0%, #e07b24 45%, #c45f0a 100%);
	}

	@keyframes kutu-phone-bar-pulse {
		0%,
		100% {
			box-shadow: inset 0 0 0 2px rgba(255, 249, 240, 0.35);
		}
		50% {
			box-shadow:
				inset 0 0 0 2px rgba(255, 249, 240, 0.65),
				0 0 18px rgba(224, 123, 36, 0.55);
		}
	}

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

	@keyframes kutu-phone-text-glow {
		0% {
			text-shadow:
				0 0 6px rgba(255, 249, 240, 0.75),
				0 0 12px rgba(224, 123, 36, 0.7),
				0 1px 2px rgba(74, 55, 40, 0.4);
		}
		100% {
			text-shadow:
				0 0 10px #ffffff,
				0 0 18px rgba(255, 200, 120, 0.95),
				0 0 28px rgba(224, 123, 36, 0.85);
		}
	}

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

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

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

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

@media (prefers-reduced-motion: reduce) {
	.kutu-mobile-bar__btn--phone,
	.kutu-mobile-bar__btn--phone::before,
	.kutu-mobile-bar__btn--phone span,
	.kutu-mobile-bar__btn--phone i {
		animation: none;
	}
}