/*
 * Cappo — yasal / metin sayfaları ("Cappo Yasal Sayfa" şablonu). Yalnız o şablonda yüklenir (inc/enqueue.php).
 * Açık zemin + yapışkan header base.css'te (body.cappo-acik). Hikâyemiz sayfasıyla aynı ölçüler (hikayemiz.css);
 * içerik editörden/Elementor'dan geldiği için etiket bazlı tipografi. !important yok.
 */

.cappo-yasal {
	max-width: 1080px;
	margin: 0 auto;
	padding: clamp(44px, 7vw, 88px) 40px clamp(60px, 8vw, 110px);
	font-size: 17px;
	line-height: 1.7;
	color: var(--kahve);
}
.cappo-yasal__bas { max-width: 70ch; margin-bottom: clamp(28px, 4vw, 44px); padding-bottom: clamp(20px, 3vw, 28px); border-bottom: 1px solid var(--cizgi-acik); }
.cappo-sayfa .cappo-yasal__baslik {
	margin: 0;
	font-size: clamp(38px, 6vw, 72px);
	line-height: .98;
	letter-spacing: -.015em;
	color: var(--bazalt);
}
.cappo-yasal__tarih { margin: 14px 0 0; font-size: .8rem; letter-spacing: .04em; color: var(--is); }

/* Gövde: 70ch ölçü; uzun URL/e-posta kırılır (canlıda 3'e gömülü iyzico şablonunda kırılmayan dize 390px'te 64px taşırdı, ölçüldü);
 * Elementor sarmalayıcıları (canlıda 3 ve 9) genişliği bozmasın */
.cappo-yasal__icerik { max-width: 70ch; overflow-wrap: anywhere; min-width: 0; }
.cappo-yasal__icerik .elementor-section,
.cappo-yasal__icerik .elementor-container,
.cappo-yasal__icerik .e-con { max-width: 100%; }
.cappo-yasal__icerik .elementor-widget-container { margin: 0; }
/* Elementor kit/post CSS gri metin (#7a7a7a, tuf'ta 3,4:1) ve gri başlık basar; özgüllük (0,4,0) > post CSS (0,3,0) */
.cappo-sayfa .cappo-yasal__icerik .elementor-widget-text-editor .elementor-widget-container,
.cappo-sayfa .cappo-yasal__icerik .elementor-widget-text-editor .elementor-widget-container p,
.cappo-sayfa .cappo-yasal__icerik .elementor-widget-text-editor .elementor-widget-container li { color: var(--kahve); font-size: 17px; line-height: 1.7; }
.cappo-sayfa .cappo-yasal__icerik .elementor-widget-heading .elementor-widget-container .elementor-heading-title { color: var(--bazalt); }
/* Elementor'un kendi h1'i (canlıda 3 ve 9) sayfa başlığı gibi: şablon ikinci h1 basmaz */
.cappo-sayfa .is-elementor .cappo-yasal__icerik h1 {
	margin: 0 0 clamp(28px, 4vw, 44px);
	padding-bottom: clamp(20px, 3vw, 28px);
	border-bottom: 1px solid var(--cizgi-acik);
	font-size: clamp(38px, 6vw, 72px);
	line-height: .98;
	letter-spacing: -.015em;
	font-weight: 400;
	color: var(--bazalt);
}

.cappo-yasal__icerik p { margin: 0 0 1.1em; }
.cappo-sayfa .cappo-yasal__icerik h2,
.cappo-sayfa .cappo-yasal__icerik h3,
.cappo-sayfa .cappo-yasal__icerik h4 { color: var(--bazalt); letter-spacing: -.01em; margin: 2.2em 0 .7em; font-weight: 400; } /* 400: Elementor kit 600 ister, Bodoni değişkeni 400–500 → sahte kalın hayalet yapıyordu */
.cappo-sayfa .cappo-yasal__icerik h2 { font-size: clamp(24px, 3vw, 32px); line-height: 1.15; }
.cappo-sayfa .cappo-yasal__icerik h3 { font-size: clamp(20px, 2.4vw, 24px); line-height: 1.2; letter-spacing: 0; }
.cappo-sayfa .cappo-yasal__icerik h4 { font-family: var(--sans); font-size: 1rem; font-weight: 500; letter-spacing: .02em; }
.cappo-yasal__icerik h2:first-child, .cappo-yasal__icerik h3:first-child { margin-top: 0; }

.cappo-yasal__icerik ul, .cappo-yasal__icerik ol { margin: 0 0 1.2em; padding-left: 1.4em; }
.cappo-yasal__icerik li { margin: 0 0 .45em; }
.cappo-yasal__icerik li::marker { color: var(--is); }
.cappo-yasal__icerik strong, .cappo-yasal__icerik b { font-weight: 500; color: var(--bazalt); }
.cappo-yasal__icerik a { color: var(--bazalt); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--cizgi-acik); transition: text-decoration-color var(--sure-hover); }
.cappo-yasal__icerik a:hover { text-decoration-color: var(--bazalt); }
.cappo-yasal__icerik hr { border: 0; border-top: 1px solid var(--cizgi-acik); margin: 2em 0; }
.cappo-yasal__icerik blockquote { margin: 1.5em 0; padding-left: 1.2em; border-left: 2px solid var(--cizgi-acik); color: var(--is); }

/* Tablolar (sözleşme özet tabloları): tam genişlik, ince ayraçlar, dar ekranda yatay kaydırma */
.cappo-yasal__icerik table { width: 100%; border-collapse: collapse; margin: 1.4em 0; font-size: .95rem; }
.cappo-yasal__icerik th, .cappo-yasal__icerik td { padding: .7em .8em; border-bottom: 1px solid var(--cizgi-acik); text-align: left; vertical-align: top; }
.cappo-yasal__icerik th { font-weight: 500; color: var(--bazalt); border-bottom-color: var(--bazalt); }
.cappo-yasal__icerik figure.wp-block-table { margin: 1.4em 0; overflow-x: auto; }

/* Sayfa içi yer tutucu / taslak yorumu görünmez (HTML yorum zaten basılmaz); [[ ]] alanları editörden doldurulur */

@media (max-width: 900px) {
	.cappo-yasal { padding-left: 22px; padding-right: 22px; }
	.cappo-yasal__icerik table { display: block; overflow-x: auto; }
}