/*
 * Yazi icindeki CTA kutusu ([hermest_cta]).
 *
 * Kutunun gorunumu -- acik zemin, solda baslik/metin, sagda ok rozetli hap
 * dugme -- temanin kendi "Assessment" seridinden geliyor; shortcode o bolumun
 * sinif adlarini (.hermest-fue-assessment__*) yeniden kullaniyor ve stiller
 * app.css'te duruyor. Buraya kopyalanmadi: kopyalansaydi app.css'teki kutu bir
 * gun degistiginde blog CTA'si eski gorunumde kalir, iki tasarim sessizce
 * ayrilirdi.
 *
 * Geriye yalnizca kutunun yazi akisi icinde durmasi icin gereken bosluk
 * kaliyor -- app.css'teki bolum kendi <section>'inin dikey boslugunu
 * kullaniyor, burada oyle bir sarmalayici yok.
 *
 * Dosya derleme disinda: tema stili baska bir yerde Tailwind ile derlenip
 * assets/dist'e yukleniyor, derlenmis dosyaya elle eklenen kural bir sonraki
 * derlemede kaybolurdu.
 */

.hermest-post-cta {
	/*
	 * Ustten biraz daha genis: kutu kendinden onceki paragrafa ait gibi
	 * degil, ayri bir durak gibi okunsun.
	 */
	margin: 2.75rem 0 2.25rem;
}

/*
 * Editor shortcode'u kendi satirina yazdiginda WordPress onu bir <p> icine
 * sarabiliyor. shortcode_unautop cogu durumu temizliyor; gectigi hallerde o
 * <p>'nin kendi alt boslugu kutunun altinda ikinci bir bosluk birakiyordu.
 */
p > .hermest-post-cta {
	margin-block: 0;
}

@media (max-width: 600px) {
	.hermest-post-cta {
		margin: 2rem 0 1.75rem;
	}
}

/*
 * Dugmenin beyaz yazisi.
 *
 * Shortcode kutuya not-prose koyuyor ve bu, yazi govdesinin Tailwind
 * Typography kurallarini (link rengi, font-weight, altcizgi) kapatiyor. Ama
 * temanin KENDI link kurali prose'un disinda duruyor:
 *
 *   .hermest-single__content a { color: #0d7c8f }
 *
 * Ozgullugu (0,1,1); butonun kendi kuralindan (.hermest-fue-assessment__cta,
 * 0,1,0) yuksek oldugu icin hap dugme lacivert zeminde turkuaz yaziyla
 * cikiyordu -- not-prose bu kurala dokunamaz, cunku o kural prose'a ait degil.
 * Asagidaki secici (0,3,0) ile onu geciyor.
 *
 * :hover da yaziliyor: tema ayni yerde a:hover icin #004057 veriyor, o da
 * lacivert zeminde okunmuyordu.
 *
 * Renk sabit yazilmiyor, app.css'in kullandigi degiskenin aynisi kullaniliyor;
 * tema beyazi bir gun degisirse dugme de onunla degissin.
 */
.hermest-single__content .hermest-post-cta .hermest-fue-assessment__cta,
.hermest-single__content .hermest-post-cta .hermest-fue-assessment__cta:hover,
.hermest-single__content .hermest-post-cta .hermest-fue-assessment__cta:focus {
	color: var(--color-white, #fff);
}