/* ============================================================
   Fiyatlandirma — paket secim satirlari

   Sayfanin geri kalani Tailwind (hub.css) ile giydirilir. Burada yalnizca
   Tailwind'in uretmedigi iki sey var:
     1) buton imleci
     2) yukleme donen halkasi (spinner)
   hub.css uretilen bir dosya oldugu icin oraya elle kural yazilmaz.
   ============================================================ */

/* Tarayici <button> icin varsayilan olarak ok imleci gosterir; satirin
   tiklanabilir oldugu imlecten anlasilmiyordu. */
.satin-al-btn {
    cursor: pointer;
    position: relative;
}

/* YUKLEME DURUMU
   Onceki surumde butonun icerigi "Isleniyor..." metniyle DEGISTIRILIYORDU:
   satir bir anda bosaliyor, yuksekligi zipliyor ve kullanici hangi paketi
   tikladigini goremiyordu. Simdi icerik yerinde kaliyor, uzerine donen
   halka biniyor. */
.satin-al-btn.yukleniyor {
    pointer-events: none;
}

.satin-al-btn.yukleniyor > * {
    opacity: .3;
}

.satin-al-btn.yukleniyor::after {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 22px;
    height: 22px;
    border: 2.5px solid rgba(234, 88, 12, .25);
    border-top-color: #EA580C;
    border-radius: 9999px;
    animation: fiyat-doner .7s linear infinite;
}

@keyframes fiyat-doner {
    to { transform: rotate(360deg); }
}

/* Hareket hassasiyeti olan kullanicilar icin donusu yavaslat; tamamen
   durdurmak "askida kaldi mi" hissi verirdi. */
@media (prefers-reduced-motion: reduce) {
    .satin-al-btn.yukleniyor::after {
        animation-duration: 2.4s;
    }
}