/*
Theme Name: Karakoç TT5 Child
Template: twentytwentyfive
Description: Twenty Twenty-Five alt teması – okunabilirlik, tek H1, yorumlar kapalı.
Version: 1.0.33
Requires at least: 6.7
Text Domain: karakoc-tt5-child
License: GPL-2.0-or-later
*/

/* Visually hidden but available to screen readers / search engines (used for H1 where the design has none) */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}

/* Long-form reading */
.wp-block-post-content{max-width:70ch;margin-inline:auto}.wp-block-post-content.alignfull{margin-inline:max(calc(-1*var(--wp--style--root--padding-left,0px)),calc(50% - 35ch))!important}
.wp-block-post-content p,.wp-block-post-content li{line-height:1.7}
.wp-block-post-content a{text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px}
.wp-block-post-content :where(h2,h3,h4){line-height:1.3;margin-top:2em}
p,li{overflow-wrap:break-word;hyphens:manual}

/* Accessible focus */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #1a4d8f;outline-offset:2px;border-radius:2px}
.has-background-color :where(a,button):focus-visible,[style*="background-color:#1e1e1a"] :where(a,button):focus-visible{outline-color:#ffd166}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Adım 11: Son yazılar */
.son-yazilar .wp-block-post-title{margin:0;line-height:1.3}
.son-yazilar .wp-block-post-title a{text-decoration:none}
.son-yazilar .wp-block-post-title a:hover,.son-yazilar .wp-block-post-title a:focus{text-decoration:underline}
.son-yazilar .wp-block-post-excerpt__excerpt{margin:0}
.son-yazilar .wp-block-post-excerpt__more-text{display:none}

/* Yazar kutusu (yalnızca yazılar, templates/single.html) */
.wp-block-post-content>hr:has(+.kk-kunye){display:none}.wp-block-post-content :where(p,li,a){overflow-wrap:anywhere}

/* Adım 35 (İletişim kuralları hariç) */
/* Makaleler · Öneri 1: tarih kırılmasın (03/11/20|26), sakin ikincil tarih */
body.page-id-233 .wp-block-post .wp-block-post-date{flex:none;white-space:nowrap}
body.page-id-233 .wp-block-post .wp-block-post-date a{font-size:13px;color:#5a5a54;text-decoration:none;font-variant-numeric:tabular-nums}
body.page-id-233 .wp-block-post .wp-block-post-title{flex:1 1 auto;min-width:0}
/* Makaleler · Öneri 2: tüm satır tek dokunma hedefi (genişletilmiş bağlantı, JS yok) + iOS liste basma geri bildirimi */
body.page-id-233 .wp-block-post{position:relative;border-radius:14px;transition:background-color 180ms cubic-bezier(.2,.8,.2,1),transform 180ms cubic-bezier(.2,.8,.2,1)}
body.page-id-233 .wp-block-post .wp-block-post-title a{text-decoration:none}
body.page-id-233 .wp-block-post .wp-block-post-title a::after{content:"";position:absolute;inset:0;border-radius:inherit}
body.page-id-233 .wp-block-post .wp-block-post-title a:focus-visible{outline:none}
body.page-id-233 .wp-block-post:has(.wp-block-post-title a:focus-visible){outline:2px solid #111;outline-offset:2px}
body.page-id-233 .wp-block-post:active{background:rgba(17,17,17,.05);transform:scale(.99)}
@media (hover:hover){body.page-id-233 .wp-block-post:hover{background:rgba(17,17,17,.035)}}
@media (prefers-reduced-motion:reduce){body.page-id-233 .wp-block-post{transition:none}body.page-id-233 .wp-block-post:active{transform:none}}
/* Makaleler · Öneri 3: arama 44px hap + kategoriler madde imi yerine yumuşak çipler (44px) */
body.page-id-233 .wp-block-search__input{min-height:44px;border-radius:999px;padding:0 18px;border:1px solid rgba(17,17,17,.22);background:#fbfaf3;font-size:16px}
body.page-id-233 .wp-block-search__input:focus-visible{outline:2px solid #111;outline-offset:2px}
body.page-id-233 ul.wp-block-categories-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;font-size:15px}
body.page-id-233 ul.wp-block-categories-list li{margin:0;display:inline-flex;align-items:center;min-height:44px;padding:0 6px 0 0;border-radius:999px;background:rgba(17,17,17,.06);color:#5a5a54}
body.page-id-233 ul.wp-block-categories-list li a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px 0 16px;color:#111;font-weight:600;text-decoration:none}
body.page-id-233 ul.wp-block-categories-list li{padding-right:14px}
/* Hakkımda · Öneri 1: sosyal bağlantılar → sola hizalı yumuşak haplar (44px) */
body.page-id-55 main p.has-text-align-right.has-x-large-font-size{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;text-align:left;font-size:1rem;line-height:1.2;margin-block-start:var(--wp--preset--spacing--40)}
body.page-id-55 main p.has-text-align-right.has-x-large-font-size br{display:none}
body.page-id-55 main p.has-text-align-right.has-x-large-font-size a{font-size:1rem;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:rgba(17,17,17,.06);color:#111;font-weight:600;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform 180ms cubic-bezier(.2,.8,.2,1),background-color 180ms cubic-bezier(.2,.8,.2,1)}
body.page-id-55 main p.has-text-align-right.has-x-large-font-size a:active{transform:scale(.96)}
body.page-id-55 main p.has-text-align-right.has-x-large-font-size a:focus-visible{outline:2px solid #111;outline-offset:2px}
@media (hover:hover){body.page-id-55 main p.has-text-align-right.has-x-large-font-size a:hover{background:rgba(17,17,17,.1)}}
@media (prefers-reduced-motion:reduce){body.page-id-55 main p.has-text-align-right.has-x-large-font-size a{transition:none}}
@media (min-width:782px){body.page-id-55 main p.has-text-align-right.has-x-large-font-size{justify-content:flex-end}}
/* Hakkımda · Öneri 2: portre → yumuşak köşe + %10 kontur, mobilde yükseklik sınırı */
body.page-id-55 main figure.wp-block-image img.wp-image-340{border-radius:24px;outline:1px solid rgb(0 0 0 / .1);outline-offset:-1px;object-position:50% 18%}
@media (max-width:781px){body.page-id-55 main figure.wp-block-image img.wp-image-340{max-height:min(118vw,480px)}}
/* Yazı · Öneri 1: önceki/sonraki → iki yumuşak kart (mobilde alt alta, ≥44px) */
body.single-post main nav[aria-label="Post navigation"]{flex-wrap:wrap;gap:12px;align-items:stretch}
body.single-post main nav[aria-label="Post navigation"] > .wp-block-post-navigation-link{position:relative;flex:1 1 260px;display:flex;align-items:center;gap:10px;min-height:56px;padding:12px 16px;border-radius:16px;background:rgba(17,17,17,.045);transition:transform 180ms cubic-bezier(.2,.8,.2,1),background-color 180ms cubic-bezier(.2,.8,.2,1)}
body.single-post main nav[aria-label="Post navigation"] .post-navigation-link-next{justify-content:flex-end;text-align:right}
body.single-post main nav[aria-label="Post navigation"] .wp-block-post-navigation-link a{text-decoration:none;color:#111;font-weight:600;line-height:1.35}
body.single-post main nav[aria-label="Post navigation"] .wp-block-post-navigation-link a::after{content:"";position:absolute;inset:0;border-radius:inherit}
body.single-post main nav[aria-label="Post navigation"] .wp-block-post-navigation-link [class*="__arrow"]{color:#5a5a54}
body.single-post main nav[aria-label="Post navigation"] > .wp-block-post-navigation-link:active{transform:scale(.98)}
body.single-post main nav[aria-label="Post navigation"] > .wp-block-post-navigation-link:has(a:focus-visible){outline:2px solid #111;outline-offset:2px}
@media (hover:hover){body.single-post main nav[aria-label="Post navigation"] > .wp-block-post-navigation-link:hover{background:rgba(17,17,17,.08)}}
@media (prefers-reduced-motion:reduce){body.single-post main nav[aria-label="Post navigation"] > .wp-block-post-navigation-link{transition:none}}
/* Yazı · Öneri 2: "Kısa cevap" paragrafı → sakin özet kutusu (yalnızca ilk paragraf <strong> ile başlıyorsa) */
body.single-post main .wp-block-post-content > p.wp-block-paragraph:first-child:has(> strong:first-child){padding:16px 18px;border-radius:16px;background:#f4f2ea;box-shadow:inset 0 0 0 1px rgba(17,17,17,.06);border:1px solid transparent}

/* Adım 36: İletişim v2 + v3 ortalama */
/* İletişim · Öneri 1: sosyal ikonlar 36px → 44px dokunma hedefi (ikon 24px aynı) */
body.page-id-12 .wp-block-social-links .wp-social-link a.wp-block-social-link-anchor{padding:10px;transition:transform 180ms cubic-bezier(.2,.8,.2,1)}
body.page-id-12 .wp-block-social-links .wp-social-link a.wp-block-social-link-anchor:active{transform:scale(.96)}
@media (prefers-reduced-motion:reduce){body.page-id-12 .wp-block-social-links .wp-social-link a.wp-block-social-link-anchor{transition:none}}
/* İletişim · Öneri 2: adres bloğu 35px display → okunur adres tipografisi (HTML: preset xx-large→large + .kk-adres, bkz. oneri-2.dom.js) */
body.page-id-12 main p.kk-adres{line-height:1.35;letter-spacing:-.005em;text-wrap:balance;margin-block:0}
body.page-id-12 main p.kk-adres + p.kk-adres{color:#5a5a54;margin-block-start:.25rem}
/* İletişim · Öneri 3: harita görseli → yumuşak köşe + nötr kontur (hero dili ile aynı 24px) */
body.page-id-12 main figure.wp-block-image.wp-duotone-rgb000-rgb255255255-4{border-radius:24px;overflow:hidden;outline:1px solid rgb(0 0 0 / .1);outline-offset:-1px}
/* İletişim · v3: adres ve il satırı telefon/e-posta gibi ortalı (v2 üzerine, ayrı dosya) */
body.page-id-12 main p.kk-adres{text-align:center}
/* Adım 36: İletişim harita görseli (AVIF/WebP, Google Haritalar bağlantısı) */
body.page-id-12 main a.kk-harita,body.page-id-12 main a.kk-harita picture,body.page-id-12 main a.kk-harita img{display:block}body.page-id-12 main a.kk-harita img{width:100%;height:auto}body.page-id-12 main a.kk-harita:focus-visible{outline:2px solid #111;outline-offset:2px}

/* 1.0.30 Makaleler sayfalama: 44px dokunma hedefi, alt menüyle çakışmasın */
body.page-id-233 .kk-sayfalama{gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:var(--wp--preset--spacing--40)}
body.page-id-233 .kk-sayfalama a,body.page-id-233 .kk-sayfalama .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 10px;text-decoration:none;color:#111}
body.page-id-233 .kk-sayfalama .page-numbers.current{font-weight:700;border-bottom:2px solid #111}
