/* ── Menü logo konturu ───────────────────────────────────────────────
   Şeffaf zeminli logolar temanın başlık rengiyle aynı tondayken görünmez
   oluyordu (beyaz logo beyaz başlıkta kayboluyordu). Logonun tonu yüklemede
   ölçülür; çakışma varsa logoya zıt renkte ince bir kontur ve hafif bir
   gölge eklenir.

   Kutu/rozet yerine drop-shadow kullanılır: filtre alfa kanalını takip
   ettiği için kontur logonun kendi şeklini sarar, arkasında opak bir dikdörtgen
   kalmaz. Logo şeffaf görünmeye devam eder.

   Aynı gölge iki kez üst üste bindirilir — ikincisi birincinin sonucuna
   uygulandığı için ince bir çizgi yerine belirgin bir kontur oluşur.
   Üçüncü gölge konturun dışına yayılıp logoyu zeminden ayırır.

   Sınıf her temada aynı çalışsın diye ayrı dosyada tutulur ve tüm menü
   sayfalarında yüklenir. */

/* ── Logo boyutu ─────────────────────────────────────────────────────
   İşletmenin ayarlarda yazdığı piksel yüksekliği bir orana çevrilip
   --logo-scale olarak logonun kendi style özniteliğine yazılır
   (helper::logoScaleAttr). Buradaki sabit bir değer değil, tema CSS'leri
   kendi taban ölçülerini bu çarpanla çarpar:
       max-height: calc(80px * var(--logo-scale, 1));
   Ayar yapılmamışsa değişken tanımsız kalır, fallback 1 devreye girer ve
   temanın kendi ölçüsü aynen geçerli olur. Ekrana sığma sınırı (vw)
   bilerek çarpanın dışında tutulur — büyük değer girilse bile logo dar bir
   telefonda taşmaz. */

/* Koyu kontur: açık tonlu logo, açık zeminli başlıkta. */
.menu-logo-outline--dark {
    filter:
        drop-shadow(0 0 1px rgba(0, 0, 0, 0.80))
        drop-shadow(0 0 1px rgba(0, 0, 0, 0.80))
        drop-shadow(0 2px 8px rgba(0, 0, 0, 0.35));
}

/* Açık kontur: koyu tonlu logo, koyu zeminli başlıkta. */
.menu-logo-outline--light {
    filter:
        drop-shadow(0 0 1px rgba(255, 255, 255, 0.85))
        drop-shadow(0 0 1px rgba(255, 255, 255, 0.85))
        drop-shadow(0 2px 8px rgba(255, 255, 255, 0.40));
}