/* Tailwind-in edə bilmədiyi kiçik köməkçi qaydalar */

html { -webkit-tap-highlight-color: transparent; scroll-behavior: smooth; }
body { font-feature-settings: "cv11", "ss01"; }

/* Üfüqi sürüşən sıraların scrollbar-ını gizlət */
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.no-scrollbar::-webkit-scrollbar { display: none; }

/* iPhone-un aşağı "home indicator" sahəsi üçün təhlükəsiz boşluq */
.pb-safe { padding-bottom: env(safe-area-inset-bottom); }

/* Klaviatura ilə naviqasiya üçün aydın fokus */
:focus-visible { outline: 2px solid #f2604a; outline-offset: 2px; border-radius: 8px; }
input:focus-visible, select:focus-visible { outline: none; }

/* Ürək düyməsi animasiyası */
.fav-btn svg { transition: transform .15s ease; }
.fav-btn:active svg { transform: scale(.85); }
.fav-btn[aria-pressed="true"] svg { fill: #f2604a; stroke: #f2604a; }

/* Checkbox, radio, range: brend rəngində */
input[type="checkbox"], input[type="radio"], input[type="range"] { accent-color: #f2604a; }

/* Select oxunu özümüz çəkirik */
.select-clean { appearance: none; -webkit-appearance: none; background: transparent; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; animation: none !important; }
}

/* ---------- Təsdiq ekranı animasiyaları ---------- */
@keyframes pop { 0% { transform: scale(.6); opacity: 0; } 60% { transform: scale(1.08); opacity: 1; } 100% { transform: scale(1); } }
@keyframes draw { to { stroke-dashoffset: 0; } }
@keyframes confetti-fall { 0% { transform: translate3d(0, -20px, 0) rotate(0); opacity: 1; } 100% { transform: translate3d(var(--dx, 0), 110vh, 0) rotate(var(--rot, 540deg)); opacity: 0; } }
.pop { animation: pop .5s cubic-bezier(.2, .9, .3, 1.2) both; }
.draw-check { stroke-dasharray: 30; stroke-dashoffset: 30; animation: draw .45s .35s ease-out forwards; }
.confetti { position: fixed; top: 0; z-index: 60; width: 8px; height: 14px; border-radius: 2px; pointer-events: none; animation: confetti-fall var(--dur, 2.4s) var(--delay, 0s) ease-in forwards; }
