/* ===========================================================================
   BAUGO MARKA TOAST TEMASI (iziToast üstüne)
   ===========================================================================
   Görünümler artık iziToast.min.css yerine BU dosyayı bağlar; ilk satırdaki
   @import sağlayıcı CSS'ini çeker, ardından marka çizgisi ezer. Böylece
   sağlayıcı dosyası el değmeden kalır (güncellemesi kolay) ve tema tek
   yerden yönetilir.

   Çizgi (GELISTIRME_MIMARISI §1.4): koyu panel #121414, çizgi
   rgba(255,255,255,.08), hap köşeler, Montserrat başlık + Karla gövde.
   Renk kodu korunur: başarı yeşil, hata kırmızı, uyarı turuncu; vurgu
   ikon çipi + sol şerit + ilerleme çubuğundadır — zemin hep koyu panel.
   Mavi frontend'e sızmaz: info nötr gri vurgulanır. */
@import url("../iziToast/css/iziToast.min.css");

/* ---- Gövde: koyu panel, hap köşe, derin gölge -------------------------- */
.iziToast {
    /* Buzlu cam: yarı saydam koyu zemin + arka planı bulanıklaştır. */
    background: rgba(18, 20, 20, .62) !important;
    -webkit-backdrop-filter: blur(16px) saturate(140%);
    backdrop-filter: blur(16px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 999px !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    /* Hap köşe: ilerleme çubuğu kenardan taşmasın diye kırpılır. */
    overflow: hidden !important;
}

/* Sağlayıcının alt gölge katmanı koyu zeminde çamur gibi görünüyor. */
.iziToast::after { display: none !important; }

/* İlerleme çubuğu: ince ve yarı saydam — sayaç hissi vermesin. */
.iziToast > .iziToast-progressbar { height: 2px !important; opacity: .9; }

/* ---- Metinler ---------------------------------------------------------- */
/* Sağlayıcı başlık ve mesajı float ile diziyor; farklı taban çizgileri
   hap içinde kaymış görünüyordu. Metin kutusu flex'e alınır: başlık ve
   mesaj aynı taban çizgisinde, dar ekranda alt satıra sarar. */
.iziToast > .iziToast-body { display: flex; align-items: center; }
.iziToast > .iziToast-body .iziToast-texts {
    display: flex !important;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .1rem .5rem;
    float: none !important;
    margin: 10px 0 !important;
}
.iziToast > .iziToast-body .iziToast-title,
.iziToast > .iziToast-body .iziToast-message {
    float: none !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}
.iziToast > .iziToast-body .iziToast-title {
    color: #fff !important;
    font-family: Montserrat, sans-serif !important;
    font-weight: 700 !important;
    font-size: .82rem !important;
    letter-spacing: .01em;
}
.iziToast > .iziToast-body .iziToast-message {
    color: #9aa1a1 !important;
    font-family: Karla, sans-serif !important;
    font-size: .82rem !important;
}

/* ---- Kapat düğmesi: siyah X görselini beyaza çevir --------------------- */
.iziToast > .iziToast-close {
    filter: invert(1);
    opacity: .35;
}
.iziToast > .iziToast-close:hover { opacity: .8; }

/* ---- Tip vurgusu: ikon çipi + başlık rengi + ilerleme çubuğu ----------- */
/* İkon görselleri sağlayıcıda koyu renk; renkli daire çipin üstünde
   okunur kalır (boyut/kutu düzeni DEĞİŞTİRİLMEZ — sağlayıcı JS gövde
   boşluğunu ikonun yerleşiminden hesaplıyor). */
.iziToast > .iziToast-body .iziToast-icon {
    border-radius: 50%;
    background-size: 65% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 26px !important;
    height: 26px !important;
    margin-top: -13px !important;
    color: #1a0b06 !important;
}

/* Başarı — yeşil */
.iziToast.iziToast-color-green { background: rgba(18, 20, 20, .62) !important; border-color: rgba(52, 211, 153, .45) !important; }
.iziToast.iziToast-color-green > .iziToast-body .iziToast-icon { background-color: #34d399 !important; }
.iziToast.iziToast-color-green .iziToast-title { color: #6ee7b7 !important; }
.iziToast.iziToast-color-green .iziToast-progressbar > div { background: rgba(52, 211, 153, .45) !important; }

/* Hata — kırmızı */
.iziToast.iziToast-color-red { background: rgba(18, 20, 20, .62) !important; border-color: rgba(251, 95, 78, .5) !important; }
.iziToast.iziToast-color-red > .iziToast-body .iziToast-icon { background-color: #fb5f4e !important; }
.iziToast.iziToast-color-red .iziToast-title { color: #fca5a5 !important; }
.iziToast.iziToast-color-red .iziToast-progressbar > div { background: rgba(251, 95, 78, .45) !important; }

/* Uyarı — turuncu (sağlayıcı 'yellow' ve 'orange' sınıflarının ikisini de
   kullanabiliyor; ikisi de marka turuncusuna çekilir) */
.iziToast.iziToast-color-yellow,
.iziToast.iziToast-color-orange { background: rgba(18, 20, 20, .62) !important; border-color: rgba(243, 122, 82, .55) !important; }
.iziToast.iziToast-color-yellow > .iziToast-body .iziToast-icon,
.iziToast.iziToast-color-orange > .iziToast-body .iziToast-icon { background-color: #f37a52 !important; }
.iziToast.iziToast-color-yellow .iziToast-title,
.iziToast.iziToast-color-orange .iziToast-title { color: #ffcf8b !important; }
.iziToast.iziToast-color-yellow .iziToast-progressbar > div,
.iziToast.iziToast-color-orange .iziToast-progressbar > div { background: linear-gradient(90deg, rgba(253, 168, 113, .5), rgba(243, 122, 82, .5)) !important; }

/* Bilgi — nötr (mavi frontend'e sızmaz; ikon çipi açık gri) */
.iziToast.iziToast-color-blue { background: rgba(18, 20, 20, .62) !important; border-color: rgba(255, 255, 255, .25) !important; }
.iziToast.iziToast-color-blue > .iziToast-body .iziToast-icon { background-color: #d3d7d7 !important; }
.iziToast.iziToast-color-blue .iziToast-title { color: #e9eded !important; }
.iziToast.iziToast-color-blue .iziToast-progressbar > div { background: rgba(154, 161, 161, .45) !important; }

/* Onay soruları (question/buttons) — düğmeler hap, marka çizgisinde */
.iziToast > .iziToast-body .iziToast-buttons > a,
.iziToast > .iziToast-body .iziToast-buttons > button {
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #e9eded !important;
    font-family: Karla, sans-serif !important;
    font-weight: 700;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    padding: .35rem .9rem !important;
}
.iziToast > .iziToast-body .iziToast-buttons > a:hover,
.iziToast > .iziToast-body .iziToast-buttons > button:hover {
    background: rgba(255, 255, 255, .16) !important;
}
/* İlk düğme = olumlu eylem: marka degradeli hap (giriş ekranındaki
   "Giriş Yap" düğmesiyle aynı dil). */
.iziToast > .iziToast-body .iziToast-buttons > a:first-child,
.iziToast > .iziToast-body .iziToast-buttons > button:first-child {
    background: linear-gradient(90deg, #fda871, #f37a52 52%, #ec387d) !important;
    color: #1a0b06 !important;
    border-color: transparent !important;
}

/* Sağ üst kapsayıcı: header'ın hemen altında dursun, profil menüsünü örtmesin. */
.iziToast-wrapper.iziToast-wrapper-topRight { top: 88px !important; right: 20px !important; }