/*
 * E2 — Teşekkür sayfası WhatsApp butonu.
 * Palet: css/palette.css · Mantık: inc/thankyou-whatsapp.php
 * Stil dili: product-buttons.css'teki .ilgin-wa-order (yeşil outline → hover dolgu) ile tutarlı,
 * ama burada sol açıklama + sağ buton düzeni (teşekkür sayfası daha geniş).
 */
.ilgin-ty-wa {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	flex-wrap: wrap;
	margin: 22px 0 8px;
	padding: 18px 20px;
	background: var(--ilgin-cream, #fdfbf7);
	border: 1px solid #e3ece5;
	border-left: 3px solid var(--ilgin-green, #1f9d55);
	border-radius: 2px;
}
/* wpautop, teşekkür sayfası Elementor içeriğinde araya <p> sokabiliyor — zararsızlaştır. */
.ilgin-ty-wa p { margin: 0; }

.ilgin-ty-wa-text {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 220px;
	flex: 1 1 auto;
}
/* Buton sarmalayıcısı (wpautop <a>'yı sarmasın diye blok) — görsel olarak butonun kendisi belirleyici */
.ilgin-ty-wa-cta {
	flex: 0 0 auto;
	display: flex;
}
.ilgin-ty-wa-title {
	font-size: 15.5px;
	font-weight: 700;
	color: var(--ilgin-text, #1e1e1e);
}
.ilgin-ty-wa-desc {
	font-size: 13px;
	line-height: 1.45;
	color: #5a5158;
}

/* Buton — yeşil outline → hover dolgu (product-buttons deseni) */
.ilgin-ty-wa-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	flex: 0 0 auto;
	height: 50px;
	padding: 0 22px;
	border-radius: 2px;
	background: var(--ilgin-green, #1f9d55);
	color: #fff;
	border: 1.5px solid var(--ilgin-green, #1f9d55);
	text-decoration: none;
	font-size: 13.5px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	transition: all 0.18s ease;
}
.ilgin-ty-wa-btn:hover {
	background: var(--ilgin-green-dk, #178045);
	border-color: var(--ilgin-green-dk, #178045);
	color: #fff;
}
.ilgin-ty-wa-btn svg {
	flex: 0 0 auto;
}

@media (max-width: 540px) {
	.ilgin-ty-wa {
		flex-direction: column;
		align-items: stretch;
		text-align: left;
	}
	.ilgin-ty-wa-btn {
		width: 100%;
	}
}