.tuli-sozluk-container,
.sozluk-single-container,
.sozluk-archive-container {
  max-width: 980px;
  margin: 0 auto;
  padding: 16px 20px;
  font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}

.sozluk-alfabetik-menu {
  background: #f5f7fb;
  padding: 10px 12px;
  border-radius: 10px;
  margin: 12px 0 16px;
  text-align: center;
}

.alfabetik-menu { display:inline-flex; flex-wrap:wrap; justify-content:center; gap:8px 10px; }
.alfabetik-menu a {
  display: inline-block;
  padding: 6px 8px;
  margin: 0;
  background: transparent;
  color: #2b2f38;
  text-decoration: none;
  border-radius: 6px;
  border: none;
  transition: color .15s ease, background .15s ease;
}
.alfabetik-menu a:hover { background: rgba(0,0,0,.06); color:#0b5cab; }
.alfabetik-menu a:focus { outline: none; box-shadow: 0 0 0 2px rgba(0,124,186,.25); }
.alfabetik-menu a:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,124,186,.35);
}

.harf-grubu {
  margin: 18px 0 22px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.harf-baslik {
  font-size: 1.5em; color:#0b5cab;
  background:#ffffff;
  border:1px solid #e7eaf0;
  border-radius:10px;
  padding:10px 14px; /* üst-alt padding artırıldı */
  margin:6px 0 8px 0;
  font-weight:700;
  box-shadow:0 1px 2px rgba(16,24,40,.06);
}

.terim-item {
  background:#ffffff; border:1px solid #e7eaf0; border-radius:12px; padding:16px; margin:0;
  box-shadow:0 1px 3px rgba(16,24,40,.04), 0 1px 2px rgba(16,24,40,.06);
}
.terim-item:hover { box-shadow:0 6px 12px rgba(16,24,40,.08); border-color:#d9dde6; transform: translateY(-1px); transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease; }

.terim-baslik { margin:0 0 4px 0; font-size:1.12em; line-height:1.35; }
.terim-baslik a { color:#333; text-decoration:none; font-weight:600; }
.terim-baslik a:hover { color:#007cba; }

.kisa-aciklama { color:#4b5563; font-size:.95em; line-height:1.6; margin:6px 0 0 0; }

.terim-meta { display:flex; gap:6px; margin-top:8px; flex-wrap:wrap; align-items:center; flex-direction: row; }
.badge { padding:4px 10px; font-size:.75em; border-radius:999px; font-weight:700; line-height:1; display:inline-flex; align-items:center; letter-spacing:.01em; white-space:nowrap; }
.kategori,.zorluk { /* legacy support if .badge not present */ padding:4px 12px; font-size:.8em; border-radius:20px; font-weight:600; }
.kategori { background:#e3f2fd; color:#1976d2; }
.zorluk { background:#f3e5f5; color:#7b1fa2; }

.zorluk-baslangic { background:#e8f5e8; color:#2e7d32; }
.zorluk-orta      { background:#fff3e0; color:#f57c00; }
.zorluk-ileri     { background:#fce4ec; color:#c2185b; }
.zorluk-uzman     { background:#f3e5f5; color:#7b1fa2; }

.sozluk-arama-container { margin-bottom:30px; text-align:center; }
.sozluk-arama-form { display:flex; max-width:600px; margin:0 auto; gap:10px; align-items:center; }
.sozluk-arama-form input[type="text"] {
  flex:1; padding:12px 16px; border:2px solid #e5e7eb; border-radius:999px; font-size:16px; outline:none; transition:box-shadow .25s ease, border-color .25s ease;
}
.sozluk-arama-form input[type="text"]:focus { border-color:#007cba; box-shadow:0 0 0 4px rgba(0,124,186,.15); }
.sozluk-arama-form button {
  padding:12px 22px; background:#007cba; color:#fff; border:none; border-radius:999px; cursor:pointer; font-weight:700; transition:transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.sozluk-arama-form button:hover { background:#005a87; transform:translateY(-1px); box-shadow:0 8px 16px rgba(0,90,135,.25); }
.arama-sonuclari { margin-top:20px; text-align:left; }

.arama-sonuc-listesi { list-style:none; padding:0; background:#fff; border-radius:8px; box-shadow:0 2px 10px rgba(0,0,0,.1); }
.arama-sonuc-listesi li { border-bottom:1px solid #eee; }
.arama-sonuc-listesi li:last-child { border-bottom:none; }
.arama-sonuc-listesi a { display:block; padding:15px 20px; text-decoration:none; color:#333; transition:background .3s ease; }
.arama-sonuc-listesi a:hover { background:#f8f9fa; }
.arama-sonuc-listesi strong { display:block; margin-bottom:5px; color:#007cba; }
.arama-sonuc-listesi span { font-size:.9em; color:#666; }

/* Single / Archive header backgrounds */
body.single-sozluk, body.post-type-archive-sozluk {
  background: linear-gradient(180deg, #1A52CC 25%, #4A84E0 100%) !important; min-height:100vh;
}
.sozluk-single-post {
  background:#fff; padding:40px; border-radius:12px; box-shadow:0 4px 20px rgba(0,0,0,.1);
  margin:20px auto 30px auto; max-width:1000px;
}
.sozluk-header {
  border-bottom:2px solid #f0f0f0; padding-bottom:30px; margin-bottom:30px;
  background:linear-gradient(135deg,#1A52CC 0%,#4A84E0 100%); color:#fff; padding:30px; border-radius:12px; margin:-40px -40px 30px -40px;
}
.sozluk-title { font-size:2.5em; color:#fff; margin-bottom:15px; font-weight:700; text-align:center; }
.sozluk-kisa-aciklama { background:#f8f9fa; padding:20px; border-left:4px solid #007cba; border-radius:0 8px 8px 0; margin:20px 0; }
.sozluk-kisa-aciklama p { margin:0; font-size:1.1em; color:#555; font-style:italic; }

.sozluk-meta-info { display:flex; gap:15px; margin-top:20px; flex-wrap:wrap; }
.sozluk-kategori, .sozluk-zorluk { padding:8px 16px; border-radius:25px; font-weight:600; font-size:.9em; }

.sozluk-content { font-size:1.1em; line-height:1.8; color:#333; margin-bottom:40px; }
.sozluk-content h2,.sozluk-content h3,.sozluk-content h4 { color:#007cba; margin-top:30px; margin-bottom:15px; }
.sozluk-content p { margin-bottom:20px; }
.sozluk-content ul,.sozluk-content ol { margin-bottom:20px; padding-left:30px; }
.sozluk-content li { margin-bottom:8px; }

.sozluk-ornekler { background:#f8f9fa; padding:24px; border-radius:12px; margin:32px 0; border:1px solid #e7eaf0; box-shadow:0 2px 10px rgba(16,24,40,.06); }
.sozluk-ornekler h3 { color:#1a52cc; margin-bottom:16px; font-size:1.35em; letter-spacing:.01em; }
.ornek-liste { display:grid; gap:10px; }
.ornek-liste p { margin:0 0 10px 0; }
.ornek-liste a {
  display:block;
  background:#ffffff;
  border:1px solid #e7eaf0;
  border-radius:10px;
  padding:12px 14px;
  box-shadow:0 1px 3px rgba(16,24,40,.05);
  transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease, color .2s ease;
  color:#0b5cab;
  text-decoration:none;
  font-weight:600;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.ornek-liste a:hover {
  box-shadow:0 6px 12px rgba(16,24,40,.10);
  transform: translateY(-1px);
  border-color:#d9dde6;
  color:#005a87;
  text-decoration:none;
}
.ornek-liste a:focus-visible { outline: 3px solid rgba(0,124,186,.35); outline-offset: 2px; }

.sozluk-etiketler { background:#fff; border:1px solid #e1e5e9; padding:20px; border-radius:8px; margin:20px 0; }
.sozluk-etiketler h4 { margin-bottom:15px; color:#333; }
.etiket { display:inline-block; background:#e3f2fd; color:#1976d2; padding:5px 12px; border-radius:15px; font-size:.85em; margin:3px 5px 3px 0; font-weight:500; }

.sozluk-navigasyon { text-align:center; margin-top:40px; padding-top:30px; border-top:1px solid #e1e5e9; }
.geri-don-btn { display:inline-block; padding:12px 24px; background:#007cba; color:#fff; text-decoration:none; border-radius:25px; font-weight:600; transition:all .3s ease; }
.geri-don-btn:hover { background:#005a87; transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,124,186,.3); }

/* Archive Header */
.sozluk-archive-header { text-align:center; margin-bottom:12px; padding:40px 24px 22px 24px; background:#FF6F00; color:#fff; border-radius:0 0 12px 12px; box-shadow:0 8px 18px rgba(0,0,0,.10); }
.sozluk-archive-header h1, .sozluk-archive-header p { text-align: center; margin-left: auto; margin-right: auto; }

.terim-yok { text-align:center; padding:40px 16px; background:#f8f9fa; border-radius:10px; color:#666; font-size:1.06em; border:1px dashed #e5e7eb; }

@media (max-width: 768px) {
  .tuli-sozluk-container, .sozluk-single-container, .sozluk-archive-container { padding:8px 12px; }
  .alfabetik-menu a { padding:2px 6px; font-size:.85em; }
  .terim-meta, .sozluk-meta-info { flex-direction:column; gap:4px; }
  .sozluk-arama-form { flex-direction:column; }
  .sozluk-single-post { padding:18px; margin:12px auto 20px auto; border-radius:12px; }
  .sozluk-header { margin: -18px -18px 16px -18px; padding:20px; border-radius:12px; }
  .sozluk-ornekler { padding:16px; border-radius:10px; }
  .ornek-liste a { padding:12px; border-radius:10px; }
  .sozluk-etiketler { padding:16px; border-radius:10px; }
  .sozluk-title { font-size:1.8em; }
  .sozluk-archive-header h1 { font-size:2em; }
}

/* Wider screens: show resources in two columns */
@media (min-width: 900px) {
  .ornek-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ornek-liste a { padding:14px 16px; }
}

/* Archive: minimal alphabet bar like in screenshot */
.post-type-archive-sozluk .sozluk-alfabetik-menu { background: transparent; box-shadow: none; backdrop-filter:none; padding: 8px 0 0; position: relative; top: auto; }
.post-type-archive-sozluk .alfabetik-menu { display:flex; gap:14px; justify-content:center; align-items:center; overflow-x:auto; padding: 0 6px 2px; }
.post-type-archive-sozluk .alfabetik-menu a {
  background: transparent; border: none; color: rgba(255,255,255,.9);
  text-transform: uppercase; letter-spacing: .14em; font-weight: 700; padding: 2px 2px; position: relative;
}
.post-type-archive-sozluk .alfabetik-menu a:hover,
.post-type-archive-sozluk .alfabetik-menu a:focus { color: #ff6a3d; }
.post-type-archive-sozluk .alfabetik-menu a:hover::after,
.post-type-archive-sozluk .alfabetik-menu a:focus::after { content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 2px; background: #ff6a3d; border-radius: 2px; }

/* Default highlight for the first '#' item to match mock */
.post-type-archive-sozluk .alfabetik-menu a:first-child { color:#ff6a3d; }
.post-type-archive-sozluk .alfabetik-menu a:first-child::after { content: ""; position:absolute; left:0; right:0; bottom:-6px; height:3px; background:#ff6a3d; border-radius:2px; }

/* Bring the alphabet bar visually into the blue hero band */
.post-type-archive-sozluk .tuli-sozluk-container { padding-top: 8px; }
.post-type-archive-sozluk .tuli-sozluk-container .sozluk-alfabetik-menu { margin-top: 8px; padding-left: 0; }
.post-type-archive-sozluk .sozluk-archive-content { margin-top: 8px; }

/* Dark mode tweaks */
@media (prefers-color-scheme: dark) {
  .sozluk-alfabetik-menu { background: rgba(255,255,255,.06); box-shadow: 0 6px 20px rgba(0,0,0,.2); }
  .alfabetik-menu a { background:#0f172a; color:#e5e7eb; border-color:#1f2937; }
  .alfabetik-menu a:hover { background:#2563eb; box-shadow:0 8px 18px rgba(37,99,235,.35); }
  .harf-baslik { background:#0b1020; color:#93c5fd; border-bottom-color:#3b82f6; }
  .terim-item { background:#ffffff; border-color:#1f2937; box-shadow:0 1px 2px rgba(0,0,0,.6); }
  .terim-baslik a { color:#e5e7eb; }
  .kisa-aciklama { color:#cbd5e1; }
  .kategori { background:#0b3a68; color:#bfdbfe; }
  .zorluk { background:#3b0764; color:#e9d5ff; }
  .sozluk-archive-header { box-shadow:0 10px 24px rgba(0,0,0,.4); }
  .terim-yok { background:#0b1020; color:#cbd5e1; border-color:#1f2937; }
  /* Resource cards dark mode */
  .sozluk-ornekler { background:#0b1020; border-color:#1f2937; box-shadow:0 1px 4px rgba(0,0,0,.6); }
  .sozluk-ornekler h3 { color:#93c5fd; }
  .ornek-liste a { background:#0f172a; border-color:#1f2937; color:#bfdbfe; }
  .ornek-liste a:hover { border-color:#334155; color:#93c5fd; }
}

/* Theme interference fixes: hide theme page titles on glossary pages */
html { scroll-behavior: smooth; }
body.single-sozluk .entry-title,
body.single-sozluk .page-title,
body.post-type-archive-sozluk .entry-title,
body.post-type-archive-sozluk .page-title {
  display: none !important;
}

/* Removed heavy layer reset to let our colors/backgrounds show as intended */

/* Safe resets scoped to our containers */
.tuli-sozluk-container h1,
.tuli-sozluk-container h2,
.tuli-sozluk-container h3,
.tuli-sozluk-container p,
.sozluk-single-container h1,
.sozluk-single-container h2,
.sozluk-single-container h3,
.sozluk-single-container p {
  margin-block-start: revert;
  margin-block-end: revert;
  line-height: inherit;
}

/* Centering tweaks for glossary list */
.tuli-sozluk { max-width: 980px; margin-left: auto; margin-right: auto; }
