/**
 * Program detay sayfası: destek kartları, numaralı adımlar, SSS akordeonu.
 */

.tume-program-sayfa__ozet {
	max-width: 62ch;
	margin: 0 auto;
	text-align: center;
	font-size: var(--wp--preset--font-size--md);
	color: #4a4a4a;
}

.tume-program-sayfa__icerik > * {
	margin-bottom: 1.25rem;
}

.tume-program-sayfa__icerik h2 {
	margin-top: 2.75rem;
}

/* ---------- Başvuru çağrısı ---------- */

.tume-program-sayfa__cta {
	padding-block: clamp(2rem, 4vw, 3rem);
	background: var(--c-acik-yesil);
}

/*
 * Başvuru çağrısı istenmeyen program sayfaları.
 *
 * Bu sayfalar kendi çağrı bandını blok editöründen, içeriğin istedikleri
 * yerine koyuyor; altta bir de şablonunki çıkınca band iki kez görünüyor.
 * Şablon kodu duruyor, yalnızca burada gizleniyor. Gizlenen sınıf
 * (.tume-program-sayfa__cta) yalnızca şablona ait — editörden yerleştirilen
 * .tume-basvuru-cta blokları bu kuraldan etkilenmez.
 *
 * Sayfa kimliğine bağlıdır (gövde sınıfı `page-id-N`):
 *   15 → TEKNOFEST Tarım Teknolojileri Yarışması
 *   12 → Eğitim & Staj
 *   14 → TÜME Tarım Girişimcisi
 *   11 → Ar-Ge & Startup
 *   13 → Yatırımcı Programı
 * Yeni bir sayfayı listeye eklemek için kimliğini buraya yaz.
 */
body.page-id-15 .tume-program-sayfa__cta,
body.page-id-12 .tume-program-sayfa__cta,
body.page-id-14 .tume-program-sayfa__cta,
body.page-id-11 .tume-program-sayfa__cta,
body.page-id-13 .tume-program-sayfa__cta {
	display: none;
}

.tume-basvuru-cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 1.5rem;
	padding: clamp(1.5rem, 3vw, 2.2rem);
	background: url(../img/CTA_box_tarimgirisimci.png), linear-gradient(90deg, var(--c-koyu) 30%, var(--c-yesil) 100%);
	background-position: 90%;
	background-repeat: no-repeat;
	background-size: auto 150%;
	border-radius: var(--r-lg);
	color: var(--c-beyaz);
}

.tume-basvuru-cta__baslik {
	margin: 0 0 0.4rem;
	font-size: var(--wp--preset--font-size--xl);
	color: var(--c-beyaz);
}

.tume-basvuru-cta__metin {
	margin: 0;
	max-width: 62ch;
	font-size: var(--wp--preset--font-size--sm);
	color: rgba(255, 255, 255, 0.85);
}

.tume-basvuru-cta__buton {
	flex: 0 0 auto;
	font-size: var(--wp--preset--font-size--medium);
}
.tf-cta .tume-basvuru-cta {
	background: url(../img/CTA_box_yarismaci.png), linear-gradient(90deg, #A02000 30%, #FF0000 100%);
	background-position: 90%;
	background-repeat: no-repeat;
	background-size: auto 150%;
}
.es-cta .tume-basvuru-cta {
	background: url(../img/CTA_box_egitimstaj.png), linear-gradient(90deg, #071826 30%, #A3E645 100%);
	background-position: 90%;
	background-repeat: no-repeat;
	background-size: auto 150%;
}
.yt-cta .tume-basvuru-cta {
	background: url(../img/CTA_box_yatirimci.png), linear-gradient(90deg, #071826 30%, #4584b5 100%);
	background-position: 90%;
	background-repeat: no-repeat;
	background-size: auto 150%;
}
.ag-cta .tume-basvuru-cta {
	background: url(../img/CTA_box_arge.png), linear-gradient(90deg, var(--c-koyu) 30%, var(--c-gri) 100%);
	background-position: 90%;
	background-repeat: no-repeat;
	background-size: auto 150%;
}
.kr-cta .tume-basvuru-cta {
	background: url(../img/CTA_box_kariyer.png), linear-gradient(90deg, var(--c-koyu) 30%, var(--c-yesil) 100%);
	background-position: 90%;
	background-repeat: no-repeat;
	background-size: auto 150%;
}

@media (max-width: 560px) {
	.tume-basvuru-cta, .ag-cta .tume-basvuru-cta, .kr-cta .tume-basvuru-cta, .yt-cta .tume-basvuru-cta, .es-cta .tume-basvuru-cta, .tf-cta .tume-basvuru-cta  {
		background-position: calc(100% + 150px) center, center;
		background-size: auto 100%;
		background-repeat: no-repeat;

	}
}