/* ==========================================================================
   SyncResto — V4 "SAHİL" · legacy-fix.css
   21 Eyl 2026 · EN SON yüklenir.

   🔴 KAPSAM DEĞİŞTİ. İlk sürüm Aurora'nın legacy-fix'inden türetilmişti (47
   bulguluk denetimin ürünü) ve JS'in enjekte ettiği kutulara KOYU zemin
   veriyordu — çünkü Aurora koyu bir temaydı. Sahil'de koyu mod KALDIRILDI
   (Mustafa, 21 Eyl), dolayısıyla o dosyanın tamamı yalnızca zarar verirdi:
   açık temada modalları zorla koyu yapardı.

   Burada kalan TEK iş: temel temanın Sahil paletiyle çakışan SABİT renkleri ve
   köşe/yazı tipi tutarsızlıkları. Değişken kullanan yerleri main.css'teki
   köprü zaten çözüyor — buraya YALNIZ sabitler girer.
   ========================================================================== */

/* JS'in ürettiği kutular: köşe ve tipografi Sahil ile aynı dilde olsun
   (renkleri temel tema zaten açık veriyor, dokunmuyoruz). */
.v4-theme #orderOtpModal > div,
.v4-theme #legalPopupModal .modal-content,
.v4-theme .order-success-modal .order-success-content,
.v4-theme #webComboOverlay .wc-card,
.v4-theme #deleteAccountModal > div {
  border-radius: var(--v4-r-panel) !important;
  border: 1px solid var(--v4-line);
}
.v4-theme #legalPopupTitle,
.v4-theme .order-success-title,
.v4-theme #webComboOverlay .wc-title {
  font-family: var(--v4-font-display);
  font-weight: 700;
}

/* Temel temada bazı onay/başarı yüzeyleri SABİT yeşil; Sahil'in paletiyle
   çakışıyor. Marka rengine bağlanır (kontrast güvenli --v4-deep). */
.v4-theme .order-success-modal .order-num,
.v4-theme #orderOtpVerifyBtn {
  background: var(--v4-deep) !important;
  color: #fff !important;
  border-color: rgba(var(--v4-gold-rgb), .45) !important;
}
.v4-theme #orderOtpInput:focus,
.v4-theme #locationSearchInput:focus {
  border-color: var(--v4-deep) !important;
  outline: none;
}

/* Grup siparişi davet sayfası: başlık bandı tema rengini alsın */
.v4-theme.go-page .go-header {
  background: var(--v4-deep);
  color: var(--v4-on-deep);
  border-bottom: 1px solid rgba(var(--v4-gold-rgb), .4);
}

/* ==========================================================================
   21 Eyl — SAYFA GENELİ KONTRAST TARAMASINDA BULUNANLAR
   Yöntem: canlı sayfadaki her metin düğümünün rengi, gerçek zemininin rengiyle
   WCAG oranına vuruldu; 2,6'nın altındakiler listelendi. Üçü de temel temanın
   KOYU tasarımından kalma; Sahil açık tema olduğu için elle karşılanıyor.
   ========================================================================== */

/* 🔴 1,00 — "Günün Fırsatı" kartında ürün adı BEYAZ, kart zemini BEYAZ → görünmezdi. */
body.v4-theme .flash-name {
  color: var(--v4-ink-0);
  font-family: var(--v4-font-display); font-weight: 700;
}

/* 🔴 Öne çıkan bant kapsayıcısı temel temadan koyu gradyan taşıyor
   (linear-gradient(135deg, #1a1a1a …)) → açık sayfada siyah bir kuşak çıkıyordu. */
body.v4-theme .featured-slider {
  background-image: none;
  background-color: transparent;
}

/* 🔴 1,69 ve 2,30 — alt bilgi zemini koyu (#1a1a1a) ama başlık/telif yazısı da koyu.
   Sahil'de alt bilgi marka koyusuna alınıp yazılar açık renge çekiliyor. */
body.v4-theme footer,
body.v4-theme .footer { background: var(--v4-deep); color: var(--v4-on-deep); }
body.v4-theme .footer-heading { color: var(--v4-on-deep); font-family: var(--v4-font-display); }
/* ⚠️ `common.css` bunu `color: #4b5563 !important` ile yazıyor ("Footer contrast fix",
   AÇIK zemin varsayımıyla). Sahil'in alt bilgisi koyu olduğu için tek çare aynı
   ağırlıkla ezmek — !important burada bilinçli. */
body.v4-theme .footer-copy { color: var(--v4-on-deep-soft) !important; }
body.v4-theme footer a,
body.v4-theme .footer a { color: var(--v4-on-deep-soft); }
body.v4-theme footer a:hover,
body.v4-theme .footer a:hover { color: var(--v4-gold); }

/* 🔴 "Yukarı kaydır" (sayfa başına dön) düğmesi — ikon GÖRÜNMÜYORDU.
   Temel tema düğmeyi KOYU varsayıp oku `stroke: #fff` + `fill: none` ile çiziyor.
   Sahil'de düğme BEYAZ → beyaz ok beyaz zeminde kayboluyordu (ölçüldü: kontrast 1,00).
   Bu yol (M12 4l-8 8h5v8h6v-8h5z) zaten DOLU bir ok biçimi; konturla değil dolguyla
   çizilir. Tüm sayfa taranıp aynı sınıftan başka ikon olmadığı doğrulandı. */
body.v4-theme .scroll-to-top svg,
body.v4-theme .scroll-to-top svg path {
  fill: var(--v4-deep);
  stroke: none;
}
body.v4-theme .scroll-to-top:active { background: var(--v4-surface-2); }