/* premium.css — ek animasyonlar ve efektler */

/* Gradient headings (section-head dışındakiler için) */
h1,h2{font-family:'Outfit',sans-serif;letter-spacing:-.02em}

/* Input ring */
input:focus,select:focus,textarea:focus{outline:none}

/* Card hover glow — isteğe bağlı güçlendirme */
.listing-card:hover,.stack-card:hover{border-color:rgba(201,165,88,.22)}
.category-card:hover{border-color:rgba(201,165,88,.3)!important}

/* Urgent blink */
.tag-red{animation:urgentPulse 2.2s ease-in-out infinite}
@keyframes urgentPulse{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 3px rgba(220,38,38,.12)}}

/* FAB entrance */
@keyframes fabEntrance{from{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0deg);opacity:1}}
.fab{animation:fabEntrance .45s cubic-bezier(.34,1.56,.64,1) both}

/* Smooth focus rings for buttons */
.btn:focus-visible{outline:2px solid var(--c-gold);outline-offset:3px}

/* Ajax card fade-in */
.ajax-card{opacity:0;transform:translateY(20px);transition:opacity .35s ease,transform .35s ease}

/* Section badge */
.section-badge{display:inline-flex;padding:5px 14px;border-radius:999px;background:var(--c-gold-pale);color:#92400e;font-size:.8rem;font-weight:700;border:1.5px solid rgba(201,165,88,.35);margin-bottom:10px;font-family:'Outfit',sans-serif}

/* Stat counter animation — koyu zemin (hero-copy) için altın; beyaz/krem zeminde navy */
.stat-num{font-family:'Outfit',sans-serif;font-weight:800;font-size:1.65rem;color:var(--c-gold)}
.stat-strip .stat-num,.stat-strip strong{color:var(--c-navy)!important}

/* Premium listing card accent */
.stack-card.is-featured{background:linear-gradient(135deg,rgba(253,244,226,.6) 0%,rgba(255,255,255,1) 60%);border-color:rgba(201,165,88,.35)}
.stack-card.is-featured::after{content:'⭐ Öne Çıkan';display:inline-flex;padding:3px 10px;border-radius:999px;background:var(--c-gold-pale);color:#92400e;font-size:.75rem;font-weight:700;border:1px solid rgba(201,165,88,.3);margin-top:8px}

/* Smooth page transitions */
.section{animation:sectionIn .4s ease both}
@keyframes sectionIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* Mobile nav toggle placeholder */
.menu-toggle{display:none}
@media(max-width:960px){.menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-sm);background:rgba(12,35,64,.06);border:none;cursor:pointer;font-size:1.3rem}}