/*
Theme Name: Ogretmenler
Description: ogretmenler.org.tr icin ozel tema
Version: 2.0.0
Text Domain: ogretmenler
*/
:root{--tahta:#173f2f;--tahta-k:#0f2e22;--kagit:#f3f6f4;--murekkep:#13231c;--isaret:#ffd23f;--kirmizi:#d9423f;--soluk:#5b6b63;--cizgi:#d5ded9;--beyaz:#fff;--baslik:"Bricolage Grotesque","Figtree",system-ui,sans-serif;--govde:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--govde);color:var(--murekkep);background:var(--kagit);line-height:1.6;font-size:17px}
a{color:var(--tahta);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--murekkep)}
img,svg{max-width:100%;height:auto}
h1,h2,h3{font-family:var(--baslik);line-height:1.1;color:var(--murekkep);margin:0 0 .5em;letter-spacing:-.02em}
h1{font-size:clamp(2.1rem,6.2vw,3.7rem);font-weight:800}
h2{font-size:clamp(1.55rem,4vw,2.3rem);font-weight:800}
h3{font-size:1.2rem;font-weight:600;letter-spacing:-.01em}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--kirmizi);outline-offset:2px}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.dar{max-width:780px}
.ust{background:var(--beyaz);border-bottom:2px solid var(--murekkep);position:sticky;top:0;z-index:20}
.ust-ic{display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:14px}
.logo{font-family:var(--baslik);font-weight:800;font-size:1.45rem;color:var(--murekkep);letter-spacing:-.03em;text-decoration:none;display:inline-flex;align-items:baseline}
.logo span{font-weight:600;font-size:.95rem;color:var(--soluk);letter-spacing:0;margin-left:1px}
.logo:before{content:"";display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--isaret);border:2px solid var(--murekkep);margin-right:8px;transform:translateY(1px)}
.menu{display:flex;align-items:center;gap:26px}
.menu a{color:var(--murekkep);font-weight:600;text-decoration:none}
.menu a:not(.btn):hover{text-decoration:underline;text-decoration-color:var(--isaret);text-decoration-thickness:4px}
.menu-dugme{display:none;background:var(--beyaz);border:2px solid var(--murekkep);border-radius:10px;font-size:1.2rem;line-height:1;padding:7px 12px;cursor:pointer;color:var(--murekkep)}
.btn{display:inline-block;background:var(--isaret);color:var(--murekkep);padding:12px 24px;border-radius:999px;font-family:var(--govde);font-weight:700;font-size:1rem;border:2px solid var(--murekkep);box-shadow:3px 3px 0 var(--murekkep);cursor:pointer;text-align:center;text-decoration:none;transition:transform .12s,box-shadow .12s}
.btn:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--murekkep);color:var(--murekkep)}
.btn:disabled{opacity:.6;cursor:default;transform:none}
.btn-k{padding:8px 18px;font-size:.95rem}
.btn-buyuk{padding:15px 30px;font-size:1.1rem}
.btn-2{background:var(--beyaz)}
.btn-wa{background:#25d366}
.hero,.bant{background-color:var(--tahta);background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:30px 30px;color:#fff}
.hero{padding:56px 0 64px;border-bottom:2px solid var(--murekkep)}
.hero-ic{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}
.hero h1{color:#fff;max-width:13ch}
.hero-alt{color:#cfe3d8;font-size:1.1rem;margin-bottom:1.4em}
.bosluk p{font-family:var(--baslik);font-weight:600;font-size:clamp(1.25rem,3.4vw,1.8rem);line-height:1.9;color:#fff;margin:0 0 26px;letter-spacing:-.01em}
.bosluk select{width:auto;max-width:100%;display:inline-block;background:transparent;color:var(--isaret);border:0;border-bottom:3px dashed var(--isaret);border-radius:0;padding:0 26px 2px 4px;font:inherit;font-weight:800;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23ffd23f' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center}
.bosluk select:focus{outline:3px solid #fff;outline-offset:3px;border-color:#fff}
.bosluk option{color:var(--murekkep);background:#fff;font-weight:500;font-size:1rem}
.hero-link{color:#fff;margin-left:18px;font-weight:600}
.hero-link:hover{color:var(--isaret)}
.sema{display:block;width:100%;max-width:380px;margin:0 auto}
.sema text{font-family:var(--govde)}
.bant{padding:40px 0 38px;border-bottom:2px solid var(--murekkep)}
.bant h1{color:#fff;font-size:clamp(1.9rem,5vw,3rem)}
.bant p{color:#cfe3d8;max-width:62ch;margin-bottom:1.2em;font-size:1.05rem}
.bant .kirinti{font-size:.9rem;color:#a9c7b8;margin-bottom:12px}
.bant .kirinti a{color:#a9c7b8}
.bolum{padding-top:52px;padding-bottom:8px}
.bolum-bas{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:22px;flex-wrap:wrap}
.bolum-bas h2{margin:0}
.bolum-bas a:not(.btn){font-weight:700}
.kapilar{display:grid;grid-template-columns:1fr 1fr;gap:0;border:2px solid var(--murekkep);border-radius:22px;overflow:hidden;background:var(--beyaz)}
.kapi{padding:34px 32px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-decoration:none;color:var(--murekkep)}
.kapi+.kapi{border-left:2px solid var(--murekkep);background:var(--isaret)}
.kapi h2{font-size:clamp(1.5rem,3.4vw,2rem);margin-bottom:.3em}
.kapi p{max-width:38ch;margin-bottom:1.1em}
.kapi .btn{margin-top:auto}
.kapi+.kapi .btn{background:var(--beyaz)}
.filtre{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:var(--beyaz);padding:14px;border-radius:18px;border:2px solid var(--murekkep);box-shadow:5px 5px 0 var(--tahta-k)}
.filtre select,.filtre .btn{width:100%}
.filtre .btn{box-shadow:none}
select,input[type=text],input[type=email],input[type=tel],textarea{width:100%;padding:12px 13px;border:2px solid var(--cizgi);border-radius:12px;font:inherit;font-size:1rem;background:var(--beyaz);color:var(--murekkep)}
select:focus,input:focus,textarea:focus{outline:none;border-color:var(--murekkep);box-shadow:0 0 0 3px var(--isaret)}
textarea{min-height:130px;resize:vertical}
.izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kart{display:flex;flex-direction:column;gap:8px;background:var(--beyaz);border:2px solid var(--murekkep);border-radius:16px;padding:18px 18px 16px;color:var(--murekkep);position:relative;text-decoration:none;transition:box-shadow .12s,transform .12s}
.kart:hover{box-shadow:4px 4px 0 var(--murekkep);transform:translate(-2px,-2px);color:var(--murekkep)}
.kart-ust{display:flex;justify-content:space-between;align-items:center;gap:10px}
.kart-ust small{color:var(--soluk);font-size:.85rem}
.kart strong{font-family:var(--baslik);font-size:1.3rem;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.kart .nereye{font-weight:600;line-height:1.5}
.kart .nereye mark{background:linear-gradient(transparent 55%,var(--isaret) 55%);color:inherit;padding:0 2px}
.kart .satir{color:var(--soluk);font-size:.95rem}
.kart .ucret{font-weight:700;margin-top:2px}
.kart.one{background:#fff8dc}
.kart-kisi{display:flex;align-items:center;gap:12px}
.avatar{flex:none;width:46px;height:46px;border-radius:50%;background:var(--tahta);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--baslik);font-weight:800;font-size:1.05rem;border:2px solid var(--murekkep)}
.etiket{display:inline-block;align-self:flex-start;background:var(--tahta);color:#fff;font-size:.82rem;font-weight:600;padding:3px 11px;border-radius:999px}
.rozet{position:absolute;top:-12px;right:14px;background:var(--kirmizi);color:#fff;font-size:.78rem;font-weight:700;padding:3px 11px;border-radius:999px;border:2px solid var(--murekkep)}
.bos{background:repeating-linear-gradient(transparent,transparent 31px,#dfe7e2 31px,#dfe7e2 32px),var(--beyaz);border:2px dashed var(--murekkep);border-radius:18px;padding:34px 26px 30px;text-align:left}
.bos h3{font-size:1.45rem;font-weight:800}
.bos p{max-width:52ch}
.kutu{background:var(--beyaz);border:2px solid var(--murekkep);border-radius:18px;padding:26px}
.kutu ul{padding-left:1.2em;margin:0}
.kutu li{margin-bottom:.6em}
.iki{display:grid;grid-template-columns:1.45fr 1fr;gap:24px;align-items:start}
.form-sira{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-grup{margin-bottom:18px}
.form-grup label{display:block;font-weight:700;margin-bottom:6px}
.form-grup small{display:block;color:var(--soluk);font-size:.88rem;margin-top:5px}
.secim{display:flex;flex-wrap:wrap;gap:8px}
.secim label{display:inline-flex;align-items:center;gap:7px;background:var(--kagit);border:2px solid var(--cizgi);padding:7px 14px;border-radius:999px;font-weight:600;margin:0;cursor:pointer}
.secim label:has(input:checked){background:var(--isaret);border-color:var(--murekkep)}
.secim input{accent-color:var(--tahta)}
.onay{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;font-size:.93rem;color:var(--murekkep);margin-bottom:12px!important}
.onay input{margin-top:5px;flex:none;width:17px;height:17px;accent-color:var(--tahta)}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.form-sonuc{margin-top:14px;font-weight:600}
.form-sonuc.ok{background:#e3f4ea;color:var(--tahta-k);border:2px solid var(--tahta);padding:16px;border-radius:14px}
.form-sonuc.hata{color:var(--kirmizi)}
.bilgi-liste{list-style:none;margin:0 0 20px;padding:0}
.bilgi-liste li{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid var(--cizgi);margin:0}
.bilgi-liste span{color:var(--soluk)}
.bilgi-liste b{text-align:right}
.adimlar{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;counter-reset:adim}
.adimlar div{position:relative;padding-top:20px;border-top:3px solid var(--murekkep)}
.adimlar b{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--isaret);border:2px solid var(--murekkep);font-family:var(--baslik);font-weight:800;position:absolute;top:-21px;left:0}
.adimlar h3{margin-top:14px}
.adimlar p{color:var(--soluk);margin:0}
.ipucu{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.ipucu div{border-left:4px solid var(--isaret);padding-left:16px}
.ipucu p{color:var(--soluk);margin:0}
.sss{max-width:780px}
.sss details{border-bottom:2px solid var(--murekkep);padding:4px 0}
.sss summary{font-family:var(--baslik);font-weight:600;font-size:1.2rem;padding:14px 34px 14px 0;cursor:pointer;list-style:none;position:relative}
.sss summary::-webkit-details-marker{display:none}
.sss summary:after{content:"+";position:absolute;right:4px;top:8px;font-size:1.7rem;font-weight:400}
.sss details[open] summary:after{content:"–"}
.sss details p{color:var(--soluk);max-width:64ch;padding-bottom:10px}
.il-liste{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.il-liste a{display:block;background:var(--beyaz);border:1.5px solid var(--cizgi);border-radius:999px;padding:5px 14px;font-size:.93rem;color:var(--murekkep);text-decoration:none}
.il-liste a:hover{border-color:var(--murekkep);background:var(--isaret)}
.sayfalama{display:flex;justify-content:center;gap:12px;margin-top:26px}
.icerik{background:var(--beyaz);border:2px solid var(--murekkep);border-radius:18px;padding:32px;font-size:1.05rem}
.icerik h2{margin-top:1.5em;font-size:1.6rem}
.icerik h3{margin-top:1.3em}
.icerik ul,.icerik ol{padding-left:1.3em}
.icerik li{margin-bottom:.45em}
.icerik table{width:100%;border-collapse:collapse;margin:0 0 1em}
.icerik th,.icerik td{border:1.5px solid var(--cizgi);padding:9px 11px;text-align:left}
.yazi-meta{color:var(--soluk);font-size:.9rem}
.cta{background:var(--isaret);border:2px solid var(--murekkep);border-radius:22px;padding:30px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.cta p{margin:0;font-family:var(--baslik);font-weight:600;font-size:1.3rem;max-width:30ch;line-height:1.3}
.cta .btn{background:var(--beyaz)}
.alt{background:var(--tahta-k);color:#c4d8cd;margin-top:64px;padding:48px 0 26px;font-size:.97rem;border-top:2px solid var(--murekkep)}
.alt a{color:#e6f0ea;text-decoration:none}
.alt a:hover{color:var(--isaret);text-decoration:underline}
.alt h3{color:#fff;font-size:1.05rem}
.alt-izgara{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}
.alt ul{list-style:none;margin:0;padding:0}
.alt li{margin-bottom:8px}
.alt-not{border-top:1px solid #2b4a3c;margin-top:30px;padding-top:18px;color:#8fb09f;font-size:.88rem}
@media(max-width:900px){.hero-ic{grid-template-columns:1fr}.sema{max-width:300px;margin:8px 0 0}.izgara{grid-template-columns:1fr 1fr}.filtre{grid-template-columns:1fr 1fr}.iki{grid-template-columns:1fr}.alt-izgara{grid-template-columns:1fr 1fr}
.menu-dugme{display:block}.menu{display:none;position:absolute;left:0;right:0;top:66px;background:var(--beyaz);flex-direction:column;align-items:stretch;padding:16px 20px 20px;border-bottom:2px solid var(--murekkep);gap:14px}.menu.acik{display:flex}.menu .btn{align-self:flex-start}}
@media(max-width:640px){body{font-size:16px}.hero{padding:38px 0 44px}.izgara,.adimlar,.ipucu,.form-sira,.filtre,.kapilar{grid-template-columns:1fr}.kapi+.kapi{border-left:0;border-top:2px solid var(--murekkep)}.kapi{padding:26px 22px}.adimlar{gap:40px}.alt-izgara{grid-template-columns:1fr}.icerik,.kutu{padding:20px}.bosluk select{display:block;width:100%;margin:4px 0}.hero-link{display:inline-block;margin:16px 0 0}.cta{padding:24px 22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}