/* Projeye özel CSS düzenlemelerinizi buraya ekleyebilirsiniz. */


/* ---- Arama sayfası (Views/Home/Arama.cshtml -> PartialUrunKatalog) ---- */
.ik-catalog-filters.ik-catalog-filters--search {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end
}

.ik-catalog-filters--search .btn {
  height: 45px
}

.ik-search-page-categories {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  display: flex
}

.ik-search-page-categories span {
  color: #82717b;
  margin-right: 4px;
  font-size: 13px
}

.ik-search-page-categories a {
  color: #761f39;
  background: #fff;
  border: 1px solid #dfd1d9;
  border-radius: 999px;
  padding: 7px 14px;
  font-size: 13px;
  transition: background .2s, color .2s
}

.ik-search-page-categories a:hover,
.ik-search-page-categories a:focus-visible {
  color: #fff;
  background: #761f39
}

@media (max-width: 700px) {
  .ik-catalog-filters.ik-catalog-filters--search {
    grid-template-columns: 1fr
  }
}

/* ---- Arama modalı: kategoriler panelden gelir. 3'ten fazlaysa ızgara kendini ayarlar (3 kategoride tasarım aynı kalır) ---- */
.ik-search-categories:has(> button:nth-child(4)) {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr))
}

/* ---- Header açılır menü: panelden yüklenen sayfa "Menü Görseli" kart ikonu olarak ---- */
.ik-company-card .ik-company-card-icon {
  object-fit: contain;
  width: 33px;
  height: 33px
}

/* ---- Footer: link sütunları Alt Menü'den gelir. Sütun sayısı 2 değilse ızgara ayarlanır (2'de tasarım aynı) ---- */
@media (min-width: 1101px) {
  .ik-footer-columns.ik-footer-columns--dinamik {
    grid-template-columns: 1.35fr repeat(var(--ik-footer-cols, 2), .9fr) 1.1fr
  }
}

@media (min-width: 901px) and (max-width: 1100px) {
  .ik-footer-columns.ik-footer-columns--dinamik {
    grid-template-columns: 1.2fr repeat(var(--ik-footer-cols, 2), .9fr) 1.1fr
  }
}

.ik-footer-service a {
  color: inherit
}

.ik-footer-service a:hover {
  color: #fff
}