/* ==========================================================================
   oneriler.css — Öneriler ve Gündemim arşivleri (§3.4, §3.5)
   ========================================================================== */

.oneri-head__desc {
	margin-top: .75rem;
	max-width: 560px;
	line-height: 1.7;
}

/* ------------------------------------------------------- Araç çubuğu */

.oneri-toolbar {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-bottom: 2rem;
}

.oneri-toolbar__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem;
}

/* Etiket pill'leri çok satıra sarabilir (§3.4). */
.oneri-toolbar .pill-list {
	flex: 1 1 auto;
}

@media (min-width: 900px) {
	.oneri-toolbar {
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
	}

	.oneri-toolbar__actions {
		flex-shrink: 0;
	}
}

.oneri-sort {
	display: block;
}

/* --------------------------------------------------------- Izgara */

.oneri-grid {
	gap: 1.5rem;
}

/* ------------------------------------------- "Bana sürpriz yap" vurgusu */

.oneri-card.is-surprised {
	border-color: hsl(var(--primary));
	box-shadow: 0 0 0 3px hsl(var(--primary) / .25), 0 16px 40px -16px hsl(var(--primary) / .5);
	animation: fy-surprise 2.6s var(--ease);
}

@keyframes fy-surprise {
	0% { transform: scale(1); }
	12% { transform: scale(1.02); }
	30% { transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
	.oneri-card.is-surprised {
		animation: none;
	}
}