/**
 * Homepage kart CTA + placeholder görsel iyileştirmesi.
 *
 * Bricks'in "Basic" buton renk varyantı (.bricks-background-basic) hiçbir
 * yerde tanımlı değil (Style Manager'da boş, frontend-layer.min.css'te
 * karşılığı yok) — bu yüzden "İncele", "Devamını Oku", "Web Sitesi",
 * "Yazıyı Oku" gibi ikincil CTA'lar düz metin gibi görünüyordu. Burada
 * sıfırdan, mevcut marka token'larıyla (Navy/Teal) tanımlanıyor.
 */
.bricks-button.bricks-background-basic {
	border: 1px solid #57BEC7;
	border-radius: 8px;
	color: #353794;
	font-weight: 600;
	transition: background-color 200ms ease, border-color 200ms ease;
}

.bricks-button.bricks-background-basic::after {
	content: "\2192";
	transition: transform 200ms ease;
}

.bricks-button.bricks-background-basic:hover {
	background-color: rgba(87, 190, 199, 0.08);
	border-color: #353794;
}

.bricks-button.bricks-background-basic:hover::after {
	transform: translateX(3px);
}

/* Komisyon kartlarında "Biyografiyi Gör" ayrı bir buton değil, tüm kartı
 * saran linkin içindeki düz metin — aynı "ok işaretli link" dilini
 * buton olmadan, kartın kendi hover durumuna bağlı olarak uygular. */
.brxe-30fzn1 {
	font-weight: 600;
}

.brxe-30fzn1::after {
	content: "\2192";
	margin-left: 4px;
	display: inline-block;
	transition: transform 200ms ease;
}

.brxe-j0495t:hover .brxe-30fzn1::after {
	transform: translateX(3px);
}

/* Komisyonlar arşiv sayfası (/komisyonlar/) ayrı bir Bricks şablonu —
 * yukarıdakiyle aynı görsel dili, farklı element ID'leriyle tekrarlanır. */
.brxe-olymd7 {
	font-weight: 600;
}

.brxe-olymd7::after {
	content: "\2192";
	margin-left: 4px;
	display: inline-block;
	transition: transform 200ms ease;
}

.brxe-w0klf1:hover .brxe-olymd7::after {
	transform: translateX(3px);
}

/* Komisyon kartı fotoğrafları: ince teal çerçeve (marka rengi), hover'da
 * navy'ye dönüşür. Aynı görsel dil hem anasayfa hem /komisyonlar/
 * arşivinde tekrarlanır (farklı element ID'leriyle). */
.brxe-4d7r9j,
.brxe-j836q3 {
	border: 2px solid #57BEC7;
	transition: border-color 250ms ease;
}

.brxe-j0495t:hover .brxe-4d7r9j,
.brxe-w0klf1:hover .brxe-j836q3 {
	border-color: #353794;
}

/* Öne Çıkan Eğitimler kartlarındaki "Eğitim Görseli" yazısı, editör
 * placeholder'ı olarak canlıya sızmıştı. Sitenin geri kalanında zaten
 * kullanılan placeholder görsel dilini (bkz. avatar-placeholder.svg,
 * aynı #F1F5F9/#CBD5E1 tonları) burada da uygulayan bir simgeyle
 * değiştiriliyor; ham metin görsel olarak gizleniyor. */
#brxe-btj0om,
#brxe-s3u7e5,
#brxe-ou3sbv {
	background-image: url("../images/course-placeholder.svg");
	background-size: cover;
	background-position: center;
}

#brxe-myppc8,
#brxe-jwdgvz,
#brxe-tm49sm {
	font-size: 0;
	line-height: 0;
}