/*
Theme Name:   Neve FSE Child
Template:     neve-fse
*/

/* --- Arama bloğu ve input ayarları --- Arama kutusunun boyutunu mobil ve masaüstüne göre ayarlar*/
form.wp-block-search,
.wp-block-search__inside-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 600px !important; /* masaüstünde en geniş 600px */
  margin: 0 auto !important;   /* ortala */
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.wp-block-search__input {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 10px 14px !important;
  font-size: 16px !important;
  border-radius: 6px !important;
}

.wp-block-search__button {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  padding: 10px 14px !important;
}

/* --- Mobil görünüm --- */
@media (max-width: 768px) {
  form.wp-block-search,
  .wp-block-search__inside-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 10px !important;
  }

  .wp-block-search__input {
    width: 100% !important;
    font-size: 14px !important;
  }

  .wp-block-search__button {
    width: auto !important;
    flex-shrink: 0 !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
  }
}

/* --- Bir bloğun masaüstünde ayrı mobilde ayrı görünmesi için yaptığımız ek. CSS sınıfına only-desktop ya da only-mobile yazmak yeterli.  --- */
.gizli-blok {
    display: none !important;
}

.h1-kucuk {
    font-size: 18px; /* istediğin boyutu ayarla */
    font-weight: 600; /* isteğe bağlı */
}


/* Sadece masaüstü göster */
.only-desktop {
  display: block;
}
@media (max-width: 768px) {
  .only-desktop {
    display: none !important;
  }
}

/* Sadece mobil göster */
.only-mobile {
  display: none;
}
@media (max-width: 768px) {
  .only-mobile {
    display: block !important;
  }
}



/* Grok Ai BAŞLANGIÇ - Responsive Kategori Listesi - Basit Dizilim İçin Optimize (9 Sütun) */
/* Responsive Kategori Listesi - İnce Ayarlanmış Versiyon (9 Sütun) */
.responsive-kategori-listesi,
.responsive-kategori-listesi .wp-block-columns {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important; /* Sola dayalı */
    align-items: flex-start !important;
    gap: 15px !important;
    padding: 20px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.responsive-kategori-listesi .wp-block-column { /* Ana sütunlar */
    flex: 0 1 calc(11.11% - 15px) !important; /* Varsayılan esnek (9 sütun için) */
    min-width: 180px !important;
    margin-bottom: 15px !important;
    box-sizing: border-box !important;
}

.responsive-kategori-listesi .wp-block-column .wp-block-group { /* İç Grup */
    width: 100% !important;
    text-align: left !important;
    gap: 10px !important;
}

.responsive-kategori-listesi .wp-block-group img { /* Görseller otomatik küçülme */
    width: 100% !important;
    height: auto !important;
    max-height: 150px !important; /* Mobilde sınırlı yükseklik, büyük görünme önle */
    object-fit: cover !important;
    border-radius: 8px !important;
}

.responsive-kategori-listesi .wp-block-group h2,
.responsive-kategori-listesi .wp-block-group p { /* Başlık */
    margin: 0 !important;
    font-size: 14px !important; /* Mobilde okunaklı */
}

/* Stack'i Ez (Mobilde Alt Alta Önle) */
.responsive-kategori-listesi.is-stacked-on-mobile,
.responsive-kategori-listesi .wp-block-columns.is-stacked-on-mobile {
    flex-direction: row !important;
}

/* Masaüstü: Tek Satır Yatay Kaydırma (Görseller Küçülür) */
@media (min-width: 1024px) {
    .responsive-kategori-listesi,
    .responsive-kategori-listesi .wp-block-columns {
        flex-wrap: nowrap !important; /* Tek satır */
        overflow-x: auto !important; /* Kaydırma etkin, ama geniş ekranda gerekmeyebilir */
        overflow-y: hidden !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: thin !important;
        padding-bottom: 10px !important;
    }

    .responsive-kategori-listesi .wp-block-column {
        flex: 0 0 20% !important; /* ~5 sütun sığar, gerisi kaydırılır; otomatik küçülme */
        min-width: 180px !important;
        width: 20% !important;
        margin-bottom: 0 !important;
        margin-right: 15px !important;
        flex-shrink: 0 !important;
    }

    .responsive-kategori-listesi .wp-block-column:last-child {
        margin-right: 0 !important;
    }

    .responsive-kategori-listesi .wp-block-group img {
        max-height: 120px !important; /* Küçültülmüş yükseklik */
    }
}

/* Tablet: İki Satırlı Sarılma */
@media (min-width: 768px) and (max-width: 1023px) {
    .responsive-kategori-listesi,
    .responsive-kategori-listesi .wp-block-columns {
        flex-wrap: wrap !important; /* İki satır sarılma */
        overflow-x: hidden !important; /* Kaydırma yok, sarılır */
        overflow-y: visible !important;
    }

    .responsive-kategori-listesi .wp-block-column {
        flex: 0 1 50% !important; /* 2 sütun/satır */
        min-width: 200px !important;
        width: 50% !important;
        margin-bottom: 15px !important;
        margin-right: 0 !important;
        flex-shrink: 1 !important;
    }

    .responsive-kategori-listesi .wp-block-column:nth-child(2n) {
        margin-right: 0 !important; /* İkinci sütun boşluksuz */
    }

    .responsive-kategori-listesi .wp-block-group img {
        max-height: 140px !important;
    }
}

/* Mobil: 3 Tam + 4. Kısmi Görünüm */
@media (max-width: 767px) {
    .responsive-kategori-listesi,
    .responsive-kategori-listesi .wp-block-columns {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
        flex-direction: row !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: thin !important;
        padding-bottom: 10px !important;
        justify-content: flex-start !important;
    }

    .responsive-kategori-listesi .wp-block-column {
        flex: 0 0 33.33% !important; /* 3 tam sığar (%33 her biri) */
        min-width: 33.33% !important;
        width: 33.33% !important;
        margin-bottom: 0 !important;
        margin-right: 15px !important;
        flex-shrink: 0 !important;
    }

    .responsive-kategori-listesi .wp-block-column:last-child {
        margin-right: 0 !important;
    }

    .responsive-kategori-listesi .wp-block-group img {
        max-height: 100px !important; /* Küçültülmüş, büyük görünme gider */
    }

    /* Scrollbar Stili */
    .responsive-kategori-listesi::-webkit-scrollbar,
    .responsive-kategori-listesi .wp-block-columns::-webkit-scrollbar {
        height: 6px !important;
    }

    .responsive-kategori-listesi::-webkit-scrollbar-thumb {
        background: #ccc !important;
        border-radius: 3px !important;
    }
}

/* Grok Ai - Responsive Kategori Listesi - Basit Dizilim İçin Optimize (9 Sütun) */