/* ========================================
   i鮮屋 現代動畫 SVG 圖示
   替換 Elementor icon-box 預設 Font Awesome
   ======================================== */

/* === 基礎設定 === */
.ifresh-animated-icon svg.ifresh-icon {
	width: 1em;
	height: 1em;
	display: block;
	transition: transform 0.3s ease;
	overflow: visible;
}

/* 覆蓋 Elementor 預設 fill（我們用 stroke 線條風格） */
.ifresh-animated-icon svg.ifresh-icon,
.ifresh-animated-icon svg.ifresh-icon * {
	fill: none;
}

/* === 船 — 自有漁場直送 === */
.ifresh-icon-ship .ifresh-icon-hull {
	transition: transform 0.4s ease;
}

.ifresh-icon-ship .ifresh-icon-sail {
	transition: transform 0.3s ease;
}

.ifresh-icon-ship .ifresh-icon-wave {
	animation: none;
}

/* Hover: 船身搖擺 + 浪花移動 */
.elementor-icon-box-wrapper:hover .ifresh-icon-ship {
	animation: ifresh-ship-rock 0.8s ease-in-out;
}

.elementor-icon-box-wrapper:hover .ifresh-icon-ship .ifresh-icon-wave1 {
	animation: ifresh-wave-move 1.2s ease-in-out infinite;
}

.elementor-icon-box-wrapper:hover .ifresh-icon-ship .ifresh-icon-wave2 {
	animation: ifresh-wave-move 1.4s ease-in-out 0.15s infinite;
}

@keyframes ifresh-ship-rock {
	0%, 100% { transform: rotate(0deg); }
	25% { transform: rotate(-3deg); }
	75% { transform: rotate(3deg); }
}

@keyframes ifresh-wave-move {
	0%, 100% { transform: translateX(0); }
	50% { transform: translateX(4px); }
}

/* === 雪花 — 急速冷凍保鮮 === */
.ifresh-icon-snowflake {
	transition: transform 0.3s ease;
}

/* Hover: 旋轉 + 縮放脈衝 */
.elementor-icon-box-wrapper:hover .ifresh-icon-snowflake {
	animation: ifresh-snowflake-spin 1.5s linear infinite;
}

@keyframes ifresh-snowflake-spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/* === 卡車 — 滿額免運 === */
.ifresh-icon-truck .ifresh-icon-speed {
	opacity: 0;
	transition: opacity 0.3s ease;
}

.ifresh-icon-truck .ifresh-icon-truck-body,
.ifresh-icon-truck .ifresh-icon-truck-cab {
	transition: transform 0.3s ease;
}

/* Hover: 卡車前進 + 速度線 */
.elementor-icon-box-wrapper:hover .ifresh-icon-truck {
	animation: ifresh-truck-bounce 0.6s ease;
}

.elementor-icon-box-wrapper:hover .ifresh-icon-truck .ifresh-icon-speed {
	opacity: 0.4;
	animation: ifresh-speed-lines 0.8s ease-out infinite;
}

@keyframes ifresh-truck-bounce {
	0%, 100% { transform: translateX(0); }
	40% { transform: translateX(3px); }
	60% { transform: translateX(1px); }
}

@keyframes ifresh-speed-lines {
	0% { opacity: 0; transform: translateX(2px); }
	30% { opacity: 0.5; }
	100% { opacity: 0; transform: translateX(-6px); }
}

/* === 盾牌打勾 — 安心檢驗 === */
.ifresh-icon-shield .ifresh-icon-check {
	stroke-dasharray: 32;
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 0.4s ease;
}

.ifresh-icon-shield .ifresh-icon-shield-body {
	transition: transform 0.3s ease;
}

/* Hover: 盾牌縮放 + 打勾繪製動畫 */
.elementor-icon-box-wrapper:hover .ifresh-icon-shield .ifresh-icon-shield-body {
	animation: ifresh-shield-pulse 0.6s ease;
}

.elementor-icon-box-wrapper:hover .ifresh-icon-shield .ifresh-icon-check {
	animation: ifresh-check-draw 0.6s ease forwards;
}

@keyframes ifresh-shield-pulse {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.06); }
}

@keyframes ifresh-check-draw {
	0% { stroke-dashoffset: 32; }
	100% { stroke-dashoffset: 0; }
}

/* === 無障礙：尊重 prefers-reduced-motion === */
@media (prefers-reduced-motion: reduce) {
	.ifresh-icon-ship,
	.ifresh-icon-snowflake,
	.ifresh-icon-truck,
	.ifresh-icon-shield .ifresh-icon-check,
	.ifresh-icon-shield .ifresh-icon-shield-body,
	.ifresh-icon-ship .ifresh-icon-wave1,
	.ifresh-icon-ship .ifresh-icon-wave2,
	.ifresh-icon-truck .ifresh-icon-speed {
		animation: none !important;
		transition: none !important;
	}
}