/*
Theme Name: Flow Onway
Theme URI: https://flowonway.com
Author: R 森
Author URI: https://flowonway.com
Description: R 森在路上 — AI 培訓與線上課程官方網站主題
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: flowonway
Tags: full-site-editing, block-patterns, custom-colors, custom-logo, wide-blocks
*/

/* ============================================================
   Custom scrollbar
   ============================================================ */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Hide scrollbar but keep scroll functionality */
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* ============================================================
   Lead-gen book floating animation
   ============================================================ */
@keyframes bookFloat {
	0%, 100% { transform: perspective(800px) rotateY(-8deg) rotateX(2deg) translateY(0px); }
	50%       { transform: perspective(800px) rotateY(-8deg) rotateX(2deg) translateY(-9px); }
}
.animate-book-float { animation: bookFloat 3.5s ease-in-out infinite; }

/* ============================================================
   Blog pagination (paginate_links output)
   ============================================================ */
.fow-page-link a,
.fow-page-link span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	height: 2.5rem;
	padding: 0 0.75rem;
	border-radius: 0.5rem;
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.2s, color 0.2s, border-color 0.2s;
	border: 1px solid #e2e8f0;
	background: #fff;
	color: #475569;
}
.fow-page-link a:hover {
	background: #083A4F;
	border-color: #083A4F;
	color: #fff;
}
.fow-page-link span.current {
	background: #083A4F;
	border-color: #083A4F;
	color: #fff;
}
.fow-page-link span.dots {
	border-color: transparent;
	background: transparent;
	color: #94a3b8;
}

/* Free-download badge — diagonal light sweep, GPU-composited */
.fow-badge-sheen {
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(165,141,102,0.45), inset 0 1px 2px rgba(255,255,255,0.3);
}
.fow-badge-sheen::after {
	content: '';
	position: absolute;
	top: -50%;
	left: -75%;
	width: 45%;
	height: 200%;
	background: linear-gradient(
		105deg,
		transparent 25%,
		rgba(255,255,255,0.45) 50%,
		transparent 75%
	);
	animation: fow-badge-sweep 7s ease-in-out infinite;
	will-change: transform;
	pointer-events: none;
	z-index: 10;
}
@keyframes fow-badge-sweep {
	0%   { transform: skewX(-20deg) translateX(0); }
	18%  { transform: skewX(-20deg) translateX(550%); }
	100% { transform: skewX(-20deg) translateX(550%); }
}
@media (prefers-reduced-motion: reduce) {
	.fow-badge-sheen::after { animation: none; }
}

/* ============================================================
   Category / tag badge on post cards and single post header
   ============================================================ */
.fow-cat-tag {
	background-color: #eef6f7;
	color: #4f7a84;
	border: 1px solid #dbe9ec;
}