/* ==========================================
   Vademecum Destek Widget — site tarafı düzeltmeleri
   (widget.js'e dokunulmaz; kurallar onun kendi <style>'ını ezer)
   ========================================== */

/* 1) Mobil uygulama bandı görünürken sohbet düğmesi/penceresi bandın üstünde durur.
      --app-banner-h ve .has-app-banner, js/support-widget.js tarafından ayarlanır. */
@media (max-width: 768px) {
    body.has-app-banner #vdm-btn {
        bottom: calc(20px + var(--app-banner-h, 77px) + 8px) !important;
    }

    body.has-app-banner #vdm-box {
        bottom: calc(90px + var(--app-banner-h, 77px) + 8px) !important;
    }
}

/* 2) Mobilde açık sohbet: görünür alanı tam kaplar.
      Widget'ın "bottom:0 + height:100vh" kuralı adres çubuğu/klavye ile taşıp
      başlıktaki kapatma (×) düğmesini ekran dışına itiyordu. */
@media (max-width: 480px) {
    /* body.vdm-open ile özgüllük yükseltildi: yukarıdaki banner kuralını (body.has-app-banner #vdm-box) ezer */
    body.vdm-open #vdm-box.open {
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        max-height: none !important;
        padding-bottom: env(safe-area-inset-bottom);
    }

    /* Açıkken launcher düğmesi giriş alanının üstüne binmesin */
    body.vdm-open #vdm-btn {
        display: none !important;
    }

    /* Arka plandaki sayfa kaymasın */
    html.vdm-open,
    body.vdm-open {
        overflow: hidden !important;
    }
}