/* Yazi sayfalari: baslik bloklari, okuma akiciligi, animasyonlar */

/* Satir araligi ve paragraf bosluklari.
   Elementor'un kendi tipografi kurallarini asmak icin !important gerekiyor. */
body.sl-article .elementor-widget-text-editor p {
	line-height: 1.85 !important;
	margin-bottom: 1.5em !important;
	letter-spacing: 0.01em;
}

body.sl-article .elementor-widget-text-editor li {
	line-height: 1.8 !important;
	margin-bottom: 0.5em;
}

body.sl-article .elementor-widget-heading .elementor-heading-title {
	line-height: 1.3;
}

/* Yazi icindeki tum gorseller: koseler yuvarlak, yatayda ortali */
body.sl-article .elementor-widget-image {
	text-align: center;
}

body.sl-article .elementor-widget-image img {
	border-radius: 12px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* ---------------------------------------------------------------
   Baslik bloklari: kartlik artik bolumde degil, sl-block'ta.
   Bolumler seffaf cerceveye doner; her baslik + altindaki icerik
   (article.js kurar) kendi yuzen blogunu alir.
   --------------------------------------------------------------- */
body.sl-article .e-con.e-parent {
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	overflow: visible !important;
	padding: 0 !important;
	margin-bottom: 0 !important;
}

body.sl-article .e-con.e-parent .e-con-inner,
body.sl-article .e-con.e-parent .e-con {
	background: transparent !important;
	padding: 0 !important;
	gap: 0 !important;
}

body.sl-article .sl-block {
	background: #f2dbb4;
	border-radius: 16px;
	box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1);
	padding: 30px 38px;
	margin-bottom: 22px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Uzerine gelince VEYA ekranin ortasina geldiginde blok butun
   halinde one cikar */
body.sl-article .sl-block:hover,
body.sl-article .sl-block--focus {
	transform: translateY(-5px);
	box-shadow: 0 14px 32px rgba(0, 0, 0, 0.16);
}

/* Medya bloklari: gorseller/videolar tanimli kendi float alaninda,
   hepsi ayni dis olcuye kilitli (3:2 kutu; icerik kirpilmadan sigar) */
body.sl-article .sl-block--media {
	padding: 18px;
}

body.sl-article .sl-block--media a {
	display: block;
	width: 100%;
}

body.sl-article .sl-block--media img,
body.sl-article .sl-block--media video,
body.sl-article .sl-block--media iframe {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: contain;
	border-radius: 12px;
	display: block;
}

/* Video da gorsellerle ayni 3:2 kutuya kilitlenir (Elementor'un
   oran sarmalayicisi etkisiz kalir; player kutuya sigar) */
body.sl-article .sl-block--media .elementor-widget-video .elementor-wrapper {
	padding-bottom: 0 !important;
	aspect-ratio: 3 / 2;
	height: auto;
}

body.sl-article .sl-block--media .elementor-widget {
	margin-bottom: 14px;
}

body.sl-article .sl-block--media .elementor-widget:last-child {
	margin-bottom: 0;
}

@media (max-width: 768px) {
	body.sl-article .sl-block {
		padding: 22px 20px;
	}
}

/* Kaydirdikca yumusakca belirme (sinif JS ile eklenir; JS calismazsa
   hicbir sey gizlenmez, yazi normal gorunur) */
body.sl-article .sl-reveal {
	opacity: 0;
	transform: translateY(16px);
	transition: opacity 0.7s ease, transform 0.7s ease;
}

body.sl-article .sl-reveal.sl-reveal--in {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	body.sl-article .sl-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}

	body.sl-article .sl-block,
	body.sl-article .sl-block:hover,
	body.sl-article .sl-block--focus {
		transform: none;
		transition: none;
	}
}