/* Grove — Minecraft "Default" arayüzü */
.tpl-grove { --g-grass: #5bbf3a; --g-grass2: #3d8a24; --g-dirt: #7a5434; --g-dirt2: #5e3f26; --g-stone: #2b2f2a; }
.tpl-grove .connect-float { display: none; }

/* Üst bant: çim + toprak katmanı */
.g-top { position: relative; background:
  linear-gradient(var(--g-grass) 0 14px, var(--g-grass2) 14px 20px, transparent 20px),
  repeating-conic-gradient(var(--g-dirt) 0 25%, var(--g-dirt2) 0 50%) 0 20px / 40px 40px; padding: 46px 0 34px; border-bottom: 4px solid #241a10; }
.g-top::after { content: ''; position: absolute; inset: 20px 0 0; background: linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .45)); pointer-events: none; }
.g-top-in { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; }
.g-box { display: flex; align-items: center; gap: 14px; justify-self: start; padding: 12px 18px; background: rgba(0, 0, 0, .55); border: 3px solid #1a120a; box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .35), 4px 4px 0 rgba(0, 0, 0, .4); color: #fff; text-align: left; cursor: pointer; font: inherit; border-radius: 0; }
.g-box.right { justify-self: end; text-align: right; }
.g-box b { display: block; font-family: 'Silkscreen', monospace; font-size: 14px; letter-spacing: .02em; }
.g-box small { color: #d6c7a8; font-size: 12px; }
.g-ico { width: 44px; height: 44px; display: grid; place-items: center; background: var(--g-grass); color: #10300a; font-size: 20px; box-shadow: inset -4px -4px 0 var(--g-grass2), inset 4px 4px 0 #8be06a; }
.g-box.right .g-ico { background: #5865f2; color: #fff; box-shadow: inset -4px -4px 0 #3c45b5, inset 4px 4px 0 #8b94ff; }
.g-logo { display: flex; flex-direction: column; align-items: center; gap: 6px; color: #fff; text-decoration: none; }
.g-logo img { width: 120px; filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .5)); image-rendering: pixelated; }
.g-logo span { font-family: 'Silkscreen', monospace; font-size: 30px; font-weight: 700; text-shadow: 3px 3px 0 #1a120a; letter-spacing: .04em; }
.g-logo.small { flex-direction: row; } .g-logo.small img { width: 44px; } .g-logo.small span { font-size: 18px; }

/* Menü çubuğu: taş */
.g-nav { position: sticky; top: 0; z-index: 50; background: repeating-linear-gradient(90deg, #30352f 0 40px, #2b2f2a 40px 80px); border-bottom: 4px solid #151815; box-shadow: 0 8px 20px -10px #000; }
.g-nav-in { display: flex; align-items: center; gap: 16px; height: 62px; }
.g-links { display: flex; gap: 4px; flex: 1; align-items: center; }
.g-links > a, .t-more > button { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; color: #e6e9e2; font-weight: 700; font-size: 14px; text-decoration: none; border: 2px solid transparent; background: none; cursor: pointer; font-family: inherit; }
.g-links > a i { color: var(--g-grass); }
.g-links > a:hover, .g-links > a.active { background: rgba(0, 0, 0, .35); border-color: #151815; box-shadow: inset 0 -3px 0 var(--g-grass); color: #fff; }
.t-more { position: relative; }
.t-more-menu { display: none; position: absolute; top: 100%; left: 0; min-width: 200px; background: #262a25; border: 3px solid #151815; padding: 6px; z-index: 60; }
.t-more.open .t-more-menu { display: grid; }
.t-more-menu a { display: flex; gap: 10px; align-items: center; padding: 9px 12px; color: #e6e9e2; text-decoration: none; }
.t-more-menu a:hover { background: rgba(0, 0, 0, .35); }
.g-nav .nav-user { display: flex; gap: 8px; align-items: center; }
.g-nav .btn { border-radius: 0 !important; }
.g-burger { display: none; background: none; border: 0; color: #fff; font-size: 22px; }

/* Ana sayfa */
.g-home { padding: 28px 16px 60px; }
.g-slider { margin-bottom: 34px; border: 4px solid #151815 !important; border-radius: 0 !important; box-shadow: 8px 8px 0 rgba(0, 0, 0, .45); }
.g-slider .nv-slides { height: 330px; border-radius: 0 !important; }
.g-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 30px; align-items: start; }
.g-h { display: flex; align-items: center; gap: 12px; font-family: 'Silkscreen', monospace !important; font-size: 20px; text-transform: uppercase; margin: 0 0 16px; color: #fff; }
.g-h i { color: var(--g-grass); }
.g-h a { margin-left: auto; font-family: var(--font-sans); font-size: 13px; text-transform: none; color: var(--g-grass); }
.g-modes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 36px; }
.g-mode { display: flex; flex-direction: column; background: #1b2416; border: 3px solid #0b0f08; box-shadow: 6px 6px 0 rgba(0, 0, 0, .45); color: #fff; text-decoration: none; position: relative; transition: transform .15s; }
.g-mode:hover { transform: translate(-2px, -2px); box-shadow: 8px 8px 0 rgba(0, 0, 0, .45); color: #fff; }
.g-mode-img { height: 110px; background: center / cover; image-rendering: pixelated; border-bottom: 3px solid #0b0f08; }
.g-mode-body { padding: 12px 14px 14px; }
.g-mode-body b { display: block; font-family: 'Silkscreen', monospace; font-size: 15px; }
.g-mode-body small { color: #a8c29a; font-size: 12.5px; }
.g-mode-go { position: absolute; right: 12px; top: 92px; width: 36px; height: 36px; display: grid; place-items: center; background: var(--g-grass); color: #10300a; border: 3px solid #0b0f08; }
.g-news { display: grid; gap: 14px; }
.g-post { display: grid; grid-template-columns: 220px minmax(0, 1fr); background: #1b2416; border: 3px solid #0b0f08; box-shadow: 6px 6px 0 rgba(0, 0, 0, .45); color: #e8f0e2; text-decoration: none; min-height: 140px; }
.g-post:hover { color: #fff; transform: translate(-2px, -2px); }
.g-post-img { position: relative; background: center / cover; border-right: 3px solid #0b0f08; }
.g-post-img em { position: absolute; left: 10px; top: 10px; font-style: normal; font-size: 11px; font-weight: 800; padding: 3px 9px; background: var(--g-grass); color: #10300a; border: 2px solid #0b0f08; }
.g-post-body { padding: 14px 18px; display: flex; flex-direction: column; gap: 6px; }
.g-post-body b { font-size: 17px; }
.g-post-body small { color: #a8c29a; font-size: 12.5px; }
.g-post-body p { margin: 0; color: #c3d2ba; font-size: 14px; }
.g-empty { color: #a8c29a; }

/* Alt sayfa bandı */
.tpl-grove .t-band { background: repeating-conic-gradient(#1b2416 0 25%, #172012 0 50%) 0 0 / 32px 32px; border-bottom: 3px solid #0b0f08; padding: 30px 0; }
.tpl-grove .t-band h1 { font-family: 'Silkscreen', monospace; font-size: 30px; margin: 6px 0 0; color: #fff; }
.t-band-crumb { font-size: 13px; color: #a8c29a; display: flex; gap: 8px; align-items: center; }
.t-band-crumb a { color: inherit; }

/* Alt bilgi: ahşap + çim */
.g-foot { margin-top: 40px; background: repeating-linear-gradient(0deg, #3a2a1a 0 22px, #33251a 22px 44px); color: #e6dccb; }
.g-foot-grass { height: 18px; background: linear-gradient(var(--g-grass) 0 12px, var(--g-grass2) 12px); }
.g-foot-cols { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 30px; padding: 40px 16px 30px; }
.g-foot-cols h4 { font-family: 'Silkscreen', monospace; font-size: 14px; margin: 0 0 12px; color: #fff; }
.g-foot-cols a { display: block; color: #d9c9ad; padding: 3px 0; text-decoration: none; font-size: 14px; }
.g-foot-cols a:hover { color: #fff; }
.g-foot-cols p { color: #c8b99d; font-size: 14px; margin: 12px 0; }
.g-ipbtn { padding: 10px 16px; background: var(--g-grass); color: #10300a; border: 3px solid #0b0f08; font-weight: 800; cursor: pointer; box-shadow: inset 0 -4px 0 var(--g-grass2); }
.g-foot-bottom { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 16px; border-top: 3px solid rgba(0, 0, 0, .35); font-size: 12.5px; color: #b9a98b; }

@media (max-width: 1024px) {
  .g-top-in { grid-template-columns: 1fr; justify-items: center; }
  .g-box, .g-box.right { justify-self: center; }
  .g-box.right { display: none; }
  .g-links { display: none; }
  .nav-open .g-links { display: flex; flex-direction: column; position: absolute; top: 66px; left: 0; right: 0; background: #262a25; padding: 10px; border-bottom: 4px solid #151815; }
  .g-burger { display: block; margin-left: auto; }
  .g-grid { grid-template-columns: 1fr; }
  .g-modes { grid-template-columns: 1fr; }
  .g-post { grid-template-columns: 1fr; } .g-post-img { height: 150px; border-right: 0; border-bottom: 3px solid #0b0f08; }
  .g-foot-cols { grid-template-columns: 1fr 1fr; }
  .g-slider .nv-slides { height: 200px; }
}
