/*
 * ==========================================================================
 * SADECE HEADER VE ANA MENÜ - HIZLI CANLI ÇALIŞMA DOSYASI
 * ==========================================================================
 *
 * ETKİ ALANI:
 * - Bütün müşteri sayfalarının en üst yardımcı alanı
 * - Logo bölümü
 * - Telefon ve WhatsApp düğmeleri
 * - Arama alanı
 * - Hesap, favori ve sepet düğmeleri
 * - Ana kategori menüsü
 *
 * ETKİLEMEZ:
 * - Ürün kartlarının iç görünümü
 * - Ürün detay sayfasının içerik yerleşimi
 * - Kategori ürün listesinin iç yapısı
 * - Sepet ve ödeme sayfasının içerik bölümü
 * - Footer
 *
 * Yalnız ":" işaretinden sonraki değeri değiştir.
 * Değişken adını ve satır sonundaki ";" işaretini silme.
 * VS Code bu proje içinde değişiklikleri yaklaşık 0,3 saniyede otomatik kaydeder.
 * ==========================================================================
 */

:root {
  /* HEADER ARKA PLAN VE ÇİZGİLER */
  --dekohop-header-utility-background: var(--dekohop-color-surface-soft);
  --dekohop-header-background: var(--dekohop-color-surface);
  --dekohop-header-border-color: var(--dekohop-color-border);

  /* HEADER BOŞLUK VE ÖLÇÜLER */
  --dekohop-header-vertical-space: 20px;
  --dekohop-header-logo-height: 64px;
  --dekohop-header-logo-height-mobile: 48px;
  --dekohop-header-contact-size: 44px;
  --dekohop-header-action-size: 46px;
  --dekohop-header-action-size-mobile: 40px;

  /* ARAMA ALANI */
  --dekohop-search-height: 46px;
  --dekohop-search-radius: var(--dekohop-radius-pill);

  /* ANA KATEGORİ MENÜSÜ */
  --dekohop-menu-height: 52px;
  --dekohop-menu-height-mobile: 48px;
  --dekohop-menu-background: var(--dekohop-color-surface);
  --dekohop-menu-link-color: var(--dekohop-color-ink);
  --dekohop-menu-underline-color: var(--dekohop-color-accent);
  --dekohop-menu-shadow: 0 5px 18px rgba(17, 19, 24, 0.04);
}

/*
 * Daha ayrıntılı header denemeleri gerektiğinde yalnız header/menu seçicileri
 * bu satırın altına eklenecek. Böylece diğer sayfa bileşenleri etkilenmeyecek.
 */