/*
Theme Name: Galatasaray Cimnastik Okulu Pendik Kurtköy
Theme URI: https://example.com
Author: Dijitalson
Description: Galatasaray Cimnastik Okulu Pendik Kurtköy için mobil uyumlu, açık/koyu mod destekli özel tema.
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: gscimnastik
*/

:root{--red:#8f0017;--red2:#6d0012;--yel:#fdb913;--yel2:#ffd45c;--ink:#1d1416;--mut:#6b5f62;--bg:#fff;--bg2:#faf4f1;--card:#fff;--line:#eadfdc;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--ink:#f6ecea;--mut:#b9a9ac;--bg:#160d0f;--bg2:#1d1215;--card:#241619;--line:#3a2a2d;color-scheme:dark}}
:root[data-theme="dark"]{--ink:#f6ecea;--mut:#b9a9ac;--bg:#160d0f;--bg2:#1d1215;--card:#241619;--line:#3a2a2d;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Kanit",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}
.top{background:var(--red2);color:#fff;padding:10px 18px;display:flex;justify-content:space-between;font-size:14px}
header{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;background:var(--bg);position:sticky;top:env(safe-area-inset-top,0px);z-index:5;border-bottom:1px solid var(--line)}
header img{height:64px;border-radius:8px}
.burger{width:30px;height:20px;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);position:relative}.burger:after{content:"";position:absolute;top:5px;left:0;right:0;border-top:3px solid var(--ink)}
.hero{background:linear-gradient(160deg,rgba(143,0,23,.92),rgba(60,0,10,.96)),repeating-linear-gradient(45deg,#8f0017 0 12px,#7a0014 12px 24px);color:#fff;text-align:center;padding:54px 20px 60px}
.pill{display:inline-block;background:rgba(253,185,19,.18);color:var(--yel2);padding:8px 22px;border-radius:99px;font-weight:500}
h1{font-size:38px;line-height:1.15;margin:22px 0 10px}h1 b{color:var(--yel);display:block}
.sub{letter-spacing:1.5px;font-weight:500;font-size:14px;opacity:.95}
.btn{display:block;margin:14px auto 0;max-width:280px;padding:15px;border-radius:99px;font-weight:600;text-decoration:none;text-align:center}
.b1{background:var(--yel);color:#1d1416;margin-top:28px}.b2{border:2px solid rgba(255,255,255,.6);color:#fff}
section{padding:44px 18px}.alt{background:var(--bg2)}
.eyebrow{color:var(--red);font-weight:600;letter-spacing:2px;font-size:13px;text-align:center;text-transform:uppercase}
@media(prefers-color-scheme:dark){.eyebrow,.more{color:var(--yel)}}
h2{font-size:28px;line-height:1.25;text-align:center;margin:6px 0 10px}
.lead{color:var(--mut);text-align:center;margin:0 0 24px}
.card{background:var(--card);border:1px solid var(--line);border-radius:24px;overflow:hidden;margin-bottom:18px}
.ph{height:190px;display:flex;align-items:flex-end;padding:12px;color:#fff;font-size:12px;background:linear-gradient(135deg,var(--red),#3d000a)}
.ph.y{background:linear-gradient(135deg,#e69a00,var(--red))}.ph.d{background:linear-gradient(135deg,#4a1a22,var(--red2))}
.card .in{padding:18px 20px 22px}.card h3{margin:0 0 4px;font-size:22px}.card p{margin:0 0 12px;color:var(--mut)}
.more{color:var(--red);font-weight:600}
.ic{width:52px;height:52px;border-radius:16px;background:var(--yel);display:grid;place-items:center;font-size:24px;margin-bottom:10px}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:22px}
.chips span{padding:9px 16px;border:1px solid var(--line);border-radius:99px;font-weight:500}.chips .on{background:var(--yel);color:#1d1416;border-color:var(--yel)}
.about p{color:var(--mut)}.about h2,.about .eyebrow{text-align:left}
.dark{display:inline-block;background:var(--ink);color:var(--bg);padding:13px 26px;border-radius:99px;font-weight:600;text-decoration:none}
.date{color:var(--red);font-weight:500;font-size:14px}@media(prefers-color-scheme:dark){.date{color:var(--yel)}}
.cta{margin:0 18px 44px;background:var(--red);color:#fff;border-radius:28px;padding:34px 24px}.cta h2{text-align:left;font-size:30px}
footer{background:#14090b;color:#d9c8cb;padding:34px 20px 90px;font-size:15px}footer img{height:80px;border-radius:12px;background:#fff}
footer h4{color:#fff;margin:22px 0 6px}footer div{padding:3px 0}
.up{position:fixed;right:14px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:48px;height:48px;border-radius:50%;background:var(--ink);color:var(--yel);display:grid;place-items:center;font-size:22px;text-decoration:none}

.top{display:flex;justify-content:space-between}
.mainnav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:8px 18px}
.mainnav.open{display:block}.mainnav ul{list-style:none;margin:0;padding:0}.mainnav a{display:block;padding:12px 0;color:var(--ink);text-decoration:none;font-weight:500}
.burger{cursor:pointer}header{position:sticky}
section,.hero>*,.cta{max-width:1100px;margin-left:auto;margin-right:auto}
.hero{max-width:none}
.alt{max-width:none}.alt>*{max-width:1100px;margin-left:auto;margin-right:auto}
a.card{display:block;color:inherit;text-decoration:none}
@media(min-width:900px){
header{padding:10px 6vw}.top{padding:10px 6vw}
.burger{display:none}.mainnav{display:block!important;position:static;border:0;padding:0;background:none}.mainnav ul{display:flex;gap:26px}
h1{font-size:60px}
#branslar,.alt,.blogsec{display:block}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.cards.three{grid-template-columns:repeat(3,1fr)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
}

.fwrap{max-width:1200px;margin:auto}
.copy{max-width:1200px;margin:24px auto 0;opacity:.6;font-size:14px}
footer{padding-bottom:60px}
@media(min-width:900px){
body{font-size:17px}
.top{font-size:15px}
header{padding:12px 6vw}header img{height:72px}
.mainnav a{padding:8px 0;font-size:17px}.mainnav a:hover{color:var(--red)}
.hero{padding:120px 6vw 130px}
.hero h1{font-size:72px;line-height:1.08;margin:28px auto 16px}
.hero .sub{font-size:17px;letter-spacing:3px}
.hero .btn{display:inline-block;min-width:230px;margin:34px 8px 0}
.hero .b2{margin-top:34px}
section{padding:90px 6vw;max-width:1280px}
.alt{padding:90px 0}.alt>*{padding-left:6vw;padding-right:6vw}
h2{font-size:42px}.lead{max-width:760px;margin:0 auto 40px;font-size:18px}
.ph{height:260px}
.card .in{padding:22px 26px 28px}.card h3{font-size:24px}
.card{transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.12)}
.cards{grid-template-columns:repeat(4,1fr)}
.cards.three{grid-template-columns:repeat(3,1fr)}
.about{gap:70px}.about h2,.about .eyebrow{text-align:left}
.cta{margin:0 auto 90px;padding:60px 70px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.cta h2{font-size:40px;max-width:620px;margin:0 0 8px}.cta p{margin:0}
.cta .btn{margin:0!important;min-width:230px;flex-shrink:0}
#basvuru{padding-bottom:0}
footer{padding:70px 6vw 40px}
.fwrap{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:50px}
footer h4{margin-top:0}
.up{right:24px;bottom:24px}
}

.chips a{padding:9px 16px;border:1px solid var(--line);border-radius:99px;font-weight:500;color:var(--ink);text-decoration:none;transition:background .2s}
.chips a.on,.chips a:hover{background:var(--yel);color:#1d1416;border-color:var(--yel)}
.card[id]{scroll-margin-top:90px}

.cimg{width:100%;height:200px;object-fit:cover;display:block}
@media(min-width:900px){.cimg{height:260px}.about .card .cimg{height:380px}}
footer a{color:#d9c8cb;text-decoration:none}footer a:hover{color:var(--yel)}