/* ÜRETİCİYİZ / ANA SAYFA REVAMP V1 — madde 18 "TASARIM DİLİ": kendi görsel kimliği, Bootstrap 5 grid/bileşenleri
   BOZULMADAN üzerine ince bir katman. Hepsiburada'nın renk paleti/tasarımı KOPYALANMADI — yalnızca marketplace
   yerleşim mantığından (sektör şeridi, keşif kartları, vitrin, ürün carousel'leri, banner ritmi) ilham alındı. */

:root {
  --ureticiyiz-primary: #0d6efd;
  --ureticiyiz-accent: #14532d;
  --ureticiyiz-warm: #b45309;
}

body { background-color: #f7f8fa; }

/* ---- Hero ---- */
.hero-band {
  background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
  color: #fff;
}
.hero-band .form-control { border: none; }

/* ---- Sektör Şeridi (madde 4) ---- */
.sector-strip-scroll {
  display: flex;
  gap: .5rem;
  overflow-x: auto;
  padding: .6rem 0;
  scrollbar-width: thin;
}
.sector-strip-item {
  flex: 0 0 auto;
  white-space: nowrap;
  padding: .35rem .9rem;
  border-radius: 999px;
  background: #f1f3f5;
  color: #212529;
  font-size: .85rem;
  font-weight: 500;
  text-decoration: none;
  transition: background .15s ease, color .15s ease;
}
.sector-strip-item:hover { background: var(--ureticiyiz-primary); color: #fff; }

/* ---- Hızlı Keşif Kartları (madde 5) ---- */
.quick-card { border: 1px solid #eef0f2; border-radius: .75rem; transition: transform .15s ease, box-shadow .15s ease; }
.quick-card:hover { transform: translateY(-3px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.08); }
.quick-card .card-body { color: #212529; }

/* ---- Ana Vitrin (madde 6) ---- */
.showcase-hero, .showcase-small {
  position: relative;
  min-height: 320px;
  background-size: cover;
  background-position: center;
  border-radius: .75rem;
  overflow: hidden;
}
.showcase-small { min-height: 152px; }
.showcase-overlay {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; justify-content: flex-end;
  padding: 1.5rem;
  background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.65) 100%);
}
.showcase-small .showcase-overlay { padding: 1rem; }
/* VİTRİN SLIDER DÜZELTMESİ: 2+ Ana Banner varken kullanılan Bootstrap 5 carousel — dış çerçeve (yuvarlak köşe/
   overflow:hidden) carousel-inner'a "showcase-hero" sınıfı verilerek KORUNUYOR (bkz. Views/Home/Index.cshtml);
   burada yalnızca her slide'ın kendi arka plan görselini kaplaması gerekiyor. */
.showcase-hero-carousel, .showcase-hero-carousel .carousel-inner, .showcase-hero-carousel .carousel-item { height: 100%; }
.showcase-hero-slide { min-height: 320px; background-size: cover; background-position: center; }
.showcase-hero-carousel .carousel-control-prev, .showcase-hero-carousel .carousel-control-next { width: 8%; opacity: 0; transition: opacity .15s ease; }
.showcase-hero-carousel:hover .carousel-control-prev, .showcase-hero-carousel:hover .carousel-control-next { opacity: .9; }
.showcase-hero-carousel .carousel-indicators { margin-bottom: .5rem; }
.showcase-fallback { background: linear-gradient(135deg, #14532d 0%, #0d6efd 100%); }
.showcase-fallback-2 { background: linear-gradient(135deg, #b45309 0%, #92400e 100%); }
.showcase-fallback-3 { background: linear-gradient(135deg, #0d6efd 0%, #14532d 100%); }

/* ---- Sektörler (madde 7) ---- */
.sector-tile { border-radius: .75rem; transition: transform .15s ease, box-shadow .15s ease; }
.sector-tile:hover { transform: translateY(-3px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.08); }

/* ---- Yatay ürün carousel'leri (madde 8/9/11 — "marketplace ritmi") ---- */
.hscroll {
  display: flex;
  flex-wrap: nowrap;
  gap: .75rem;
  overflow-x: auto;
  padding-bottom: .5rem;
  scroll-snap-type: x proximity;
}
.hscroll > * { scroll-snap-align: start; }
.hscroll .product-card, .hscroll .producer-card { min-width: 220px; }

/* ---- Ürün / Üretici kartları ---- */
.product-card, .producer-card { border-radius: .75rem; transition: transform .15s ease, box-shadow .15s ease; }
.product-card:hover, .producer-card:hover { transform: translateY(-3px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.08); }

/* ---- Banner / CTA ritmi (madde 13/14/15) ---- */
.row-banner { background: linear-gradient(135deg, #0d6efd 0%, #14532d 100%); }
.row-banner:hover { opacity: .95; }
.cta-band.cta-primary { background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%); }
.cta-band.cta-dark { background: linear-gradient(135deg, #14532d 0%, #0b3319 100%); }

/* ============================================================================
   ERİŞİLEBİLİRLİK (Lighthouse Accessibility / WCAG AA) — bkz. Views/Shared/_Layout.cshtml
   footer'ı. Tasarım/palet DEĞİŞTİRİLMEDİ, yalnızca WCAG AA'yı (4.5:1) geçmeyen iki nokta düzeltildi.
   ============================================================================ */

/* 1) KONTRAST: <footer class="bg-dark text-light-emphasis"> — Bootstrap'ın .text-light-emphasis
   (#495057, oran ~1.9:1) ve .text-secondary (#6c757d, oran ~3.3:1) varsayılan gri tonları, koyu
   (#212529) footer arka planında AA eşiğinin (4.5:1) ALTINDA kalıyor. Bootstrap'ın kendi nötr gri
   skalasından daha AÇIK bir adım (#adb5bd, gray-500 — oran ~7.4:1) kullanılarak YALNIZCA footer
   içinde override ediliyor; Bootstrap'ın metin renk utility'leri !important ile tanımlandığı için
   override de !important gerektiriyor. Sitenin başka hiçbir yerinde (kartlar, admin panel, vb. açık
   arka planlarda) .text-secondary/.text-light-emphasis KULLANIMI DEĞİŞMEDİ — onlar zaten AA'yı geçiyor. */
footer.bg-dark.text-light-emphasis,
footer.bg-dark .text-secondary {
  color: #adb5bd !important;
}

/* 2) DOKUNMA HEDEFİ BOYUTU: Bootstrap'ın varsayılan .btn-close kutusu (~24x24px) ve ürün kartındaki
   ikon-only favori butonu (~22x29px) WCAG 2.5.8 / Lighthouse'un "dokunma hedefleri" denetiminin
   önerdiği minimum boyutun altında kalıyor. İkon boyutu/konumu/renk DEĞİŞMEDEN yalnızca tıklanabilir
   alan büyütüldü (arka plan ikonu/çarpı işareti zaten ortalanmış konumda kalıyor). */
.btn-close { min-width: 44px; min-height: 44px; }
.product-card .rounded-circle.btn-sm {
  min-width: 40px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

/* ============================================================================
   LIGHTHOUSE ACCESSIBILITY — 2. TUR: kalan KONTRAST + DOKUNMA HEDEFİ + BAŞLIK
   SIRASI düzeltmeleri. Palet DEĞİŞMEDİ: mavi/gri tonları, MEVCUT gradyanlarda
   (bkz. yukarıdaki .cta-band/.hero-band) ZATEN kullanılan daha koyu adımlara
   çekildi — yeni bir renk eklenmedi.
   ============================================================================ */

/* 3) KONTRAST — varsayılan Bootstrap link mavisi (#0d6efd, düz beyaz üzerinde ~4.50:1) ve
   .btn-outline-secondary/.text-secondary grisi (#6c757d, ~4.69:1) WCAG AA eşiğine (4.5:1) ÇOK
   yakın — Lighthouse'un bildirdiği "Tüm Sektörleri Keşfet", "Tümünü Gör" (x4) ve "Karşılaştır"/
   "Sektöre veya ürüne göre arayın." gibi metinler tam bu sınırda. Güvenli pay için ikisi de aynı
   renk ailesinin bir tık koyu tonuna çekildi — biri zaten bu sitede .cta-band/.hero-band
   gradyanlarında kullanılan #0a58ca, diğeri Bootstrap'ın kendi nötr gri skalasındaki bir sonraki
   adım (#5c636a). Bootstrap'ın CSS değişkenleri (custom properties) üzerinden yapıldığı için
   yalnızca METİN RENGİ değişiyor; boyut/boşluk/şekil/ikonlar AYNEN kalıyor. */
:root {
  --bs-link-color-rgb: 10, 88, 202;   /* #0a58ca — sitede zaten kullanılan koyu mavi */
}
.btn-outline-secondary {
  --bs-btn-color: #5c636a;
  --bs-btn-border-color: #5c636a;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #5c636a;
  --bs-btn-active-bg: #5c636a;
  --bs-btn-active-border-color: #5c636a;
}
/* "Nasıl Çalışır?" adım açıklamaları (Home/Index.cshtml) — aynı gri, yalnızca bu bloğa kapsandı. */
.how-it-works-steps .text-secondary { color: #5c636a; }

/* 4) DOKUNMA HEDEFİ — footer'daki düz (buton olmayan) linkler ("Ürünleri Keşfet", "Firma Kaydı",
   "Alıcı Kaydı", kurumsal sayfa linkleri) ve ana sayfadaki "Tüm Sektörleri Keşfet"/"Tümünü Gör"
   linkleri, yalnızca satır yüksekliği kadar (~18px) tıklanabilirdi. Görünüm/konum DEĞİŞMEDEN
   (aynı satır içi metin), dikey dolgu ile tıklanabilir alan büyütüldü. */
footer a {
  display: inline-block;
  padding-block: .25rem;
}
.section-link {
  display: inline-block;
  padding: .3rem .1rem;
}
.sub-sector-link {
  display: inline-block;
  padding: .25rem 0;
}