/*
Theme Name: Uludag Yesil
Theme URI: https://example.com/uludag-yesil
Author: Yeni Kurulacak Lüdeko İç ve Dış Ticaret Anonim Şirketi
Author URI: https://openai.com
Description: Uludağ esintili yeşil beyaz, Türkçe uyumlu sade WordPress teması.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: uludag-yesil
Tags: blog, news, custom-logo, featured-images, right-sidebar, translation-ready, threaded-comments
*/

:root{
  --forest:#1f5c3a;
  --forest-dark:#16462c;
  --leaf:#3e8b5b;
  --mint:#eff8f1;
  --snow:#ffffff;
  --text:#1d2a22;
  --muted:#5a6f62;
  --border:#d9e9dc;
  --soft:#f7fbf8;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--soft);
  color:var(--text);
  line-height:1.7;
}
a{color:var(--forest);text-decoration:none}
a:hover{opacity:.92}
img{max-width:100%;height:auto;display:block}

.container{width:min(1120px, calc(100% - 32px));margin:0 auto}

.site-header{
  background:linear-gradient(135deg,var(--forest-dark),var(--forest));
  color:#fff;
  padding:18px 0;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}
.topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.branding .site-title{
  margin:0;
  font-size:2rem;
  font-weight:800;
  line-height:1.1;
}
.branding .site-title a,.branding .site-description{color:#fff}
.branding .site-description{margin:6px 0 0;opacity:.9;font-size:.96rem}

.main-nav{
  background:rgba(255,255,255,.10);
  border-top:1px solid rgba(255,255,255,.14);
  margin-top:16px;
}
.main-nav .menu{
  display:flex;
  list-style:none;
  gap:20px;
  padding:14px 0;
  margin:0;
  flex-wrap:wrap;
}
.main-nav a{color:#fff;font-weight:600}

.hero{
  background:linear-gradient(180deg, rgba(22,70,44,.95), rgba(62,139,91,.88));
  color:#fff;
  padding:42px 0;
  margin-bottom:28px;
}
.hero-grid{
  display:grid;
  grid-template-columns:1.5fr 1fr;
  gap:24px;
  align-items:center;
}
.hero-card{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  padding:24px;
}
.hero-card h2{margin:0 0 12px;font-size:2rem;line-height:1.2}
.hero-card p{margin:0;color:rgba(255,255,255,.92)}

.content-area{
  display:block;
  margin-bottom:40px;
}
.content-area > main{
  width:100%;
}

.card,.widget,.post-single,.page-single{
  background:var(--snow);
  border:1px solid var(--border);
  border-radius:18px;
  box-shadow:0 10px 30px rgba(31,92,58,.06);
}
.posts-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.post-card{overflow:hidden}
.post-card .post-thumb img{aspect-ratio:16/9;object-fit:cover}
.post-card-content{padding:18px}
.post-card h2{margin:0 0 10px;font-size:1.22rem;line-height:1.3}
.post-meta{font-size:.92rem;color:var(--muted);margin-bottom:10px}
.post-excerpt{color:#304038}

.post-single,.page-single{padding:26px}
.post-single h1,.page-single h1{margin-top:0;font-size:2.1rem;line-height:1.2}

.sidebar{display:flex;flex-direction:column;gap:20px}
.widget{padding:20px}
.widget-title{margin:0 0 14px;font-size:1.15rem;color:var(--forest-dark)}
.widget ul{margin:0;padding-left:18px}

.search-form{display:flex;gap:10px}
.search-field,input[type="search"],input[type="text"],input[type="email"],textarea{
  width:100%;
  padding:12px 14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#fff;
}
button,input[type="submit"],.button{
  display:inline-block;
  padding:12px 16px;
  border:none;
  border-radius:12px;
  background:var(--forest);
  color:#fff;
  font-weight:700;
  cursor:pointer;
}

.entry-content p{margin:0 0 1rem}
.entry-content img{border-radius:14px}
.site-footer{
  background:var(--forest-dark);
  color:#fff;
  padding:26px 0;
  margin-top:30px;
}
.site-footer p{margin:0;color:rgba(255,255,255,.9)}

.screen-reader-text{
  border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);
  height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important;
}

@media (max-width: 900px){
  .hero-grid,.content-area,.posts-grid{grid-template-columns:1fr}
}

.sidebar{display:none !important}