.cpress {
  overflow-x: auto !important;
}

.cpress_line {
  white-space: nowrap !important;
  display: flex !important;
  flex-wrap: nowrap !important;
}

.cpress_line_section {
  flex: 0 0 auto !important;
}
/* Mobil ve tablet için repertuar panelini tam genişlik yap */
@media (max-width: 768px) {
  .cbxwpbkmarklistwrap {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    background: #fff !important; /* Arka plan tam beyaz olsun */
    z-index: 99999 !important;   /* En üstte kalsın */
    overflow-y: auto;            /* İçerik taşarsa kaydırılabilsin */
  }

  .cbxwpbkmarklistwrap .cbxwpbkmark_cat_book_list,
  .cbxwpbkmarklistwrap .cbxwpbkmark_cat_add_form,
  .cbxwpbkmarklistwrap .cbxwpbkmark_cat_edit_form {
    width: 100% !important;
  }

  /* Üst başlığı daha mobil uyumlu yap */
  .cbxwpbkmarklistwrap .addto-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    font-size: 16px;
    background: #f2f2f2;
  }
}
.cpress_line_section {
  display: inline-block;
  vertical-align: bottom;
  margin: 0;
  padding: 0;
}

.cpress_line_section .lyric {
  display: inline-block;   /* block yerine inline-block olsun */
  line-height: 1.0em;      /* sözler düzgün hizalansın */
  margin: 0;
  padding: 0;
}

.cpress_line {
    display: none !important; /* başlangıçta gizli */
}

.show-cpress .cpress_line {
    display: inline-flex !important; /* buton aktifken inline-flex olsun */
    flex-wrap: wrap;
    align-items: flex-end;
}


/* SINGLE.PHP REKLAMLARININ MOBIL VE TABLETTE GİZLENMESİ */
@media (max-width: 1024px) {
  .reklam-alani-desktop {
    display: none !important;
  }
}
/* YAZILARDAKİ MENÜNÜN MOBİLDE GÖRÜNMEMESİ İÇİN */
.custom-menu-wrapper {
  width: 100%;
  margin: 20px 0;
}

.custom-menu-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.menu-toggle {
  display: none;
  font-size: 24px;
  background: none;
  border: 1px solid #ccc;
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 4px;
}

.custom-nav ul {
  list-style: none;
  display: flex;
  gap: 20px;
  padding: 0;
  margin: 10px 0;
}

.custom-nav a {
  text-decoration: none;
  color: #333;
  font-weight: 500;
}

/* Mobil görünüm */
@media (max-width: 768px) {
  .menu-toggle {
    display: inline-block;
  }

  .custom-nav {
    display: none;
    width: 100%;
  }

  .custom-nav.open {
    display: block;
  }

  .custom-nav ul {
    flex-direction: column;
    gap: 10px;
  }
}



/* AKOR DİYAGRAMLARI Dış kapsayıcı (tüm akorları sarar) */
.cpress_chordsheet {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 10px; /* arzuya göre azaltabilirsin */
}

.cpress-chord {
    width: 150px !important;  /* Sabit genişlik – her akor kutusu aynı */
    margin-bottom: 15px;
}

.cpress_chordsheet > i {
    width: 100% !important;
    flex: 0 0 100% !important;
    margin-bottom: 15px !important;
    font-style: italic !important;
    font-size: 10pt !important;
}
.cpress_chordsheet > p {
    width: 100% !important;
    flex: 0 0 100% !important;
    margin-bottom: 15px !important;
}

/* SVG içeriği */
.cpress-chord svg {
    height: 100% !important;
    width: 100% !important;
    object-fit: contain !important;
    display: block !important;
}

/* Mobil görünüm: 2 sütun */
@media (max-width: 768px) {
    .cpress-chord {
        width: 48% !important;
    }
}
.search-posts-container .search-post-list {
  max-height: 150px; /* yaklaşık 4 satıra denk gelir */
  overflow-y: auto;
  position: relative;
}

/* Liste alanı */
.search-posts-container .search-post-list {
  max-height: 150px;
  overflow-y: auto;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Scroll bar özelleştirme */
.search-posts-container .search-post-list::-webkit-scrollbar {
  width: 4px;
}
.search-posts-container .search-post-list::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius: 5px;
}

/* Her li */
.search-posts-container .search-post-list li {
  display: flex;
  align-items: center;
  margin-bottom: 7px;
  padding: 7px;
  background-color: #ccc;
  border: 1px solid #f7f7f7;
  box-sizing: border-box;
  transition: background-color 0.2s ease;
      height: 35px; 

}

/* Hover */
.search-posts-container .search-post-list li:hover {
  background-color: #eeeeee !important;
}

/* Küçük ikon (float değil artık, flex ile hizalanacak) */
.search-posts-container .search-post-list li .thumbnail {
  flex: 0 0 auto;
  margin-right: 7px;
  
}

/* Bağlantı */
.search-posts-container .search-post-list li a {
  flex: 1;
  display: inline-block;
  font-size: 10pt !important;
  color: #000 !important;
  text-decoration: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Karakter sınırlama: Masaüstü */
@media (min-width: 769px) {
  .search-posts-container .search-post-list li a {
    max-width: 56ch;
  }
}

/* Karakter sınırlama: Mobil */
@media (max-width: 768px) {
  .search-posts-container .search-post-list li a {
    max-width: 46ch;
  }
}

/* Responsive listeleme */
@media (max-width: 768px) {
  .search-posts-container .search-post-list li {
    width: 100%;
    float: none;
  }

  .search-posts-container .search-post-list li:nth-child(odd) {
    background-color: #f7f7f7;
  }

  .search-posts-container .search-post-list li:nth-child(even) {
    background-color: #fff;
  }
}

@media (min-width: 769px) {
  .search-posts-container .search-post-list li {
    width: 48%;
    float: left;
    margin-left: 10px;
  }

  .search-posts-container .search-post-list li:nth-child(4n-3),
  .search-posts-container .search-post-list li:nth-child(4n-2) {
    background-color: #f7f7f7;
  }

  .search-posts-container .search-post-list li:nth-child(4n-1),
  .search-posts-container .search-post-list li:nth-child(4n) {
    background-color: #fff;
  }
}


.relevanssi-live-search-instructions {
  display: none !important;
}
/* Arama formu kapsayıcısını konumlandır */
.search-form {
  position: relative; 
  /* Genişlik ayarlamak isterseniz:
     width: 100%; 
     max-width: 600px; 
     margin: 0 auto; */
}
.search-form input.search-submit {
    display: none !important;
}
/* Arama input yazısı ve placeholder metni 10pt */
.search-form input.search-field {
  font-size: 10pt !important;
}
/* Sadece placeholder metni için */
.search-form input.search-field::placeholder {
  font-size: 10pt !important;
}
.search-form input.search-field {
  background-color: #fff !important;
  font-size: 10pt !important; /* Önceki isteğinle birlikte */
  height:45px;
  color: #000 !important; /* Yazı rengi siyah kalır */
  -webkit-appearance: none; /* iOS için varsayılan stilleri sıfırlar */
  appearance: none;
}

/* Relevanssi sonuçları: açılır kutu (dropdown) gibi davranması için */
.search-form .relevanssi-live-search-results {
  position: absolute !important;
  top: calc(100% + 5px) !important;  /* Arama kutusunun hemen altından başlasın */
  left: 0 !important;
  width: 100% !important;            /* Form genişliği kadar olsun */
  box-sizing: border-box;
  border: 1px solid #ccc;           /* İnce kenarlık */
  background-color: #fff;
  z-index: 9999;                    /* Üstte görünmesi için */
  padding: 7px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Hafif gölge (isteğe bağlı) */
}
/* Relevanssi sonuç kapsayıcısını gizle, eğer aria-expanded false ise */
.relevanssi-live-search-results[aria-expanded="false"] {
  display: none !important;
}


/* Arama formunun kapsayıcısı */
.search-form {
  display: block;
  width: 100% !important;   /* Formun tamamı %100 */
  max-width: none !important; /* Tema engelliyorsa iptal et */
  margin: 0; /* İsteğe bağlı: merkezlemek isterseniz margin: 0 auto; yapabilirsiniz */
}

/* Label blok olsun, içindeki input da %100 kaplasın */
.search-form label {
  display: block;
  width: 100% !important;
  margin-bottom: 10px; /* Input ile buton arasında boşluk */
}

/* Arama kutusu (input) tam genişlikte */
.search-form .search-field,
.search-form input[type="search"] {
  display: block;
  width: 100% !important;
  box-sizing: border-box !important; /* Taşma önlemek için */
  border: 1px solid #808080 !important;

  margin: 0;
}

/* Arama butonu tam genişlikte */
.search-form .search-submit,
.search-form input[type="submit"] {
  display: block;
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #808080 !important;
  margin: 0;
}


.asl_image {
    margin-left: 5px !important;
    flex-shrink: 0 !important; /* Görselin boyutunun küçülmesini engelle */
    margin-bottom: 2px !important;
}
.asl_content {
    display: flex !important; /* Flexbox düzeni kullan */
    align-items: center !important; /* Dikeyde ortala */
    gap: 0 !important; /* Görsel ve yazı arasında boşluk */
}
.asl_content h3 {
    font-size: inherit !important; /* Varsayılan yazı boyutunu kullan */
    line-height: 1 !important; /* Daha iyi hizalama için satır yüksekliği */
}
/* Arama çubuğu input alanı ve placeholder */
form[role="search"] input.orig {
    font-size: 10pt !important;
}

form[role="search"] input.orig::placeholder {
    font-size: 10pt !important;
}

/* Otomatik tamamlama yazı tipi */
form[role="search"] input.autocomplete {
    font-size: 10pt !important;
}

/* Arama sonuçlarının yazı tipi */
.ajax-search-lite .asl_result {
    font-size: 10pt !important;
}

/* "Sonuç bulunamadı" mesajının yazı tipi */
.ajax-search-lite .asl_nothing_found {
    font-size: 10pt !important;
}

/* Tüm arama sonuçlarının yazı rengini siyah yap */
.asl_res_url {
    color: black !important;
}

/* Vurgulanan kelimenin (highlighted) rengini siyah yap */
.asl_res_url .highlighted {
    color: black !important;
}

/* Eğer overlap sınıfı varsa, onun rengini de siyah yap */
.asl_res_url .overlap {
    color: black !important;
}

/* Genel sonuç listesi yazı tipi */
.ajax-search-lite ul.asl_results {
    font-size: 10pt !important;
}

/* Arama sonuçlarındaki bağlantıların yazı tipi */
.ajax-search-lite .asl_res_url {
    font-size: 10pt !important;
}
/* Arama sonuçlarındaki bağlantı metni */
.asl_res_url {
    font-size: 10pt !important;
}

/* Sonuç bağlantılarındaki vurgulu kelime */
.asl_res_url .highlighted {
    font-size: 10pt !important;
}

/* Sonuç bulunamadığında çıkan mesajın yazı tipi */
.asl_nores_header {
    font-size: 10pt !important;
}

/* Ek olarak 'overlap' kısmının yazı tipi */
.asl_res_url .overlap {
    font-size: 10pt !important;
}


/* İletişim formu input alanlarının font boyutunu 10pt yap */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
    font-size: 10pt !important;
}

/* Butonların font boyutunu 10pt yap */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
    font-size: 10pt !important;
    width:100%;
}
.contact-form input[type="text"],
.contact-form textarea,
.contact-form button {
    font-size: 10pt !important;
}
/* Hata mesajlarının font boyutunu 10pt yap */
.error,
.error-message,
.form-error,
.validation-error,
.wpcf7-not-valid-tip,
.wpcf7-response-output {
    font-size: 10pt !important;
}
.contact-form .error,
.contact-form .error-message,
.contact-form .wpcf7-not-valid-tip {
    font-size: 10pt !important;
}


li a {
    font-size: 10pt; /* Yazı boyutunu 10pt olarak ayarla */
    font-family: 'Roboto', sans-serif; /* Yazı tipi Roboto olarak ayarla (isteğe bağlı) */
    line-height: 1.5; /* Satır yüksekliğini ayarla (isteğe bağlı) */
}


.toggle-chord-button {
    margin-bottom:15px;
}
.entry-meta {
    font-size: 1.05rem;
    font-weight: 500;
    line-height: normal;
}

.entry-meta a {
    font-size: 1.05rem;
    font-weight: 500;
    line-height: normal;
    color: #ff0000;
}

.entry-title {
    font-size: 1.05rem;
    font-weight: 500;
    line-height: normal;
}

.entry-title a {
    font-size: 1.05rem;
    font-weight: 500;
    line-height: normal;
    color: #ff0000;
}

body.login h1 a {
    background-image: url('https://akoryagmuru.com/wp-content/uploads/2024/12/icon_mini.png');
    background-size: contain;
    width: 100%;
    height: 100px;
}

@media (max-width: 767px) {
    .icerikDetay {
        font-size: 9pt; /* Daha küçük yazı boyutu */
        white-space: nowrap; /* Alt satıra geçişi engelle */
        overflow-x: auto; /* Yatay kaydırmayı etkinleştir */
    }

    .icerikDetay > * {
        margin-bottom: 10px; /* Alt aralık ekle */
    }
}


.icerikDetay {
    white-space: nowrap; /* Satırların alt satıra inmesini engelle */
    overflow-x: auto; /* Gerekirse yatay kaydırmayı etkinleştir */
    display: block; /* Blok düzen */
    font-size: 10pt; /* Yazı boyutunu ayarla */
    line-height: 1.5; /* Satır yüksekliğini düzenle */
    padding: 10px; /* İçerik kenar boşluğu */
}

.icerikDetay::-webkit-scrollbar {
    height: 6px; /* Kaydırma çubuğu boyutu */
}
.icerikDetay::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Kaydırma çubuğu rengi */
}


.icerikDetay > p {
    margin: 0; /* Paragraflar arasında boşluk bırakma */
}

.icerikDetay table {
    table-layout: fixed; /* Hücrelerin sabit genişlikte olmasını sağlar */
    width: 100%; /* Tabloyu ekrana sığdır */
}

.icerikDetay table th,
.icerikDetay table td {
    overflow: hidden; /* Taşan içeriği gizle */
    text-overflow: ellipsis; /* Taşan içeriği "..." ile göster */
    white-space: nowrap; /* Alt satıra inmesini engelle */
}


p:empty {
    margin: 1.5em; /* Boş paragraflar için boşluk bırakır */
}

br {
    line-height: 1.5; /* Satır yüksekliğini artırır */
}
.post span, 
.post p {
    font-family: 'Roboto';
    font-size: 10pt;
}

.button_ton {
    display: inline-block;
    padding: 1px;
    margin: 0px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 15px;
    line-height: 33px;
}

.button_ton.active {
    background-color: #74a1ea;
    border-color: #1863dc;
    border-width: 1px;
    border-style: solid;
    color: #fff;
}

.desktop-only {
    display: none;
}

@media (min-width: 768px) {
    .desktop-only {
        display: block;
    }
    .mobile-only {
        display: none;
    }
}

@media (max-width: 767px) {
    .desktop-only {
        display: none;
    }
    .mobile-only {
        display: block;
    }
}

.bookmark-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.print-buttons {
    display: flex;
    align-items: center;
}

.print-button {
    margin-left: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.mobile-only {
    display: none;
}

@media (max-width: 767px) {
    .mobile-only {
        display: block;
    }
}