/* Gizli mod: görünür debug elemanlarını gizle ve arayüzü temiz tut */
/* Önemli: spesifik id/class'leri projenin kullandığı öğelere göre ekleyin */

/* Tipik debug/container/overlay id/class örnekleri */
#debug, .debug, .dev-overlay, .toolbar-debug, #devtools, .floating-debug {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Modal/dialog tarzı uyarıları gizle */
.modal.dev, .modal-debug, .alert-debug {
  display: none !important;
}

/* Görünen banner, watermark, debug-panels */
.banner-debug, .wa-debug, #wa-debug-banner {
  display: none !important;
}

/* Genel olarak sayfada inline style ile görünür hale getirilmiş debug öğeleri için ekstra kural */
*[data-debug], *[data-dev], [data-testid*="debug"] {
  display: none !important;
  visibility: hidden !important;
}

/* Çok agresif bir kural: sayfanın altına yerleşen tüm fixed-position küçük overlay'leri gizle (yüksek risk: kullanmadan önce test et) */
.fixed.overlay, .fixed-debug, .floating-toolbar, .floating-overlay {
  display: none !important;
}

/* Gizli test: görünümleri gizledikten sonra layout kırılmasını azaltmak için min-height sıfırlama */
.hidden-by-cihaz {
  min-height: 0 !important;
  height: 0 !important;
}