/* WhatsApp sipariş butonunun sabit yapısal ve hizalama ayarları. */
.whatsapp_ile_siparis_ver_butonu
{
	/* Butonun iç boşluklarını ayarlayarak dolgun görünmesini sağlarız. */
	padding: 15px 30px;
	/* Butonun köşelerini hafifçe yuvarlatırız. */
	border-radius: 8px;
	/* Bağlantı alt çizgisini kaldırırız. */
	text-decoration: none;
	/* Yazı tipini kalın (bold) olarak ayarlarız. */
	font-weight: bold;
	/* İkon ve metni yan yana hizalamak için esnek kutu (flex) modelini kullanırız. */
	display: inline-flex;
	/* İçerikleri dikey eksende tam ortaya hizalarız. */
	align-items: center;
	/* İkon ile metin arasına 8 piksellik bir boşluk bırakırız. */
	gap: 8px;
	/* Butonun üst kısımla arasına biraz boşluk ekleriz. */
	margin-top: 20px;
	/* Fare imlecini el işaretine çeviririz. */
	cursor: pointer;
	/* Fare ile üzerine gelindiğinde renk değişiminin yumuşak olmasını sağlarız. */
	transition: background-color 0.3s ease, outline 0.1s ease;
}

/* Açık (Light) tema tercih eden kullanıcılar için medya sorgusu (Media Query). */
@media (prefers-color-scheme: light)
{
	/* Klavyedeki Tab tuşu ile odaklanıldığında çalışacak açık tema erişilebilirlik ayarları. */
	.whatsapp_ile_siparis_ver_butonu:focus-visible
	{
		/* Açık temada dış çerçevenin net görünmesi için rengini koyu (siyah) yaparız. */
		outline: 3px solid #111111;
	}
}