/*
Theme Name: Newsify
Theme URI: https://themescraft.com/newsify
Author: ThemesCraft
Author URI: https://themescraft.com/
Description: Newsify is a modern multipurpose news and magazine WordPress theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: newsify
Tags: blog, one-column, two-columns, right-sidebar, left-sidebar, custom, custom-background, custom-header, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready
*/

body {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-display: swap;
  color: #555;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.navbar-wrap ul li a {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-display: swap;
}

/* Kolumların eşit hizalaması için */
.news_post_grid_design .row {
  display: flex;
  flex-wrap: wrap;
}

.news_post_grid_design .row > div[class*="col-"] {
  display: flex;
  flex-direction: column;
}

.recently-post-item {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.recently-post-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Daha Fazla butonunun güzelleştirilmesi */
.read-more {
  display: inline-block;
  padding: 8px 16px;
  background-color: #ff5722;
  color: white !important;
  font-weight: 600;
  text-decoration: none;
  border-radius: 4px;
  transition: all 0.3s ease;
  margin-top: auto;
  border: 1px solid #ff5722;
  text-align: center;
}

.read-more:hover {
  background-color: #fff;
  color: #ff5722 !important;
  border-color: #ff5722;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.read-more i {
  margin-left: 8px;
  transition: transform 0.3s ease;
}

.read-more:hover i {
  transform: translateX(5px);
}

/* Yorum formu alanı için düzenlemeler */
textarea.form-control,
textarea.form-control.msg-box,
.comment-form textarea#comment {
  min-height: 180px !important;
  height: auto !important;
  width: 100% !important;
  padding: 15px;
  border-radius: 8px;
  resize: vertical;
}

.form-control.msg-box {
  margin-bottom: 20px;
}

/**
 * Breadcrumb Stilleri
 */
.tankesif-breadcrumb {
  background-color: #f8f9fa;
  padding: 10px 0;
  margin-bottom: 20px;
  width: 100%;
}

.tankesif-breadcrumb .breadcrumb-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 15px;
}

.tankesif-breadcrumb .breadcrumb-item {
  display: flex;
  align-items: center;
  color: #333;
}

.tankesif-breadcrumb .breadcrumb-item a {
  color: #ff5722;
  text-decoration: none;
  transition: color 0.3s ease;
}

.tankesif-breadcrumb .breadcrumb-item a:hover {
  color: #e64a19;
  text-decoration: underline;
}

.tankesif-breadcrumb .breadcrumb-item.active {
  color: #6c757d;
}

.tankesif-breadcrumb .separator {
  color: #6c757d;
  font-size: 12px;
}

/**
 * Kategori Sayfası Düzeni Genişletme
 * Sayfa genişliğini tam kullanma ve içerik alanlarını düzenleme 
 */
.blog-area-two .container,
section#main-content .container,
.theme-breacrumb-area .container,
.category-layout-two.main-blog-layout {
  max-width: 1400px !important;
  width: 100% !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Blog grid yapısını düzenle */
.category-layout-two.main-blog-layout.blog-new-layout {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)) !important;
  gap: 25px !important;
  width: 100% !important;
}

/* Blog kartlarını daha iyi hizala */
.blog-post-item {
  width: 100% !important;
  margin-bottom: 25px !important;
}

/* Blog card görünümü */
.blog-card {
  height: 100% !important;
  width: 100% !important;
}

/* Blog görseli boyutu */
.blog-thumb img {
  width: 100% !important;
  height: 250px !important;
  object-fit: cover !important;
}

/* Category sayfa başlığını düzenle */
.theme-breacrumb-title {
  font-size: 32px !important;
  margin-bottom: 20px !important;
}

/* Kategori sayfası kenar boşluklarını düzenle */
@media (min-width: 992px) {
  .blog-area-two,
  section#main-content {
    padding: 40px 0 !important;
  }

  .blog-area-two .col-lg-8,
  .blog-spacing .col-lg-8,
  section#main-content .col-lg-8 {
    flex: 0 0 75% !important;
    max-width: 75% !important;
    width: 75% !important;
  }

  .blog-area-two .col-lg-4,
  .blog-spacing .col-lg-4,
  section#main-content .col-lg-4 {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
}

/* Mobil düzenlemeler */
@media (max-width: 991px) {
  .category-layout-two.main-blog-layout.blog-new-layout {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .category-layout-two.main-blog-layout.blog-new-layout {
    grid-template-columns: 1fr !important;
  }
  /* Category sayfa başlığını düzenle */
  .theme-breacrumb-title {
    font-size: 32px !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
  }
  .blog-area-two .container,
  section#main-content .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

/**
 * Kategori Sayfası Stilleri
 */
.theme-breacrumb-area {
  background-color: transparent;
  text-align: center;
}

.theme-breacrumb-title {
  font-size: 28px;
  font-weight: 700;
  color: #333;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.blog-area-two {
  padding: 40px 0;
}

.blog-area-two .container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 15px;
}

.blog-area-two .row,
section#main-content .row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.blog-area-two .col-lg-8,
section#main-content .col-lg-8 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.category-layout-two,
.main-blog-layout {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 25px;
  margin-bottom: 30px;
}

@media (max-width: 992px) {
  .blog-area-two .container,
  section#main-content .container {
    max-width: 720px;
  }
}

@media (max-width: 768px) {
  .blog-area-two .container,
  section#main-content .container {
    max-width: 540px;
  }

  .theme-breacrumb-title {
    font-size: 24px;
  }
}

.theme-pagination-style {
  margin-top: 30px;
  text-align: center;
}

.theme-pagination-style .page-numbers {
  display: inline-block;
  padding: 8px 14px;
  margin: 0 3px;
  border: 1px solid #ddd;
  color: #333;
  border-radius: 4px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.theme-pagination-style .page-numbers:hover {
  background-color: #f5f5f5;
}

.theme-pagination-style .page-numbers.current {
  background-color: #ff5722;
  border-color: #ff5722;
  color: #fff;
}

/**
 * Blog Post Item Stilleri
 */
.blog-post-item {
  margin-bottom: 25px;
}

.blog-card {
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.blog-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.blog-thumb {
  position: relative;
  overflow: hidden;
}

.blog-thumb img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.blog-card:hover .blog-thumb img {
  transform: scale(1.05);
}

.post-categories {
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.post-categories a {
  display: inline-block;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 3px;
  text-decoration: none;
  margin-right: 5px;
  margin-bottom: 5px;
  color: #fff !important;
  transition: all 0.3s ease;
}

.post-categories a:hover {
  background-color: #e64a19;
  color: #fff;
}

.blog-content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.entry-title {
  font-size: 18px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 15px;
  line-height: 1.3;
}

.entry-title a {
  color: #333;
  text-decoration: none;
  transition: color 0.3s ease;
}

.entry-title a:hover {
  color: #ff5722;
}

.post-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  font-size: 13px;
  color: #777;
}

.post-meta span {
  display: flex;
  align-items: center;
}

.post-meta i {
  margin-right: 5px;
  color: #ff5722;
}

.post-meta a {
  color: #777;
  text-decoration: none;
  transition: color 0.3s ease;
}

.post-meta a:hover {
  color: #ff5722;
}

.post-excerpt {
  color: #666;
  line-height: 1.6;
  margin-bottom: 20px;
  flex-grow: 1;
}

.read-more {
  margin-top: auto;
}

/* Ana içerik alanı düzenlemeleri */
section#main-content .container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 15px;
}

@media (max-width: 768px) {
  .category-layout-two,
  .main-blog-layout {
    grid-template-columns: 1fr;
  }

  .theme-breacrumb-title {
    font-size: 24px;
  }
}

/* Widget başlıkları için CSS düzeltmesi */
.widget-title,
h3.wp-block-heading,
.sidebar-widget h3.widget-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  color: #272727;
  margin-bottom: 20px;
  font-family: "Poppins", Sans-serif;
}

/* Blog kategori sayfası düzen düzeltmesi */
@media (min-width: 992px) {
  .blog-area-two .row,
  .blog-spacing .row,
  .category-layout-two.row,
  section#main-content .row {
    display: flex;
    flex-wrap: wrap;
  }

  .blog-area-two .col-lg-8,
  .blog-spacing .col-lg-8,
  section#main-content .col-lg-8 {
    float: left;
    width: 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .blog-area-two .col-lg-4,
  .blog-spacing .col-lg-4,
  section#main-content .col-lg-4 {
    float: left;
    width: 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  /* Kategori sayfası için sidebar konum düzeltmesi */
  .blog-area-two #sidebar,
  .blog-spacing #sidebar,
  section#main-content #sidebar {
    position: sticky;
    top: 30px;
  }
}

/* Kategori ve arşiv sayfalarında sütun düzeltmeleri */
@media (max-width: 991px) {
  .blog-area-two .col-lg-8,
  .blog-spacing .col-lg-8,
  section#main-content .col-lg-8,
  .blog-area-two .col-lg-4,
  .blog-spacing .col-lg-4,
  section#main-content .col-lg-4 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}

/* Son yazılar, yorumlar, arşivler, kategoriler ve daha fazla alanları için CSS */
#son-yazilar h3.wp-block-heading,
#son-yorumlar h3.wp-block-heading,
#arsivler h3.wp-block-heading,
#kategoriler h3.wp-block-heading,
#daha-fazla h3.wp-block-heading,
#kategoriler-1 h3.wp-block-heading {
  font-size: 20px;
  font-weight: 700;
  color: #272727;
  margin-bottom: 20px;
}

/* İlgili Gönderiler başlığı için stil */
h3#ilgili-gonderiler {
  font-size: 22px;
  font-weight: 700;
  color: #272727;
  margin-top: 30px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #f0f0f0;
  font-family: "Poppins", Sans-serif;
}

/* İlgili gönderiler yazıları için stil */
.theme_related_posts_wrapper .row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.theme_related_posts_wrapper .col-md-4 {
  padding: 0 15px;
  margin-bottom: 30px;
}

.theme_related_posts_wrapper .blog-thumb img {
  height: 200px;
  object-fit: cover;
}

.theme_related_posts_wrapper .entry-title {
  font-size: 16px;
}

/* Kategori sayfası düzen iyileştirmeleri */
body.category main,
body.archive main,
body.tag main {
  width: 100%;
  max-width: 100%;
}

body.category .container,
body.archive .container,
body.tag .container {
  max-width: 1400px;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

/* Grid düzeni - Sadece kategori/arşiv sayfalarında */
body.category .category-layout-two.main-blog-layout,
body.archive .main-blog-layout,
body.tag .main-blog-layout {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
  gap: 25px;
  width: 100%;
}

/* Blog kartları - Genel */
.blog-card {
  height: 100%;
  width: 100%;
  margin: 0;
}

.blog-thumb img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}

/* Ana içerik ve kenar çubuğu genişlikleri - Kategori/arşiv sayfalarında */
@media (min-width: 992px) {
  body.category #main-content .col-lg-8,
  body.archive #main-content .col-lg-8,
  body.tag #main-content .col-lg-8 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  body.category #main-content .col-lg-4,
  body.archive #main-content .col-lg-4,
  body.tag #main-content .col-lg-4 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  /* Tekil içerik sayfaları için özel düzen */
  body.single #main-content .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  body.single #main-content .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

/* Mobil düzen ayarlamaları */
@media (max-width: 767px) {
  body.category .category-layout-two.main-blog-layout,
  body.archive .main-blog-layout,
  body.tag .main-blog-layout {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  body.category .category-layout-two.main-blog-layout,
  body.archive .main-blog-layout,
  body.tag .main-blog-layout {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Kategori sayfalarında içeriğin tam genişlik alması için */
body.category .newsify-blog-area .row,
body.archive .newsify-blog-area .row,
body.tag .newsify-blog-area .row {
  width: 100%;
  margin: 0;
}

/* Widget'ların genişliğini ayarlama - Blog sayfasında eski haline getirme */
.sidebar-widget-area .widget {
  width: 100%;
}

/* Tekil sayfalarda sidebar widget genişliği düzeltmesi */
body.single #sidebar .widget,
body.single .sidebar-widget-area .widget {
  width: 100%;
  margin-bottom: 30px;
}

/* Footer widget başlıkları ve metinleri için beyaz renk tanımlaması */
footer .widget-title,
footer h3.widget-title,
footer h3.wp-block-heading,
footer .widget_nav_menu h3,
footer .footer-widget h4.widget-title,
footer #nav_menu-1 h3.widget-title,
footer .widget-title-footer,
.theme-footer-wrapper .footer-area h3,
.theme-footer-wrapper .footer-area h4,
.footer-widget-title,
.footer-widget .widget-title {
  color: #ffffff !important;
}

/* Footer'daki politika ve sözleşme başlıkları */
footer h3.widget-title[class*="politika"],
footer h3.widget-title:contains("Politika"),
footer h3.widget-title:contains("Sözleşme"),
footer .widget_block h3:contains("Politika"),
.theme-footer-wrapper .widget_block h3,
footer .footer-top h3,
#ileti-widget h3.widget-title,
.theme-footer-wrapper .footer-widget .widget-title {
  color: #ffffff !important;
}

/* Footer menüsü özel düzeltmesi - "Hızlı Erişim" ve "Politika & Sözleşme" başlıkları için */
.theme-footer-wrapper .footer-widget h3.widget-title,
.theme-footer-wrapper h3,
#nav_menu-1 h3,
#nav_menu-2 h3,
.theme-footer-wrapper #nav_menu-1 .widget-title,
.theme-footer-wrapper #nav_menu-2 .widget-title,
footer #ileti-widget h3,
footer #nav_menu-1 h3,
footer #nav_menu-2 h3 {
  color: #ffffff !important;
}

/* Doğrudan footer widget alanı için */
.footer-widget-area .widget-title,
.footer-widget-area .wp-block-heading,
.footer-widget-area h3,
.footer-widget-area h4,
.footer-widget h3 {
  color: #ffffff !important;
}

/* Footer alanındaki tüm widget başlıkları için genel kural */
.see_footer_widgets .widget_nav_menu .widget-title,
.theme-footer-wrapper .footer-area .footer-widget .widget-title,
.theme-footer-wrapper .theme-footer-wrapper h3,
.footer-top h3,
.footer-widget h3 {
  color: #ffffff !important;
}

/* Görseldeki etiketler için özel renkler - sadece a.tag.news-cat_Name için */
a.tag.news-cat_Name[href*="teknoloji"] {
  background-color: #1e73be !important;
  color: #ffffff !important;
}

a.tag.news-cat_Name[href*="psikoloji"] {
  background-color: #ff3385 !important;
  color: #ffffff !important;
}

a.tag.news-cat_Name[href*="is-finans"] {
  background-color: #dd3333 !important;
  color: #ffffff !important;
}

a.tag.news-cat_Name[href*="saglik"] {
  background-color: #81d742 !important;
  color: #ffffff !important;
}

a.tag.news-cat_Name[href*="tv-sinema"] {
  background-color: #8224e3 !important;
  color: #ffffff !important;
}

a.tag.news-cat_Name[href*="oyun"] {
  background-color: #dd9933 !important;
  color: #ffffff !important;
}

/* Temel kategori etiketi stilleri - a.tag.news-cat_Name sınıfı için */
a.tag.news-cat_Name {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 3px;
  text-decoration: none;
  color: #fff !important;
  background-color: #ff5722; /* Varsayılan renk */
}

/* Post kategorileri için varsayılan stiller - bunları resetlememeliyiz */
.post-categories a {
  display: inline-block;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 3px;
  text-decoration: none;
  margin-right: 5px;
  margin-bottom: 5px;
  color: #fff !important;
  transition: all 0.3s ease;
}

/* Kategori renkleri için - post-categories sınıfı için */
.post-categories a[href*="teknoloji"] {
  background-color: #1e73be;
}

.post-categories a[href*="test"] {
  background-color: #ff5722;
}

.post-categories a[href*="psikoloji"] {
  background-color: #ff3385;
}

.post-categories a[href*="is-finans"] {
  background-color: #dd3333;
}

.post-categories a[href*="saglik"] {
  background-color: #81d742;
}

.post-categories a[href*="tv-sinema"] {
  background-color: #8224e3;
}

.post-categories a[href*="oyun"] {
  background-color: #dd9933;
}

/* Elementor sayfasındaki kategori etiketleri için özel stiller */
.elementor-widget-container a.tag.news-cat_Name[href*="teknoloji"] {
  background-color: #1e73be !important;
  color: #ffffff !important;
}

.elementor-widget-container a.tag.news-cat_Name[href*="psikoloji"] {
  background-color: #ff3385 !important;
  color: #ffffff !important;
}

.elementor-widget-container a.tag.news-cat_Name[href*="is-finans"] {
  background-color: #dd3333 !important;
  color: #ffffff !important;
}

.elementor-widget-container a.tag.news-cat_Name[href*="saglik"] {
  background-color: #81d742 !important;
  color: #ffffff !important;
}

.elementor-widget-container a.tag.news-cat_Name[href*="tv-sinema"] {
  background-color: #8224e3 !important;
  color: #ffffff !important;
}

.elementor-widget-container a.tag.news-cat_Name[href*="oyun"] {
  background-color: #dd9933 !important;
  color: #ffffff !important;
}

/* Theme kategori kutuları için stiller */
.theme-category-box a {
  display: inline-block;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 3px;
  text-decoration: none;
  margin-right: 5px;
  margin-bottom: 5px;
  color: #fff !important;
  transition: all 0.3s ease;
  background-color: #ff5722; /* Varsayılan renk */
}

/* Theme kategori kutuları için renk tanımları */
.theme-category-box a[href*="teknoloji"] {
  background-color: #1e73be !important;
}

.theme-category-box a[href*="psikoloji"] {
  background-color: #ff3385 !important;
}

.theme-category-box a[href*="is-finans"] {
  background-color: #dd3333 !important;
}

.theme-category-box a[href*="saglik"] {
  background-color: #81d742 !important;
}

.theme-category-box a[href*="tv-sinema"] {
  background-color: #8224e3 !important;
}

.theme-category-box a[href*="oyun"] {
  background-color: #dd9933 !important;
}

/**
 * Header genişletme - Tüm sayfalarda kategori sayfasındaki gibi görünüm 
 */
.menu-area .container {
  max-width: 1400px !important;
  width: 100% !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Tüm sayfalarda header'ın geniş olmasını sağla */
.container,
body.home .container,
body.single .container,
body.page .container,
header .container,
.header-top .container,
#sticky-header .container,
.menu-area .container {
  max-width: 1400px !important;
  width: 100% !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Önceki değişikliği geri al */
#sticky-header,
.menu-area,
#sticky-header .container,
body.home #sticky-header,
body.single #sticky-header,
body.page #sticky-header,
body.home .menu-area,
body.single .menu-area,
body.page .menu-area,
body.search #sticky-header,
body.search .menu-area {
  border-bottom: initial !important;
}

/**
 * Blog içeriği görselleri düzeltme
 * Sadece tekil yazı sayfalarında görsellerin tam genişlikte görünmesi için
 */
/* Önceki geniş düzenlemeyi kaldır */
body.single .post-featured-image {
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 30px !important;
  text-align: center !important;
}

body.single .post-featured-image img,
body.single .post-featured-image .img-fluid {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover !important;
}

/* Tekil yazılarda blog içeriği düzenlemeleri - sadece single-blog-content sınıfı için */
body.single .single-blog-content {
  width: 100% !important;
  max-width: 100% !important;
}

body.single .post-body {
  width: 100% !important;
  max-width: 100% !important;
}

/* Blog içerik görsellerinin ortalanması - sadece tekil sayfalarda */
body.single .post-content img,
body.single .entry-content img,
body.single .wp-block-image img {
  display: block !important;
  margin: 0 auto !important;
  max-width: 100% !important;
  height: auto !important;
}

/* Blog yazılarında içerik genişliği - sadece tekil sayfalarda */
body.single article .post-body,
body.single .theme-blog-details,
body.single .post-content,
body.single .entry-content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Mobil görünüm düzeltmeleri - sadece tekil sayfalarda */
@media (max-width: 768px) {
  body.single .post-featured-image {
    margin-left: -15px !important;
    margin-right: -15px !important;
    width: calc(100% + 30px) !important;
  }
}

@media (max-width: 768px) {
  .tankesif-breadcrumb {
    margin: 0;
    padding: 10px;
  }

  .tankesif-breadcrumb .breadcrumb-inner {
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .tankesif-breadcrumb .breadcrumb-inner::-webkit-scrollbar {
    display: none;
  }

  .tankesif-breadcrumb .breadcrumb-item {
    white-space: nowrap;
    flex: 0 0 auto;
  }
}

/* Mobil Düzenlemeler - Sadece İçerik Alanı */
@media (max-width: 768px) {
  /* Ana içerik container'ı */
  body.single .single-blog-content,
  body.single .post-body,
  body.single .entry-content,
  body.single .post-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* İçerik metni için padding */
  body.single .entry-content p,
  body.single .post-content p {
    padding: 0 15px !important;
  }

  /* Blog kartları için düzenleme */
  .blog-card {
    width: 100% !important;
    margin: 0 !important;
  }

  .blog-thumb img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }
}

/* Tablet Görünüm */
@media (min-width: 769px) and (max-width: 991px) {
  body.single .single-blog-content,
  body.single .post-body {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 20px !important;
  }

  body.single .post-featured-image img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }

  /* Tekil yazı sayfası düzenlemeleri */
  body.single .container {
    max-width: 1200px !important;
    width: 100% !important;
    padding: 0 20px !important;
    margin: 0 auto !important;
  }

  body.single .single-blog-content,
  body.single .post-body,
  body.single .entry-content,
  body.single .post-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  /* Başlık ve paragraf hizalamaları */
  body.single .entry-content h1,
  body.single .entry-content h2,
  body.single .entry-content h3,
  body.single .entry-content h4,
  body.single .entry-content h5,
  body.single .entry-content h6,
  body.single .entry-content p,
  body.single .entry-content ul,
  body.single .entry-content ol {
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  /* Görsel düzenlemeleri */
  body.single .post-featured-image,
  body.single .post-featured-image img,
  body.single .wp-block-image,
  body.single .wp-block-image img,
  body.single .entry-content img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: relative !important;
    object-fit: contain !important;
  }
}
/* Mobil düzenlemeler */
@media (max-width: 768px) {
  body.single .container {
    padding: 0 15px !important;
  }

  body.single .post-featured-image,
  body.single .post-featured-image img,
  body.single .wp-block-image,
  body.single .wp-block-image img,
  body.single .entry-content img {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.single .entry-content h1,
  body.single .entry-content h2,
  body.single .entry-content h3,
  body.single .entry-content h4,
  body.single .entry-content h5,
  body.single .entry-content h6,
  body.single .entry-content p,
  body.single .entry-content ul,
  body.single .entry-content ol {
    padding: 0;
  }
}

/* Tablet Görünümü için Header Düzenlemeleri */
@media (min-width: 768px) and (max-width: 991px) {
  #sticky-header {
    padding: 10px 0;
  }

  .menu-area .container {
    max-width: 100%;
    padding: 0 15px;
  }

  .header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .logo-area {
    padding: 10px 0;
  }

  .menu-wrap {
    width: 100%;
  }

  .main-menu {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .main-menu::-webkit-scrollbar {
    display: none;
  }

  .main-menu > li {
    flex: 0 0 auto;
    white-space: nowrap;
    padding: 0 10px;
  }

  .main-menu > li > a {
    padding: 15px 5px;
    font-size: 14px;
  }
}

::selection {
  background: #ff5722;
  color: #fff;
}

/* SSS (Sıkça Sorulan Sorular) Bölümü Stilleri */
.sss-container {
  margin-bottom: 30px;
}

.sss-container h2 {
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 2px solid #f0f0f0;
  color: #333;
  font-weight: 700;
}

/* Details/summary genel stilleri */
.entry-content details.wp-block-details,
.sss-container details.sss-item {
  border: 1px solid #eaeaea;
  border-radius: 8px;
  margin-bottom: 16px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  background-color: #ffffff;
  transition: all 0.3s ease;
}

.entry-content details.wp-block-details[open],
.sss-container details.sss-item[open] {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Summary stilleri */
.entry-content details.wp-block-details summary,
.sss-container details.sss-item summary {
  padding: 16px 20px;
  position: relative;
  cursor: pointer;
  background-color: #f9f9f9;
  transition: background-color 0.3s ease;
  display: flex;
  align-items: center;
  outline: none;
  list-style: none;
}

.entry-content details.wp-block-details summary:hover,
.sss-container details.sss-item summary:hover {
  background-color: #f0f0f0;
}

/* Summary marker'ı gizleme (liste noktası) */
.entry-content details.wp-block-details summary::-webkit-details-marker,
.sss-container details.sss-item summary::-webkit-details-marker {
  display: none;
}

/* H3 stilleri */
.entry-content details.wp-block-details summary h3.sss-baslik,
.entry-content details.wp-block-details summary h3.summary-heading,
.sss-container details.sss-item summary h3.summary-heading,
.sss-container details.sss-item summary h3 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 18px !important;
  color: #333;
  font-weight: 600;
  width: 100%;
  font-family: inherit;
  line-height: 1.4;
  display: block;
}

/* Font Awesome ok ekleme */
.entry-content details.wp-block-details summary::after,
.sss-container details.sss-item summary::after {
  content: "\f107";
  font-family: "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  position: absolute;
  right: 20px;
  color: #666;
  transition: transform 0.3s ease;
  font-size: 16px;
}

.entry-content details.wp-block-details[open] summary::after,
.sss-container details.sss-item[open] summary::after {
  transform: rotate(180deg);
}

/* İçerik stilleri */
.entry-content details.wp-block-details .wp-block-details-content,
.sss-container details.sss-item .sss-cevap {
  margin: 0;
  padding: 20px 25px !important;
  line-height: 1.6;
  color: #555;
  background-color: #fcfcfc;
  border-top: 1px solid #eee;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.03);
}

.entry-content details.wp-block-details .wp-block-details-content p,
.sss-container details.sss-item .sss-cevap p {
  margin-bottom: 15px;
  padding: 0 !important;
  text-align: left;
  line-height: 1.7;
}

.entry-content details.wp-block-details .wp-block-details-content p:last-child,
.sss-container details.sss-item .sss-cevap p:last-child {
  margin-bottom: 0;
}

/* Details animasyon - keskin geçiş yerine yumuşak açılma */
.entry-content details.wp-block-details[open] .wp-block-details-content {
  animation: fadeInDown 0.3s ease-in-out;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Mobil cihazlar için düzenlemeler */
@media (max-width: 768px) {
  .entry-content details.wp-block-details summary h3.sss-baslik,
  .entry-content details.wp-block-details summary h3.summary-heading,
  .sss-container details.sss-item summary h3.summary-heading,
  .sss-container details.sss-item summary h3 {
    font-size: 16px !important;
  }

  .entry-content details.wp-block-details summary,
  .sss-container details.sss-item summary {
    padding: 14px 16px;
  }

  .entry-content details.wp-block-details .wp-block-details-content,
  .sss-container details.sss-item .sss-cevap {
    padding: 16px !important;
  }
}
p.copyright-text a {
  display: inline;
}
.wp-block-list {
  list-style: none !important;
  padding-left: 0 !important;
}

.wp-block-list li::marker {
  content: none !important;
}
body.page .theme-page-spacing .entry-content p:last-child {
  padding: 8px;
}

@media (min-width: 768px) {
  body.single .entry-content img,
  body.single .wp-block-image img {
    width: 100% !important;
    height: auto !important;
    max-height: 450px !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-fit: unset !important;
  }
}
@media (min-width: 1200px) {
  body.single .entry-content img,
  body.single .wp-block-image img {
    max-height: 500px !important;
  }
}
/* Tablet Header Düzeltmesi - Tan Keşif Özelleştirmesi */
/* 992px-1200px arası tablet görünümde mobil menüyü göster */
@media (min-width: 768px) and (max-width: 1199px) {
  /* Ana menüyü gizle */
  .navbar-wrap.main-menu.d-none.d-lg-flex {
    display: none !important;
  }

  /* Mobil menü butonunu göster */
  .mobile-nav-toggler {
    display: block !important;
  }

  /* Header action alanını düzenle */
  .header-action {
    margin-right: 40px;
  }

  /* Menu nav düzenlemesi */
  .menu-nav {
    justify-content: space-between;
  }

  /* Menu area padding'i */
  .menu-area {
    padding: 10px 0;
  }
}

/* GTtranslate Header Hizalama Düzeltmeleri - Tan Kelif */
/* Masaüstü için GTtranslate düzenlemesi - Güçlü selectors */
@media (min-width: 992px) {
  /* GTtranslate li elementinin position'ını düzelt */
  .navbar-wrap .navigation li.menu-item-gtranslate,
  .navigation li.menu-item-gtranslate {
    position: static !important; /* position:absolute'ı kaldır */
  }

  /* GTtranslate wrapper'ları için güçlü selectors */
  .navigation li.menu-item-gtranslate div[id*="gtranslate_menu_wrapper"],
  .navigation li.menu-item-gtranslate #gtranslate_menu_wrapper_72442,
  .navigation li.menu-item-gtranslate .gtranslate_menu_wrapper_12346,
  div[id*="gtranslate_menu_wrapper"] {
    position: static !important;
    white-space: normal !important;
  }

  /* GTtranslate container'ları */
  .navigation li.menu-item-gtranslate div[class*="gt_container"],
  .navigation li.menu-item-gtranslate .gt_container-93qiwp,
  div[class*="gt_container"] {
    position: static !important;
  }

  /* GTtranslate float wrapper - DROPDOWN REFERANSI İÇİN RELATİVE */
  .navigation li.menu-item-gtranslate #gt_float_wrapper,
  #gt_float_wrapper {
    position: relative !important; /* Dropdown için referans noktası */
  }

  /* GTtranslate float switcher */
  .navigation li.menu-item-gtranslate .gt_float_switcher,
  .gt_float_switcher {
    position: static !important;
    margin: 20px 0px !important; /* Hizalama için margin */
    box-shadow: none !important;
    background: #fff !important;
    display: inline-block !important;
  }

  /* GTtranslate seçili dil */
  .navigation li.menu-item-gtranslate .gt_float_switcher .gt-selected,
  .gt_float_switcher .gt-selected {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
  }

  /* GTtranslate current lang padding */
  .navigation
    li.menu-item-gtranslate
    .gt_float_switcher
    .gt-selected
    .gt-current-lang,
  .gt_float_switcher .gt-selected .gt-current-lang {
    padding: 10px 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
  }

  /* GTtranslate hover efekti */
  .navigation li.menu-item-gtranslate .gt_float_switcher:hover,
  .gt_float_switcher:hover {
    border-color: #ff5722 !important;
  }

  /* Flag düzenlemesi */
  .navigation li.menu-item-gtranslate .gt-current-lang img,
  .gt-current-lang img {
    width: 20px !important;
    height: 15px !important;
    border-radius: 2px !important;
  }

  /* Dil kodu */
  .navigation li.menu-item-gtranslate .gt-lang-code,
  .gt-lang-code {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333 !important;
    text-transform: uppercase !important;
  }

  /* DROPDOWN MENÜ DÜZELTMESİ - DOĞRU KONUM */
  .navigation li.menu-item-gtranslate .gt_options,
  #gt_float_wrapper .gt_options {
    position: absolute !important;
    right: auto !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    min-width: 130px !important;
    width: auto !important;
    z-index: 9999 !important;
    margin: 0 !important;
    transform: none !important;
  }

  /* Dropdown açık olduğunda */
  .navigation li.menu-item-gtranslate .gt_options.gt-open,
  #gt_float_wrapper .gt_options[style*="display: block"] {
    display: block !important;
  }

  /* Dropdown menü linkleri */
  .navigation li.menu-item-gtranslate .gt_options a,
  .gt_options a {
    display: flex !important;
    align-items: center !important;
    padding: 8px 12px !important;
    text-decoration: none !important;
    color: #333 !important;
    gap: 8px !important;
    transition: background 0.3s ease !important;
    border-bottom: 1px solid #eee !important;
    white-space: nowrap !important;
  }

  .navigation li.menu-item-gtranslate .gt_options a:last-child {
    border-bottom: none !important;
  }

  .navigation li.menu-item-gtranslate .gt_options a:hover,
  .gt_options a:hover {
    background: #f5f5f5 !important;
  }

  .navigation li.menu-item-gtranslate .gt_options a img {
    width: 18px !important;
    height: 13px !important;
    border-radius: 2px !important;
  }
}

/* GTtranslate Mobil ve Tablet Düzenlemesi - Tan Keşif */
@media (max-width: 991px) {
  /* Dropdown menüdeki GTtranslate'i gizle */
  .mobile-menu .navigation li.menu-item-gtranslate,
  .menu-outer .navigation li.menu-item-gtranslate {
    display: none !important;
  }

  /* Header action container'ını düzenle */
  .header-action {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    height: 60px !important; /* Sabit yükseklik */
  }

  /* Header action ul'yi düzenle */
  .header-action ul {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    flex-direction: row !important;
    height: 100% !important; /* Header action'ın tüm yüksekliğini kapla */
  }

  /* Header action'daki tüm li elementleri */
  .header-action ul li {
    display: flex !important;
    align-items: center !important;
    height: 40px !important; /* Sabit yükseklik */
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Header action container'ı mobilde görünür yap */
  .header-action.d-none.d-md-block {
    display: flex !important;
  }

  /* GTtranslate container pozisyonu - Search'ten ÖNCE */
  .header-action .mobile-gtranslate-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important; /* İçeriği ortala */
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 40px !important; /* Search ikonu ile aynı yükseklik */
  }

  /* GTtranslate widget container'ını düzenle - position:absolute sorununu çöz */
  .header-action .mobile-gtranslate-container [id*="gtranslate_menu_wrapper"] {
    position: static !important;
    white-space: normal !important;
  }

  .header-action .mobile-gtranslate-container [class*="gt_container"] {
    position: static !important;
  }

  .header-action .mobile-gtranslate-container #gt_float_wrapper {
    position: relative !important;
  }

  /* Mobil GTtranslate widget stili */
  .header-action .mobile-gtranslate-container .gt_float_switcher {
    position: static !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 6px 8px !important;
    box-shadow: none !important;
    margin: 0 !important;
    display: inline-flex !important; /* flex olarak değiştir */
    align-items: center !important; /* İçeriği ortala */
    min-width: auto !important;
    white-space: nowrap !important;
	height: 35px;
  }

  /* Mobil GTtranslate seçili dil */
  .header-action .mobile-gtranslate-container .gt-selected {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    height: 100% !important;
  }

  /* Mobil GTtranslate current lang */
  .header-action .mobile-gtranslate-container .gt-current-lang {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 0 !important;
    height: 100% !important;
  }

  /* Mobil GTtranslate flag boyutu */
  .header-action .mobile-gtranslate-container .gt-current-lang img {
    width: 16px !important;
    height: 12px !important;
    border-radius: 2px !important;
  }

  /* Mobil GTtranslate dil kodu */
  .header-action .mobile-gtranslate-container .gt-lang-code {
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #333 !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
  }

  /* Mobil GTtranslate dropdown */
  .header-action .mobile-gtranslate-container .gt_options {
    position: absolute !important;
    top: calc(100% + 5px) !important;
    left: 0 !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15) !important;
    min-width: 120px !important;
    z-index: 9999 !important;
    margin: 0 !important;
    display: none !important; /* Varsayılan olarak gizli */
  }

  /* Dropdown görünür olduğunda */
  .header-action
    .mobile-gtranslate-container
    .gt_options[style*="display: block"],
  .header-action .mobile-gtranslate-container .gt_options.gt-open {
    display: block !important;
  }

  /* Mobil GTtranslate dropdown linkleri */
  .header-action .mobile-gtranslate-container .gt_options a {
    display: flex !important;
    align-items: center !important;
    padding: 8px 10px !important;
    text-decoration: none !important;
    color: #333 !important;
    gap: 6px !important;
    transition: background 0.3s ease !important;
    border-bottom: 1px solid #eee !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    min-height: 32px !important;
  }

  .header-action .mobile-gtranslate-container .gt_options a:last-child {
    border-bottom: none !important;
  }

  .header-action .mobile-gtranslate-container .gt_options a:hover {
    background: #f5f5f5 !important;
  }

  /* Dropdown içindeki bayraklar */
  .header-action .mobile-gtranslate-container .gt_options a img {
    width: 16px !important;
    height: 12px !important;
    border-radius: 2px !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* GTtranslate lazy loading bayrakları için */
  .header-action
    .mobile-gtranslate-container
    .gt_options
    a
    img[data-gt-lazy-src] {
    width: 16px !important;
    height: 12px !important;
    display: inline-block !important;
  }

  /* Dropdown içindeki dil isimleri */
  .header-action .mobile-gtranslate-container .gt_options a {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
  }

  /* GTtranslate lazy loading bayrakları için - TÜM LAZY LOADING TİPLERİ */
  .header-action
    .mobile-gtranslate-container
    .gt_options
    a
    img[data-gt-lazy-src],
  .header-action .mobile-gtranslate-container .gt_options a img[data-src],
  .header-action .mobile-gtranslate-container .gt_options a img[data-lazy-src],
  .header-action .mobile-gtranslate-container .gt_options a img[loading="lazy"],
  .header-action .mobile-gtranslate-container .gt_options a img {
    width: 16px !important;
    height: 12px !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    border-radius: 2px !important;
    margin-right: 6px !important;
    vertical-align: middle !important;
    max-width: 16px !important;
    max-height: 12px !important;
    min-width: 16px !important;
    min-height: 12px !important;
    object-fit: cover !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
  }

  /* GTtranslate bayrakları için yedek background */
  .header-action .mobile-gtranslate-container .gt_options a img:not([src]),
  .header-action .mobile-gtranslate-container .gt_options a img[src=""],
  .header-action .mobile-gtranslate-container .gt_options a img[src="#"] {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12"><rect width="16" height="12" fill="%23ccc"/></svg>') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }

  /* Current selected item */
  .header-action .mobile-gtranslate-container .gt_options a.gt-current {
    background-color: #f0f0f0 !important;
    font-weight: 600 !important;
  }

  /* GTtranslate dropdown link güçlendirme */
  .header-action .mobile-gtranslate-container .gt_options a[data-gt-lang] img,
  .header-action .mobile-gtranslate-container .gt_options a[href*="http"] img {
    width: 16px !important;
    height: 12px !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Mobil GTtranslate hover efekti */
  .header-action .mobile-gtranslate-container .gt_float_switcher:hover {
    border-color: #ff5722 !important;
  }

  /* Search ikonu düzenlemesi */
  .header-action .header-search {
    margin-left: 0 !important;
    height: 40px !important; /* GTtranslate ile aynı yükseklik */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .header-action .header-search a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: #333 !important;
    font-size: 16px !important;
  }

  .header-action .header-search a:hover {
    background: #f5f5f5 !important;
    color: #ff5722 !important;
  }
}

/* GTtranslate bayrak resimleri için ekstra zorlamalı stiller */
.header-action .mobile-gtranslate-container img,
.header-action .mobile-gtranslate-container .gt_options img,
.header-action .mobile-gtranslate-container a img {
  content: normal !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 16px !important;
  height: 12px !important;
  min-width: 16px !important;
  min-height: 12px !important;
  max-width: 16px !important;
  max-height: 12px !important;
  object-fit: cover !important;
  border-radius: 2px !important;
  margin-right: 6px !important;
  vertical-align: middle !important;
  border: none !important;
  outline: none !important;
}

/* GTtranslate resim lazy loading zorlaması */
.header-action .mobile-gtranslate-container img[data-gt-lazy-src]:not([src]),
.header-action .mobile-gtranslate-container img[src=""]:not([data-loaded]),
.header-action .mobile-gtranslate-container img[src="#"]:not([data-loaded]) {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjEyIiBmaWxsPSIjZGRkIi8+CjxwYXRoIGQ9Ik0yIDJIOEwyIDEwSDE0TDggMkgxNFoiIGZpbGw9IiNhYWEiLz4KPC9zdmc+Cg==") !important;
  background-size: 16px 12px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 16px !important;
  height: 12px !important;
}

/* Debug için - geçici border */
.header-action .mobile-gtranslate-container .gt_options a img {
  box-sizing: border-box !important;
}

/* GTtranslate dropdown hizalama sorunu çözümü */
.header-action .mobile-gtranslate-container .gt_options {
  text-align: left !important;
  direction: ltr !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 4px !important;
}

/* Dropdown link container hizalama */
.header-action .mobile-gtranslate-container .gt_options a {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 8px 12px !important;
  text-align: left !important;
  direction: ltr !important;
  width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  color: #333 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.2px !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

/* Bayrak resmi özel hizalama */
.header-action .mobile-gtranslate-container .gt_options a img {
  order: 1 !important; /* Resim önce gelsin */
  flex-shrink: 0 !important; /* Resim küçülmesin */
  margin-right: 8px !important;
  margin-left: 0 !important;
  float: none !important;
  position: static !important;
  transform: none !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
}

/* Dropdown açık durumda görünürlük zorlaması */
.header-action
  .mobile-gtranslate-container
  .gt_options[style*="display: block"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.header-action
  .mobile-gtranslate-container
  .gt_options[style*="display: block"]
  a {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.header-action
  .mobile-gtranslate-container
  .gt_options[style*="display: block"]
  a
  img {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.gt_float_switcher-arrow {
  display: none !important;
}

.input-group {
flex-wrap: nowrap !important;
}

a {
  display: inline; /* varsa */
  white-space: normal;
}
h2[id]::before {
  content: "";
  display: block;
  height: 105px; /* header yüksekliğiniz kadar ayarlayın */
  margin-top: -105px; /* aynı değer, negatif */
  visibility: hidden;
}
@media (max-width: 768px) {
  h2[id]::before {
    height: 105px; /* mobil header yüksekliği */
    margin-top: -105px;
  }
}