/**
 * Animation on Archive Pages — CSS companion
 * ============================================
 * 
 * This CSS works together with animation-on-archive-pages.js
 * 
 * Columns are hidden via CSS immediately (no FOUC),
 * then the JS adds .pws-archive-animated to trigger the animation.
 * 
 * Uses own class names (.pws-archive-*) to avoid conflicts with Enfold.
 * 
 * File: enfold_tweaks/animation-on-archive-pages.css
 * Author: Zsolt / PWS Design + Claude
 * Date: 2026-03-02
 * Version: 2.1
 */


/* Hide columns immediately — prevents FOUC */
.archive .flex_column {
	opacity: 0;
	transform: translateY(50px);
}

/* Animate in when JS triggers */
.archive .flex_column.pws-archive-animated {
	animation: pwsBottomToTop 0.65s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
}

@keyframes pwsBottomToTop {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}