/*!
Theme Name: OmniPress
Theme URI: http://omni1.ch
Author: Omni1 - Better AG
Author URI: https://omni1.ch
Description: OmniPress ist ein leichtgewichtiges, SEO-freundliches und hochgradig anpassbares WordPress-Theme, das für Blogs, Nachrichten-Websites und Content-Ersteller entwickelt wurde. Es wurde für Geschwindigkeit und Flexibilität entwickelt und lässt sich nahtlos mit modernen Front-End-Frameworks wie Tailwind CSS oder Bootstrap integrieren. Mit einem sauberen Design, optimierter Leistung und Gutenberg-Unterstützung ist OmniPress perfekt für Kunden, die eine professionelle und skalierbare Blog-Lösung benötigen.
Version: 1.1.1
Tested up to: 5.4
Requires PHP: 5.6
License: Commercial
Text Domain: omnipress
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

OmniPress is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


.content-area h2 {
    font-size: 1.5rem; /* text-2xl */
    font-weight: 700;  /* font-bold */
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: #1f2937; /* gray-900 */
  }

  .content-area h3 {
    font-size: 1.25rem; /* text-xl */
    font-weight: 700;    /* font-semibold */
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    color: #1f2937; /* gray-900 */
  }

  .content-area h4 {
    font-size: 1.125rem; /* text-lg */
    font-weight: 700;    /* font-semibold */
    margin-top: 1.25rem;
    margin-bottom: 0.75rem;
    color: #1f2937; /* gray-900 */
  }

  .content-area p {
    margin-bottom: 1.25rem;
    color: #4b5563; /* gray-700 */
    line-height: 1.75;
  }

  .content-area ul {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .content-area ol {
    list-style-type: decimal;
    padding-left: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .content-area li {
    margin-bottom: 0.5rem;
    color: #4b5563; /* gray-700 */
    line-height: 1.6;
  }

  .content-area ul ul,
  .content-area ol ol {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }


  /* Sözlük Sayfası Stilleri */
.glossary-container {
  display: flex;
  flex-wrap: wrap; /* Küçük ekranlarda alt alta gelmesi için */
  gap: 30px; /* Navigasyon ve içerik arası boşluk */
}

.glossary-alphabet-nav {
  flex: 0 0 200px; /* Sol navigasyon için sabit genişlik, esnemesin veya küçülmesin */
  padding: 15px;
  border: 1px solid #eee; /* Tasarımdaki gibi bir çerçeve */
  border-radius: 4px;
  align-self: flex-start; /* İçerik uzadıkça navigasyonun yukarıda kalması için */
}

.glossary-alphabet-nav .glossary-search-placeholder {
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 15px;
  color: #777;
  background-color: #f9f9f9;
  text-align: center; /* Tasarımdaki "Search" yazısı ortalanmış gibi */
}

.glossary-alphabet-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex; /* Harfleri yan yana getirmek için */
  flex-wrap: wrap; /* Harflerin sığmazsa alt satıra geçmesi için */
  gap: 5px; /* Harfler arası boşluk */
}

.glossary-alphabet-nav ul li {
  margin: 0; /* Tarayıcı varsayılanlarını sıfırla */
}

.glossary-alphabet-nav ul li a,
.glossary-alphabet-nav ul li.disabled {
  display: inline-block;
  padding: 5px 8px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #337ab7; /* Varsayılan link rengi */
  min-width: 20px; /* Harflerin kutucuklarının eşit genişlikte olması için */
  text-align: center;
}

.glossary-alphabet-nav ul li a:hover {
  background-color: #f5f5f5;
  border-color: #ccc;
}

.glossary-alphabet-nav ul li.disabled {
  color: #aaa;
  background-color: #f9f9f9;
  cursor: default;
}

.glossary-terms {
  flex: 1; /* Kalan alanı kaplaması için */
  min-width: 300px; /* İçeriğin çok daralmamasını sağlamak için */
}

.glossary-group {
  margin-bottom: 30px;
}

.glossary-letter-header {
  font-size: 2em; /* Harf başlıklarının boyutu */
  margin-top: 0;
  margin-bottom: 15px;
  border-bottom: 2px solid #eee; /* Harf başlığı altına çizgi */
  padding-bottom: 10px;
}

.glossary-terms dl {
  margin: 0;
  padding: 0;
}

.glossary-terms dt {
  font-weight: bold;
  font-size: 1.2em;
  margin-top: 10px;
}
.glossary-terms dt:first-child {
  margin-top: 0;
}

.glossary-terms dt a {
  text-decoration: none;
  color: #333; /* Veya temanızın başlık rengi */
}

.glossary-terms dt a:hover {
  text-decoration: underline;
}

.glossary-terms dd {
  margin-left: 0; /* Varsayılan girintiyi kaldır */
  margin-bottom: 15px;
  padding-left: 0; /* Ekstra padding'i kaldır */
  color: #555;
  line-height: 1.6;
}

/* Küçük ekranlar için (Örn: 768px altı) */
@media (max-width: 768px) {
  .glossary-container {
      flex-direction: column; /* Navigasyonu üste al */
  }
  .glossary-alphabet-nav {
      flex: 0 0 auto; /* Genişliği otomatik ayarla */
      width: 100%; /* Tam genişlik yap */
      margin-bottom: 20px;
  }
  .glossary-alphabet-nav ul {
      justify-content: center; /* Harfleri ortala */
  }
}