/* Uyarı pencerelerinin pompa simgeleri (site.js, Swal.fire sarmalayıcısı). Swal'ın halkalı simge kutusu
   yerine bekleme penceresindeki pompanın gövdesi: ekranda durumun işareti, altındaki bantta durumun rengi.
   Seçiciler .swal2-popup ile başlar: sweetalert2.min.css'teki eşit güçteki kuralları sıradan bağımsız ezer. */
.swal2-popup .swal2-icon.pompa-simge {
    width: 112px;
    height: 94px;
    margin: 22px auto 2px;
    border: 0;
    border-radius: 0;
    line-height: normal;
}

.swal2-popup .swal2-icon.pompa-simge.swal2-icon-show {
    animation: ps-gir .35s ease-out;
}

.swal2-popup .swal2-icon.pompa-simge .swal2-icon-content,
.swal2-popup .swal2-icon.pompa-simge.swal2-icon-show .swal2-icon-content {
    display: block;
    font-size: inherit;
    animation: none;
}

.pompa-simge-svg {
    display: block;
    width: 112px;
    height: 94px;
    overflow: visible;
}

@keyframes ps-gir {
    from { opacity: 0; transform: translateY(6px) scale(.94); }
    to { opacity: 1; transform: none; }
}

/* Ekran durumun rengiyle hafifçe parlar; işaret çizilerek gelir. */
.pompa-simge-svg .ps-parilti {
    opacity: .1;
    animation: ps-parla .9s ease-out .15s both;
}

@keyframes ps-parla {
    0% { opacity: 0; }
    35% { opacity: .32; }
    100% { opacity: .1; }
}

.pompa-simge-svg .ps-isaret {
    filter: drop-shadow(0 0 2.5px currentColor);
}

.pompa-simge--basari .ps-isaret { color: rgba(95, 224, 143, .55); }
.pompa-simge--uyari .ps-isaret { color: rgba(255, 181, 71, .55); }
.pompa-simge--hata .ps-isaret { color: rgba(255, 114, 114, .55); }
.pompa-simge--bilgi .ps-isaret { color: rgba(140, 200, 255, .55); }
.pompa-simge--soru .ps-isaret { color: rgba(255, 210, 138, .55); }

.pompa-simge-svg .ps-ciz {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    animation: ps-ciz .45s ease-out .2s forwards;
}

.pompa-simge-svg .ps-ciz-2 {
    animation-delay: .45s;
}

@keyframes ps-ciz {
    to { stroke-dashoffset: 0; }
}

.pompa-simge-svg .ps-nokta {
    opacity: 0;
    animation: ps-belir .2s ease-out .55s forwards;
}

@keyframes ps-belir {
    to { opacity: 1; }
}

/* Uyarı: ünlem üç kez yanıp söner. */
.pompa-simge-svg .ps-yanip {
    animation: ps-yanip .7s ease-in-out .75s 3;
}

@keyframes ps-yanip {
    50% { opacity: .2; }
}

/* Hata: pompa bir kez sarsılır. */
.pompa-simge--hata .ps-govde {
    animation: ps-salla .42s ease-in-out .75s;
}

@keyframes ps-salla {
    20% { transform: translateX(-3px); }
    40% { transform: translateX(3px); }
    60% { transform: translateX(-2px); }
    80% { transform: translateX(2px); }
}

/* Bilgi: i'nin noktası damla gibi yerine düşer. */
.pompa-simge-svg .ps-dus {
    animation: ps-dus .5s cubic-bezier(.35, .1, .45, 1.5) .45s both;
}

@keyframes ps-dus {
    from { opacity: 0; transform: translateY(-14px); }
    to { opacity: 1; transform: none; }
}

/* Onay: cevap beklenirken soru işaretinin noktası nabız atar. */
.pompa-simge-svg .ps-nabiz {
    transform-box: fill-box;
    transform-origin: center;
    animation: ps-belir .2s ease-out .55s forwards, ps-nabiz 1.6s ease-in-out .9s infinite;
}

@keyframes ps-nabiz {
    50% { transform: scale(1.35); }
}

/* Tabancadan bir damla düşer. */
.pompa-simge-svg .ps-damla {
    opacity: 0;
    animation: ps-damla .9s ease-in .8s;
}

@keyframes ps-damla {
    0% { opacity: 0; transform: translateY(0); }
    15% { opacity: 1; }
    100% { opacity: 0; transform: translateY(26px); }
}

@media (prefers-reduced-motion: reduce) {
    .swal2-popup .swal2-icon.pompa-simge.swal2-icon-show,
    .pompa-simge-svg *,
    .pompa-simge--hata .ps-govde {
        animation: none !important;
    }

    .pompa-simge-svg .ps-ciz { stroke-dashoffset: 0; }
    .pompa-simge-svg .ps-nokta { opacity: 1; }
    .pompa-simge-svg .ps-parilti { opacity: .1; }
}