/*
Theme Name: KörEbE Çocuk
Theme URI: https://korebecocuk.com/
Author: Yavuz Kaya
Description: korebecocuk.com için açık renkli, iri yazılı, reklamsız çocuk teması. Dışarıdan yazı tipi, betik ya da görsel çekmez.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: Tüm hakları saklıdır
Text Domain: korebe-cocuk
*/

@font-face{font-family:"Nunito";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/nunito-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Nunito";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/nunito-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Nunito";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/nunito-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Nunito";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/nunito-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Nunito";font-style:normal;font-weight:900;font-display:swap;src:url(assets/fonts/nunito-latin-ext-900-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Nunito";font-style:normal;font-weight:900;font-display:swap;src:url(assets/fonts/nunito-latin-900-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
	--zemin:#fbf6ec; --kart:#ffffff; --krem:#f6f1e6; --cizgi:#e7dcc6;
	--yesil:#0b4c44; --yesil-2:#0e6b5f; --altin:#c9a24a; --gunes:#f4b63f;
	--mercan:#e8735a; --gok:#5aa9d6; --yaprak:#7cb85b; --mor:#8a6bc1;
	--yazi:#1f2a28; --yazi-2:#4f5b58;
	--r:22px; --golge:0 6px 22px rgba(31,42,40,.08);
	--genislik:1120px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--zemin);color:var(--yazi);font:400 18px/1.65 "Nunito",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-x:hidden}
img,svg{max-width:100%;height:auto}
a{color:var(--yesil);text-underline-offset:3px;text-decoration-thickness:2px}
a:hover{color:var(--mercan)}
:focus-visible{outline:3px solid var(--gunes);outline-offset:3px;border-radius:8px}
h1,h2,h3{line-height:1.2;font-weight:900;color:var(--yesil);margin:0 0 .5em}
h1{font-size:clamp(2rem,5vw,3.2rem)}
h2{font-size:clamp(1.6rem,3.6vw,2.3rem)}
h3{font-size:1.3rem}
p{margin:0 0 1em}
.kap{max-width:var(--genislik);margin:0 auto;padding:0 20px}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:-999px;top:8px;background:var(--yesil);color:#fff;padding:10px 16px;border-radius:12px;z-index:100}
.atla:focus{left:12px}

/* Üst bar */
.ust{background:var(--zemin);border-bottom:2px dashed var(--cizgi);position:relative;z-index:10}
.ust .kap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--yesil);font-weight:900;font-size:1.35rem;letter-spacing:.01em}
.logo svg{width:44px;height:44px;flex:none}
.logo small{display:block;font-size:.72rem;font-weight:700;color:var(--yazi-2);letter-spacing:.02em}
.menu{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.menu a{display:block;padding:9px 16px;border-radius:999px;text-decoration:none;font-weight:800;color:var(--yazi)}
.menu a:hover,.menu .current-menu-item>a{background:var(--krem);color:var(--yesil)}
.menu-dugme{display:none;background:var(--yesil);color:#fff;border:0;border-radius:14px;padding:10px 14px;font:800 1rem "Nunito",sans-serif;cursor:pointer}
@media (max-width:820px){
	.menu-dugme{display:inline-flex;gap:8px;align-items:center}
	.ana-menu{flex-basis:100%;display:none;padding-bottom:12px}
	.ana-menu.acik{display:block}
	.menu{flex-direction:column}
	.menu a{padding:12px 16px;font-size:1.1rem}
}

/* Düğmeler */
.dugme{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;background:var(--yesil);color:#fff!important;text-decoration:none!important;font-weight:900;font-size:1.1rem;border:3px solid var(--yesil);box-shadow:0 5px 0 #073a34;transition:transform .12s,box-shadow .12s}
.dugme:hover{transform:translateY(2px);box-shadow:0 3px 0 #073a34}
.dugme:active{transform:translateY(5px);box-shadow:none}
.dugme.ikincil{background:#fff;color:var(--yesil)!important;box-shadow:0 5px 0 var(--cizgi)}
.dugme.ikincil:hover{box-shadow:0 3px 0 var(--cizgi)}
.dugme .i{font-size:1.35em;line-height:1}

/* Karşılama */
.karsila{padding:clamp(36px,7vw,80px) 0 40px;position:relative;overflow:hidden}
.karsila .kap{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center}
.karsila .ust-yazi{display:inline-block;background:#fff;border:2px solid var(--cizgi);border-radius:999px;padding:6px 14px;font-weight:800;color:var(--yazi-2);font-size:.95rem;margin-bottom:14px}
.karsila h1 span{color:var(--mercan)}
.karsila .giris{font-size:1.25rem;color:var(--yazi-2);max-width:34em}
.karsila .dugmeler{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.karsila .resim{position:relative}
.karsila .resim svg{width:100%;display:block;filter:drop-shadow(0 10px 24px rgba(31,42,40,.10))}
@media (max-width:820px){.karsila .kap{grid-template-columns:1fr}.karsila .resim{max-width:360px;margin:0 auto;order:-1}}

.yaprak-anim{transform-origin:50% 100%;animation:salin 5s ease-in-out infinite}
@keyframes salin{0%,100%{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}

/* Bölümler */
.bolum{padding:clamp(40px,6vw,72px) 0}
.bolum.krem{background:var(--krem)}
.bolum .bas{text-align:center;max-width:40em;margin:0 auto 32px}
.bolum .bas p{color:var(--yazi-2);font-size:1.1rem}

.siniflar{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:900px){.siniflar{grid-template-columns:repeat(2,1fr)}}
@media (max-width:460px){.siniflar{grid-template-columns:1fr}}
.sinif{position:relative;display:flex;flex-direction:column;gap:6px;padding:24px 22px 22px;border-radius:var(--r);background:var(--kart);box-shadow:var(--golge);text-decoration:none!important;color:var(--yazi)!important;border:3px solid transparent;transition:transform .15s,border-color .15s}
.sinif:hover{transform:translateY(-4px);border-color:var(--renk)}
.sinif .no{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;font-size:2rem;font-weight:900;color:#fff;background:var(--renk);margin-bottom:8px}
.sinif strong{font-size:1.3rem;font-weight:900}
.sinif span{color:var(--yazi-2)}
.sinif .git{margin-top:auto;padding-top:10px;font-weight:900;color:var(--renk)}

.kokler{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}
@media (max-width:980px){.kokler{grid-template-columns:repeat(4,1fr)}}
@media (max-width:560px){.kokler{grid-template-columns:repeat(2,1fr)}}
.kok{background:var(--kart);border-radius:var(--r);padding:20px 14px;text-align:center;box-shadow:var(--golge);border-bottom:6px solid var(--renk)}
.kok .s{font-size:2.3rem;line-height:1;display:block;margin-bottom:8px}
.kok strong{display:block;font-size:1.15rem;font-weight:900;color:var(--yazi)}
.kok small{display:block;color:var(--yazi-2);font-size:.92rem;line-height:1.4;margin-top:4px}

.aile{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:820px){.aile{grid-template-columns:1fr}}
.aile .k{background:var(--kart);border-radius:var(--r);padding:24px;box-shadow:var(--golge)}
.aile .k .s{font-size:2rem}
.aile .k h3{margin-top:8px}
.aile .k p{color:var(--yazi-2);margin:0}
.ortala{text-align:center;margin-top:28px}

/* İçerik sayfaları */
.sayfa-bas{padding:44px 0 10px}
.icerik{background:var(--kart);border-radius:var(--r);box-shadow:var(--golge);padding:clamp(22px,5vw,48px);margin:10px auto 56px;max-width:860px}
.icerik h2{font-size:1.6rem;margin-top:1.4em}
.icerik h3{margin-top:1.3em}
.icerik ul,.icerik ol{padding-left:1.3em}
.icerik li{margin-bottom:.35em}
.icerik table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.95rem}
.icerik th,.icerik td{border:1px solid var(--cizgi);padding:10px 12px;text-align:left;vertical-align:top}
.icerik th{background:var(--krem)}
.icerik .not{background:var(--krem);border-left:5px solid var(--altin);padding:14px 18px;border-radius:12px}

/* Alt bilgi */
.alt{background:var(--yesil);color:#e9f1ee;margin-top:0;padding:44px 0 28px;position:relative}
.alt::before{content:"";position:absolute;left:0;right:0;top:-22px;height:24px;background:radial-gradient(circle at 20px -6px,transparent 22px,var(--yesil) 23px) 0 0/40px 24px repeat-x}
.alt a{color:#fff}
.alt .ust-sira{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:flex-start}
.alt .slogan{font-weight:800;font-size:1.05rem;color:#fff}
.alt ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.alt .telif{border-top:1px solid rgba(255,255,255,.18);margin-top:26px;padding-top:18px;font-size:.88rem;line-height:1.6;color:#cfe0db;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.alt .sayac{font-variant-numeric:tabular-nums;white-space:nowrap}

/* 404 */
.yok{text-align:center;padding:70px 20px}
.yok .s{font-size:4.5rem}

@media print{.ust,.alt,.dugme{display:none!important}body{background:#fff}}

/* Köklerden Yarına giriş ve kayıt formları */
.kky-wrap input[type=checkbox]{width:20px!important;height:20px;margin:0;accent-color:var(--yesil)}
.kky-wrap .login-remember label,.kky-wrap .kky-check{display:inline-flex!important;flex-direction:row!important;gap:10px;align-items:center;font-weight:700;cursor:pointer}
.kky-wrap input[type=submit],.kky-wrap button[type=submit],#wp-submit{display:inline-block;width:auto!important;background:var(--yesil);color:#fff;border:0;border-radius:999px;padding:13px 30px;font:900 1.05rem "Nunito",sans-serif;cursor:pointer;box-shadow:0 4px 0 #073a34}
.kky-wrap input[type=submit]:hover,#wp-submit:hover{background:var(--yesil-2)}
.kky-wrap input[type=text],.kky-wrap input[type=email],.kky-wrap input[type=password]{font:inherit;padding:12px 14px;border-radius:14px}

/* 1.1: uzun sayfalar ve yazdırılabilir form */
.icerik .giris-paragraf{font-size:1.15rem;color:var(--yazi)}
.icerik ol li::marker{font-weight:900;color:var(--yesil)}
.form-kagit{border:2px dashed var(--cizgi);border-radius:16px;padding:24px;background:#fff}
.form-kagit h2{margin-top:0;font-size:1.35rem}
.form-alan td:first-child{width:38%;font-weight:700;background:var(--krem)}
.form-alan td{height:40px}
.kutu{font-size:1.02rem}
@media print{
	@page{margin:14mm}
	body{font-size:11.5pt;line-height:1.45;color:#000}
	.ust,.alt,.sayfa-bas,.yazdirma-gizle,.atla{display:none!important}
	.icerik{box-shadow:none;padding:0;margin:0;max-width:none}
	.form-kagit{border:0;padding:0}
	.form-alan td{border:1px solid #444!important}
	a{color:#000;text-decoration:none}
}