/* =====================================================================
   ek-formlar.css — tasarımda OLMAYAN durumlar (prototip CSS'i değiştirilmez):
   1. Form hata metni · 2. Teşekkür kutusu (.s-randevu__kutu dili) · 3. Blog: yayımlanmış kart ızgarası aralığı, sayfalama · 4. Yorum listesi
   Yalnız mevcut belirteçler (tokens.css) kullanılır.
   ===================================================================== */

/* 1. Form hata */
.c-form__hata { margin: 0; font-family: var(--f-body); font-size: 13px; line-height: 20px; color: #b3261e; }
.c-form__hata--genel { margin: 0 0 16px; }
[aria-invalid="true"] { border-color: #b3261e !important; }

/* 2. Teşekkür kutusu (sayfa CSS'i yoksa da aynı görünsün) */
.c-form__tesekkur { padding: 28px; border: 1px solid var(--c-border); border-radius: 24px; background-color: var(--c-surface); }
.c-form__tesekkur:focus { outline: none; }
.c-form__tesekkur .s-randevu__kutu-baslik { margin: 0 0 8px; font-family: var(--f-display); font-size: 26px; font-weight: 500; line-height: 32px; color: var(--c-primary); }
.c-form__tesekkur-metin { margin: 0; font-family: var(--f-body); font-size: 15px; line-height: 1.6; color: var(--c-secondary); }

/* 3. Blog */
.s-bliste__izgara--yayin { margin-top: 24px; }
.s-bliste-kart__baslik a { color: inherit; text-decoration: none; }
.s-bliste__sayfalar { margin-top: 48px; }
.s-bliste__sayfalar ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.s-bliste__sayfalar .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 14px; border: 1px solid var(--c-border); border-radius: var(--radius-pill); background-color: var(--c-surface); color: var(--c-primary); font-family: var(--f-body); font-size: 14px; font-weight: 600; text-decoration: none; }
.s-bliste__sayfalar .page-numbers.current { background-color: var(--c-primary); border-color: var(--c-primary); color: var(--c-on-dark); }

/* 4. Yorum listesi */
.s-makale__yorumlar { margin: 0 0 48px; padding: 0; list-style: none; font-family: var(--f-body); font-size: 15px; line-height: 1.6; color: var(--c-secondary); }
.s-makale__yorumlar li + li { margin-top: 24px; }
.s-makale__yorumlar .children { margin: 24px 0 0 24px; padding: 0; list-style: none; }
.s-makale__yorumlar .comment-author { font-weight: 600; color: var(--c-primary); }
.s-makale__yorumlar .comment-meta a { color: var(--c-secondary); text-decoration: none; font-size: 13px; }