/* ==========================================================================
   Tek buton sistemi (functions.php, body.cn-btns)
   Sitede 19 farklı buton görünümü vardı (gradyan, 4 köşe değeri, 600–900 ağırlık, 15–18 px).
   Hepsi iki stile indirildi:
     Birincil  — dolu #2563eb, beyaz yazı (5,2:1), köşe 12 px, Inter 600 16 px
     İkincil   — çerçeveli; açık zeminde koyu yazı, koyu zeminde beyaz yazı
   Elementor eleman stilleri (0,4,0 özgüllük) ve HTML bloklarının içindeki <style> etiketleri
   sayfada bu dosyadan sonra geldiği için özellikler !important ile sabitlenir.
   ========================================================================== */

.cn-btns {
	--btn-bg: #2563eb;
	--btn-bg-hover: #1d4ed8;
	--btn-radius: 12px;
	--btn-pad-y: 16px;
	--btn-pad-x: 28px;
	--btn-font: 600 16px/1.2 "Inter", system-ui, sans-serif;
	--btn-ring-light: rgba(37, 99, 235, .35);
	--btn-ring-dark: rgba(255, 255, 255, .35);
}

/* Ortak ölçü --------------------------------------------------------------- */
.cn-btns :is(
	.btn, .cn-btn, .btn-primary, .btn-secondary, .cta-button, .elementor-widget-tg-btn .tg-btn, .elementor-button,
	.rs-primary, .rs-secondary, .cn-pf-btn, .project-link,
	.creative-btn, .creative-btn-white, .elegant-btn,
	a.rounded-xl.bg-blue-500, a.rounded-xl.border-2,
	.comment-form .submit, .wpforms-form button.wpforms-submit
) {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: var(--btn-pad-y) var(--btn-pad-x) !important;
	border-radius: var(--btn-radius) !important;
	font: var(--btn-font) !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-decoration: none !important;
	box-shadow: none !important;
	transition: background-color .2s, border-color .2s, color .2s, transform .2s !important;
}
.cn-btns :is(.btn-primary, .btn-secondary, .cta-button, .elementor-widget-tg-btn .tg-btn, .elementor-button, .rs-primary, .rs-secondary, .cn-pf-btn, .project-link, .creative-btn, .creative-btn-white, .elegant-btn, a.rounded-xl.bg-blue-500, a.rounded-xl.border-2) * {
	font-family: inherit !important;
	font-weight: inherit !important;
	font-size: inherit !important;
	letter-spacing: inherit !important;
}
/* Bloklardaki "w-full" tam genişlik butonlar (fiyat kartları, formlar) tam genişlik kalsın. */
.cn-btns :is(.btn-primary, .btn-secondary, .cta-button).w-full { display: flex !important; width: 100%; }

/* Birincil ---------------------------------------------------------------- */
.cn-btns :is(
	.btn, .cn-btn, .btn-primary, .cta-button, .elementor-widget-tg-btn .tg-btn, .elementor-button, .rs-primary, .cn-pf-btn.is-primary,
	.creative-btn, a.rounded-xl.bg-blue-500, .comment-form .submit, .wpforms-form button.wpforms-submit
) {
	background: var(--btn-bg) !important;
	color: #fff !important;
	border: 1px solid var(--btn-bg) !important;
}
.cn-btns :is(.btn-primary, .cta-button, .elementor-widget-tg-btn .tg-btn, .elementor-button, .rs-primary, .cn-pf-btn.is-primary, .creative-btn, a.rounded-xl.bg-blue-500) * { color: #fff !important; }
.cn-btns :is(
	.btn, .cn-btn, .btn-primary, .cta-button, .elementor-widget-tg-btn .tg-btn, .elementor-button, .rs-primary, .cn-pf-btn.is-primary,
	.creative-btn, a.rounded-xl.bg-blue-500, .comment-form .submit, .wpforms-form button.wpforms-submit
):is(:hover, :focus-visible) {
	background: var(--btn-bg-hover) !important;
	border-color: var(--btn-bg-hover) !important;
	transform: translateY(-1px);
}

/* İkincil — açık zemin ------------------------------------------------------ */
.cn-btns :is(.btn-secondary, .creative-btn-white, .elegant-btn, a.rounded-xl.border-2) {
	background: transparent !important;
	color: #0a0c00 !important;
	border: 1.5px solid var(--btn-ring-light) !important;
}
.cn-btns :is(.btn-secondary, .creative-btn-white, .elegant-btn, a.rounded-xl.border-2):is(:hover, :focus-visible) {
	border-color: var(--btn-bg) !important;
	color: #1d5fd1 !important;
	transform: translateY(-1px);
}

/* İkincil — koyu zemin (proje sayfası üst alanı, ilgili hizmet kutusu, portfolyo kapanışı) --- */
.cn-btns :is(.rs-secondary, .cn-pf-btn:not(.is-primary), .project-link) {
	background: transparent !important;
	color: #fff !important;
	border: 1.5px solid var(--btn-ring-dark) !important;
}
.cn-btns :is(.rs-secondary, .cn-pf-btn:not(.is-primary), .project-link):is(:hover, :focus-visible) {
	border-color: #fff !important;
	background: rgba(255, 255, 255, .08) !important;
	transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
	.cn-btns :is(.btn-primary, .btn-secondary, .cta-button, .elementor-widget-tg-btn .tg-btn, .elementor-button, .rs-primary, .rs-secondary, .cn-pf-btn, .project-link, .creative-btn, .creative-btn-white, .elegant-btn, a.rounded-xl) { transform: none !important; }
}