/**
 * Odo Single Project Block – yüzdelik kolonlar (zigzag HTML yapısı + proje blokları JS/CSS)
 */

/* min-height: özel değer --odo-spb-min-height (inline); yoksa zigzag --odo-pb-height (~70vh) */
.odo-project-blocks.odo-single-pb .odo-pb-section {
	min-height: var(--odo-spb-min-height, var(--odo-pb-height));
}

.odo-project-blocks.odo-single-pb .odo-pb-section.odo-pb--img-left {
	grid-template-columns: var(--odo-spb-media-pct, 50%) var(--odo-spb-text-pct, 50%);
}

.odo-project-blocks.odo-single-pb .odo-pb-section.odo-pb--img-right {
	grid-template-columns: var(--odo-spb-text-pct, 50%) var(--odo-spb-media-pct, 50%);
}

/*
 * Metin hizası — zigzag’taki img-left/right ile gelen text-align/justify-content bu sınıflarla seçime göre ezilir.
 */
.odo-project-blocks.odo-single-pb.odo-spb--text-left .odo-pb__content-wrap {
	justify-content: flex-start;
	text-align: left;
}

.odo-project-blocks.odo-single-pb.odo-spb--text-left .odo-pb__content {
	margin-left: 0;
	margin-right: auto;
	text-align: left;
}

.odo-project-blocks.odo-single-pb.odo-spb--text-center .odo-pb__content-wrap {
	justify-content: center;
	text-align: center;
}

.odo-project-blocks.odo-single-pb.odo-spb--text-center .odo-pb__content {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.odo-project-blocks.odo-single-pb.odo-spb--text-right .odo-pb__content-wrap {
	justify-content: flex-end;
	text-align: right;
}

.odo-project-blocks.odo-single-pb.odo-spb--text-right .odo-pb__content {
	margin-left: auto;
	margin-right: 0;
	text-align: right;
}

.odo-project-blocks.odo-single-pb.odo-spb--text-justify .odo-pb__content-wrap {
	justify-content: center;
	text-align: justify;
}

.odo-project-blocks.odo-single-pb.odo-spb--text-justify .odo-pb__content {
	box-sizing: border-box;
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
	width: 100%;
	text-align: justify;
}

/* Metin alanı: zigzag ile uyumlu tipografi; zengin içerik için paragraflar */
.odo-project-blocks.odo-single-pb .odo-spb__text > *:first-child {
	margin-top: 0;
}

.odo-project-blocks.odo-single-pb .odo-spb__text > *:last-child {
	margin-bottom: 0;
}

/*
 * Metin rengi – varsayılan siyah. WPBakery "Renkler" tab'ındaki seçiciden gelen değer
 * wrapper'a inline stil olarak --odo-spb-text-color ile yazılır; hem paragraf hem başlık
 * hem de zengin içerikteki diğer metin öğeleri bu değeri kullanır.
 */
.odo-project-blocks.odo-single-pb .odo-spb__text,
.odo-project-blocks.odo-single-pb .odo-spb__text p,
.odo-project-blocks.odo-single-pb .odo-spb__text li,
.odo-project-blocks.odo-single-pb .odo-spb__text span,
.odo-project-blocks.odo-single-pb .odo-spb__text strong,
.odo-project-blocks.odo-single-pb .odo-spb__text em,
.odo-project-blocks.odo-single-pb .odo-spb__text h1,
.odo-project-blocks.odo-single-pb .odo-spb__text h2,
.odo-project-blocks.odo-single-pb .odo-spb__text h3,
.odo-project-blocks.odo-single-pb .odo-spb__text h4,
.odo-project-blocks.odo-single-pb .odo-spb__text h5,
.odo-project-blocks.odo-single-pb .odo-spb__text h6 {
	color: var(--odo-spb-text-color, #000000);
}

.odo-project-blocks.odo-single-pb .odo-spb__text p {
	line-height: 1.55;
}

@media (max-width: 900px) {
	/* Zigzag ile uyum: özel yükseklik yoksa veya mobilde uygulanmayacaksa min-height sıfırlanır */
	.odo-project-blocks.odo-single-pb:not(.odo-spb--height-mobile) .odo-pb-section {
		min-height: auto;
	}

	.odo-project-blocks.odo-single-pb.odo-spb--height-mobile .odo-pb-section {
		min-height: var(--odo-spb-min-height, auto);
	}

	.odo-project-blocks.odo-single-pb .odo-pb-section.odo-pb--img-left,
	.odo-project-blocks.odo-single-pb .odo-pb-section.odo-pb--img-right {
		grid-template-columns: 1fr;
	}

	/*
	 * Mobilde yatay padding: ortak project-blocks CSS'i .odo-pb__content-wrap için 1.5rem
	 * (root 15px ayarında ≈22.5px) veriyordu. Single Project Block için yatayda 5px olsun.
	 * Dikey 2rem aynen korunur.
	 */
	.odo-project-blocks.odo-single-pb .odo-pb__content-wrap {
		padding-left: 10px;
		padding-right: 10px;
	}
}