/* AzərPay — custom styles supplementing Tailwind */

::selection { background:#fecaca; color:#7f1d1d; }
.dark ::selection { background:#7f1d1d; color:#fecaca; }

::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-track { background:transparent; }
::-webkit-scrollbar-thumb { background:rgba(100,116,139,.3); border-radius:10px; }
::-webkit-scrollbar-thumb:hover { background:rgba(100,116,139,.5); }

/* Reusable input class */
.input-base {
  width:100%;
  background:#f8fafc; border:1px solid #e2e8f0;
  border-radius:.75rem; padding:.75rem 1rem; font-size:1rem;
  outline:none; transition:box-shadow .15s, border-color .15s;
}
.dark .input-base { background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.1); color:#fff; }
.input-base:focus { border-color:#ef4444; box-shadow:0 0 0 2px rgba(239,68,68,.4); }

/* Animations replacing framer-motion */
@keyframes fadeUp {
  from { opacity:0; transform:translateY(16px); }
  to   { opacity:1; transform:translateY(0); }
}
.animate-fade-up { animation: fadeUp .55s ease-out both; }

@keyframes pulseSlow {
  0%,100% { transform: scale(1); }
  50%     { transform: scale(1.06); }
}
.animate-pulse-slow { animation: pulseSlow 2s ease-in-out infinite; }

@keyframes bounceOnce {
  0%   { transform: scale(0) rotate(-45deg); opacity:0; }
  60%  { transform: scale(1.1) rotate(8deg); opacity:1; }
  100% { transform: scale(1) rotate(0); opacity:1; }
}
.animate-bounce-once { animation: bounceOnce .7s cubic-bezier(.16,1,.3,1) both; }

/* Background orb drift */
@keyframes orb1 {
  0%,100% { transform: translate(0,0); }
  33%     { transform: translate(60px,-40px); }
  66%     { transform: translate(-30px,30px); }
}
@keyframes orb2 {
  0%,100% { transform: translate(0,0); }
  33%     { transform: translate(-40px,60px); }
  66%     { transform: translate(50px,-20px); }
}
@keyframes orb3 {
  0%,100% { transform: translate(0,0); }
  33%     { transform: translate(30px,-30px); }
  66%     { transform: translate(-20px,40px); }
}
.orb-animate-1 { animation: orb1 18s ease-in-out infinite; }
.orb-animate-2 { animation: orb2 22s ease-in-out infinite; }
.orb-animate-3 { animation: orb3 25s ease-in-out infinite; }

/* Step transitions */
.step-pane { animation: fadeUp .35s ease-out both; }

/* Operator card hover */
.operator-card { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.operator-card:hover { transform: translateY(-6px) scale(1.02); }

/* Package card */
.pkg-card { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.pkg-card:hover { transform: translateY(-4px); }

/* Live entry flash-in */
@keyframes flashIn {
  from { background-color: rgba(239,68,68,.12); opacity:0; transform: translateX(-12px); }
  to   { background-color: transparent;          opacity:1; transform: translateX(0); }
}
.live-row-new { animation: flashIn 2.4s ease-out forwards; }

/* News ticker fade */
.news-item { transition: opacity .5s ease, transform .5s ease; }
.news-item-hidden { opacity:0; transform: translateY(8px); pointer-events:none; }