html,body{height:100%;}
body{min-height:100svh;display:flex;flex-direction:column;}

:root{
  --green:#7dbd1d;
  --green-2:#5a9718;
  --dark:#0f110e;
  --panel:#171a14;
  --card:#1a1f16;
  --border:#2a321f;
  --text:#f0f5ea;
  --muted:#b8c3ac;
  --shadow:0 16px 36px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:linear-gradient(180deg,#0a0c08,#0f120d 40%,#0b0d09);color:var(--text);font-family:'Montserrat',system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.7}
.container{width:min(1180px,92%);margin-inline:auto}
a{color:var(--text);text-decoration:none}
img{max-width:100%;display:block}

/* Header */
.site-header{background:linear-gradient(180deg,#2b361f,#1b2314);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}
.header-inner{display:flex;align-items:center;gap:14px}
.logo-wrap{padding:10px 0;display:flex;align-items:center}
.nav{margin-left:auto}
.menu{display:flex;list-style:none;gap:8px;margin:0;padding:0}

/* nav underline animation */
.menu a{position:relative; padding:14px 16px;border-radius:8px;color:#e0e9d9}
.menu a::after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .25s ease;}
.menu a.active::after,.menu a:hover::after{transform:scaleX(1);}

.menu a.active,.menu a:hover{background:#2a351f}
.admin-link{margin-left:12px;border:1px solid var(--border);padding:8px 12px;border-radius:8px;color:#d0dac8}

/* Feature block (hero + side panel) */
.feature{padding:20px 0 10px;background:radial-gradient(800px 400px at 10% -20%, rgba(125,189,29,.4), transparent 60%)}
.feature-inner{display:grid;grid-template-columns:2fr 1fr;gap:16px}
.slider{background:#111511;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.slides{position:relative;aspect-ratio:16/9}
.slide{position:absolute;inset:0;opacity:0;transition:.3s;pointer-events:none}
.slide.active{opacity:1;pointer-events:auto}
.slide img{width:100%;height:100%;object-fit:cover}
.dots{display:flex;gap:6px;padding:8px;justify-content:center;background:#12160f;border-top:1px solid var(--border)}
.dots button{width:10px;height:10px;border-radius:999px;border:0;background:#334127;opacity:.6}
.dots button.active{opacity:1;background:var(--green)}
.feature-side{background:#1b2116;border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow)}
.feature-side .date{display:inline-block;background:var(--green-2);color:#12170f;padding:6px 10px;border-radius:8px;font-weight:700}
.feature-side h2{margin:10px 0 6px}
.feature-side p{color:var(--muted)}
.feature-side .btn{margin-top:8px}

/* Below tri cards */
.below{padding:16px 0 20px}
.tri{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:#141810;border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow)}
.card h3{margin:0 0 6px}
.card h3 span{color:#a6d85a}
.mini-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}
.mini-list::-webkit-scrollbar{height:8px}
.mini-list::-webkit-scrollbar-thumb{background:#25301d;border-radius:999px}

.mini{display:flex;gap:10px;flex:0 0 260px;scroll-snap-align:start;border:1px solid var(--border);border-radius:12px;padding:10px;background:#11160e}
.mini > div{min-width:0}
.mini .meta{color:var(--muted);font-size:12px}
.mini div div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.mini img{width:84px;height:64px;object-fit:cover;border-radius:8px}

/* Buttons */
.btn{display:inline-block;background:var(--green);color:#10140e;padding:10px 14px;border-radius:10px;font-weight:800;border:0}
.btn:hover{filter:brightness(1.05)}
.btn.outline{background:transparent;color:#fff;border:1px solid var(--border)}

/* Pages */
.page{padding:24px 0}
.narrow{max-width:860px}
.filters{display:flex;gap:8px;margin:12px 0 18px}
.chip{background:transparent;border:1px solid var(--border);padding:8px 12px;border-radius:999px;color:#fff}
.chip.active,.chip:hover{background:#26301e}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:960px){.feature-inner{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.tri{grid-template-columns:1fr}}
.card-post{background:#151a12;border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.card-post .thumb{aspect-ratio:16/9;background:#2c321f}
.card-post .thumb img{width:100%;height:100%;object-fit:cover}
.card-post .body{padding:12px;display:flex;flex-direction:column;gap:8px}
.meta{color:var(--muted);font-size:12px}

/* Post detail */
.post .cover{aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:1px solid var(--border);margin:10px 0}
.post .cover img{width:100%;height:100%;object-fit:cover}

/* Gallery */
.masonry{columns:4 280px;column-gap:12px}
.masonry figure{break-inside:avoid;background:#141810;border:1px solid var(--border);border-radius:12px;margin:0 0 12px;overflow:hidden}
.masonry img{width:100%;height:auto}

/* Contact */
.contact-form{display:grid;gap:12px}
.contact-form input,.contact-form textarea{background:#0f130e;border:1px solid var(--border);padding:12px;border-radius:12px;color:#fff}

/* Footer */
.site-footer{border-top:1px solid var(--border);padding:24px 0;color:var(--muted);margin-top:30px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}

/* WhatsApp floating button */
.whatsapp-fab{position:fixed;right:18px;bottom:18px;background:#25D366;border-radius:999px;padding:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:60}
.whatsapp-fab img{display:block}

.site-footer{margin-top:auto}
.muted{color:var(--muted)}
.small{font-size:12px}
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}
@media(max-width:960px){.contact-grid{grid-template-columns:1fr}}
.contact-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.map-like{margin-top:10px;border:1px dashed var(--border);border-radius:12px;height:220px;display:flex;align-items:center;justify-content:center;color:var(--muted)}
#contactForm label{display:grid;gap:6px;margin-bottom:10px}
#contactForm input,#contactForm textarea{background:#0f130e;border:1px solid var(--border);padding:12px;border-radius:12px;color:#fff}


/* ====== v3 Enhancements ====== */

/* Lightbox */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:100}
.lightbox.open{opacity:1;pointer-events:auto}
.lightbox img{max-width:92vw;max-height:88vh;border-radius:14px;box-shadow:0 20px 80px rgba(0,0,0,.7);transform:scale(.98);transition:transform .2s ease}
.lightbox.open img{transform:scale(1)}

/* Nicer menu buttons (no hamburger) */
.site-nav a{display:inline-block;padding:10px 14px;border:1px solid transparent;border-radius:999px;transition:background .2s ease, border-color .2s ease, transform .06s ease}
.site-nav a:hover{background:rgba(255,255,255,.06);border-color:var(--border)}
.site-nav a:active{transform:translateY(1px)}

/* Card sizing */
.card{border-radius:16px}
.card .content{padding:14px}
.card img{height:200px;object-fit:cover}
@media (min-width:1024px){ .card img{height:220px} }

/* WhatsApp button animation */
@keyframes wa-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.whatsapp-fab{animation:wa-float 3s ease-in-out infinite}
.whatsapp-fab:hover{transform:scale(1.06)}

/* Responsive layout */
:root{ --container: 1120px; }
.container{max-width:var(--container);margin:0 auto;padding:0 16px}
@media (max-width: 980px){
  .grid-3{grid-template-columns:1fr 1fr}
  .row,.row3{grid-template-columns:1fr}
  .hero{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .grid-3{grid-template-columns:1fr}
  .site-header .logo{width:140px}
  .card img{height:180px}
}

/* Footer stick to bottom */
html, body{min-height:100%}
body{display:flex;flex-direction:column}
.site-footer{margin-top:auto}


/* v3: contact page map box sizing */
.map-like iframe{display:block;width:100%;height:240px;border:0;border-radius:12px}
.contact-info ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
/* Buttons: improve font look */
.btn{font-weight:700;letter-spacing:.2px}
.btn.upper{text-transform:uppercase;letter-spacing:.6px}


/* === v3.1 UI polish === */

/* Header nav pills */
.site-nav{display:flex;gap:8px;align-items:center}
.site-nav a{display:inline-block;padding:10px 16px;border:1px solid rgba(255,255,255,.1);border-radius:9999px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)); backdrop-filter: blur(2px);
  font-weight:700; letter-spacing:.2px; transition:transform .06s ease, box-shadow .2s ease, background .2s ease}
.site-nav a:hover{box-shadow:0 6px 18px rgba(0,0,0,.35)}
.site-nav a.active, .site-nav a[aria-current="page"]{background:linear-gradient(180deg,#2a4316,#1b2b0e);border-color:#385a1a}

/* Chips */
.chip{border-radius:9999px;padding:6px 12px;border:1px solid var(--border);background:#0d110a;cursor:pointer;font-weight:600}
.chip.active,.chip:hover{background:#15200b;border-color:#315616}

/* Cards smaller */
.card{border-radius:16px}
.card img{height:240px;object-fit:cover}
@media (min-width:1024px){ .card img{height:260px} }
.card .content{padding:14px}
.post .content p{max-height:6.2em;overflow:hidden}

/* Posts grid */
.posts{display:grid;gap:18px}
@media (min-width:980px){ .posts{grid-template-columns:1fr 1fr} }

/* Buttons */
.btn{font-weight:700;letter-spacing:.2px;border-radius:12px}
.btn.primary{background:#1e7d31;border:1px solid #2aa345}
.btn:hover{filter:brightness(1.06)}

/* Footer richer */
.site-footer{border-top:1px solid var(--border);padding:28px 0;margin-top:34px;color:var(--muted)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:18px}
.footer-col h4{margin:0 0 8px 0}
.footer-links{display:grid;gap:6px}
.footer-links a{color:#cbd5bf}
.footer-brand{display:flex;align-items:center;gap:12px}
.footer-brand img{width:140px;height:auto}

/* v3.2 sticky footer */
html, body{height:100%;margin:0;display:flex;flex-direction:column}
main{flex:1 0 auto}
.site-footer{flex-shrink:0;margin-top:auto}

/* v3.2 footer modern */
.site-footer{background:linear-gradient(180deg,#0d120c,#0a0d08);padding:30px 0;color:#cbd5bf}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px}
.footer-col h4{margin-bottom:10px;color:#9bd23a}
.footer-links a{color:#cbd5bf;transition:color .2s}
.footer-links a:hover{color:#fff}
.footer-brand strong{font-size:1.2em}


/* v3.2 global layout for sticky footer */
html, body { height:100%; }
body { min-height:100vh; display:flex; flex-direction:column; }
main { flex:1 0 auto; }
.site-footer { flex-shrink:0; margin-top:auto; }


/* v3.4 home cards & latest */
.home-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}
.latest-list{display:grid;gap:12px;max-height:520px;overflow:auto;padding-right:4px}
.post-mini{display:grid;grid-template-columns:80px 1fr;gap:10px;align-items:start;border-bottom:1px dashed rgba(255,255,255,.08);padding-bottom:10px}
.post-mini:last-child{border-bottom:0;padding-bottom:0}
.post-mini img{width:80px;height:110px;object-fit:cover;border-radius:8px}
.card .content p{max-height:7.5em;overflow:hidden}


/* v3.4 nav look */
.site-nav a{font-family:'Poppins', system-ui, -apple-system, sans-serif; font-weight:600; letter-spacing:.3px;
  padding:10px 18px;border-radius:9999px; background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.10));
  border:1px solid rgba(255,255,255,.12); box-shadow:0 10px 30px rgba(0,0,0,.25) inset, 0 8px 20px rgba(0,0,0,.2);
}
.site-nav a:hover{transform:translateY(-1px); box-shadow:0 12px 36px rgba(0,0,0,.3) inset, 0 10px 26px rgba(0,0,0,.24)}
.site-nav a.active{background:linear-gradient(180deg, #2e4b17, #1a2d0e); border-color:#3b621b}


/* v3.4 footer tidy */
.site-footer{padding:32px 0}
.footer-grid{align-items:start}
.footer-grid .footer-col p, .footer-grid .footer-links a{opacity:.9}
.footer-grid .footer-links a:hover{opacity:1}


/* v3.4 events cards shorter */
.posts .card img{height:220px}
.posts .card .content p{max-height:6em;overflow:hidden}


/* v3.5 nav underline + title hover */
.site-nav a{position:relative;overflow:hidden}
.site-nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:8px;height:2px;background:linear-gradient(90deg,#9bd23a,#6aa816);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.site-nav a:hover::after,.site-nav a.active::after{transform:scaleX(1)}
.card h3 a,.card h2 a,.card h3,.card h2{transition:letter-spacing .15s ease,color .15s ease}
.card h3:hover,.card h2:hover{letter-spacing:.3px;color:#b1f060}



/* v3.5 cards compact + pinned buttons */
.card .content{display:flex;flex-direction:column;min-height:220px}
.card .content p{-webkit-line-clamp:6;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.card .content .btn{margin-top:auto}
.posts{align-items:stretch}



/* v3.5 latest news horizontal */
.mini-list{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 8px}
.mini{flex:0 0 220px;scroll-snap-align:start;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.03);padding:8px}
.mini img{width:100px;height:72px;border-radius:8px;object-fit:cover}
.carousel-arrows{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}
.carousel-arrows .arrow{border:1px solid var(--border);background:#12170f;border-radius:10px;padding:6px 10px;cursor:pointer}



/* v3.5 etkinlik cards more compact */
.posts .card img{height:200px}
.posts .card .content p{-webkit-line-clamp:5}


/* latest carousel arrows inside card */
.card{position:relative}
.carousel-arrows{position:absolute;right:12px;bottom:12px;display:flex;gap:8px;z-index:1}
.carousel-arrows .arrow{background:#0f140d;border:1px solid var(--border);border-radius:10px;padding:6px 10px;cursor:pointer}
.carousel-arrows .arrow:hover{filter:brightness(1.1)}
/* prevent overflow from long words/urls */
.mini, .card, .content{overflow-wrap:anywhere; word-break:break-word}


/* Fix: Nav underline animation */
.site-nav a{position:relative;overflow:hidden}
.site-nav a::after{content:'';position:absolute;left:12px;right:12px;bottom:6px;height:2px;background:#aee263;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.site-nav a:hover::after,.site-nav a.active::after{transform:scaleX(1)}

/* Fix: Latest mini overflow */
.mini-list{display:flex;gap:12px;overflow-x:auto;padding:6px 0;scroll-snap-type:x mandatory}
.mini{min-width:260px;max-width:260px;scroll-snap-align:start;display:flex;gap:10px;align-items:center;border:1px solid var(--border);border-radius:12px;padding:8px 10px;background:#131810}
.mini div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.mini .meta{font-size:.8rem;color:var(--muted)}
.mini img{width:64px;height:64px;object-fit:cover;border-radius:10px}
.card{position:relative}
.carousel-arrows{position:absolute;right:10px;bottom:10px;display:flex;gap:8px}
.carousel-arrows .arrow{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:#1b2016}

/* ===== Patch: etkinlikler cards wrap & gallery caption ===== */
.card-post .body p{overflow-wrap:anywhere;word-break:break-word}
.card-post h3{margin:4px 0 6px}
.masonry figure{position:relative}
.masonry figcaption{position:absolute;left:0;right:0;bottom:0;padding:8px 10px;font-size:14px;color:#eef3e9;
  background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.68))}
.lightbox .cap{padding:10px 12px;color:#e6eee0}



/* Panelsiz statik: news-card için basit grid + taşma önlemi */
.news-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.news-card { display:flex; flex-direction:column; text-decoration:none; border:1px solid #eee; border-radius:12px; overflow:hidden; }
.news-card img { width:100%; height:180px; object-fit:cover; display:block; }
.news-card h3 { margin:12px 12px 6px; font-size:1.05rem; line-height:1.35; }
.news-card p { margin:0 12px 14px; color:#555; }
.news-section, .events-section { overflow:hidden; }