/* ==================================================
   HORAM PRODUCT CARD
================================================== */

.horam-product-card{
	list-style:none;
}

.horam-card-inner{
	background:#fff;
	border-radius:22px;
	overflow:hidden;
	position:relative;
	height:100%;
	display:flex;
	flex-direction:column;
	transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s;
	border:1px solid #eef2f7;
	box-shadow:var(--shadow-sm);
}

.horam-card-inner:hover{
	transform:translateY(-6px);
	box-shadow:var(--shadow-md);
	border-color:#f4d3d6;
}

.horam-card-inner .horam-metric{
	display:flex;
	flex-direction:row;
	justify-content:space-around;
}

/* ==================================================
   IMAGE
================================================== */

.horam-card-image{
	height:200px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:14px;
	background:linear-gradient(180deg,#fbfbfc,#ffffff);
	position:relative;
	overflow:hidden;
}

.horam-card-image img{
	max-width:100%;
	max-height:180px;
	width:auto;
	height:auto;
	object-fit:contain;
	transition:transform .35s var(--ease);
}

.horam-card-inner:hover .horam-card-image img{
	transform:scale(1.06);
}

/* ==================================================
   BADGES
================================================== */

.horam-badge{
	position:absolute;
	right:12px;
	padding:6px 13px;
	border-radius:30px;
	font-size:11.5px;
	font-weight:800;
	color:#fff;
	z-index:5;
	box-shadow:0 4px 10px rgba(0,0,0,.15);
	letter-spacing:.2px;
}

.horam-badge.featured{
	top:12px;
	background:var(--primary-gradient);
}

.horam-badge.trusted{
	top:50px;
	background:linear-gradient(135deg,var(--success),#22b6a3);
}

/* ==================================================
   CONTENT
================================================== */

.horam-card-content{
	padding:14px 14px 16px;
	display:flex;
	flex-direction:column;
	flex:1;
}

.horam-title{
	margin:0 0 10px;
	font-size:14px !important;
	font-weight:600;
	line-height:1.6;
	min-height:2.8em;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}

.horam-title a{
	color:var(--dark);
	text-decoration:none;
	transition:color .15s;
}

.horam-title a:hover{
	color:var(--primary);
}

/* ==================================================
   RATING
================================================== */

.horam-rating{
	margin:0 auto 6px;
	width:fit-content;
}

/* ==================================================
   TRUST SCORE
================================================== */

.horam-trust-score{
	display:flex;
	align-items:center;
	gap:8px;
	padding:8px 10px;
	border-radius:14px;
	margin:6px 0;
	position:relative;
	overflow:hidden;
}

.horam-trust-icon{
	width:28px;
	height:28px;
	flex:0 0 28px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:14px;
	background:rgba(255,255,255,.55);
}

.horam-trust-text{
	display:flex;
	flex-direction:column;
	line-height:1.3;
	text-align:right;
	flex:1;
}

.horam-trust-text strong{
	font-size:14px;
	font-weight:800;
}

.horam-trust-text small{
	font-size:10px;
	font-weight:600;
	opacity:.85;
}

.horam-trust-bar{
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	height:3px;
	background:rgba(0,0,0,.08);
}

.horam-trust-bar span{
	display:block;
	height:100%;
	border-radius:0 3px 3px 0;
}

.horam-trust-gold{
	background:linear-gradient(135deg,#fff6e0,#fde8b8);
	color:#8a6116;
}

.horam-trust-gold .horam-trust-bar span{
	background:linear-gradient(90deg,#e9b949,#c9922a);
}

.horam-trust-blue{
	background:#eef6ff;
	color:#1d5e94;
}

.horam-trust-blue .horam-trust-bar span{
	background:#2563eb;
}

.horam-trust-gray{
	background:var(--background);
	color:var(--gray);
}

.horam-trust-gray .horam-trust-bar span{
	background:#9aa3af;
}

.horam-metrics{
	margin:10px 0;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
	gap:14px;
}

.horam-ring-metric{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:5px;
}

.horam-ring{
	position:relative;
	width:50px;
	height:50px;
}

.horam-ring svg{
	width:100%;
	height:100%;
}

.horam-ring-bg{
	fill:none;
	stroke:var(--background);
	stroke-width:3;
}

.horam-ring-fill{
	fill:none;
	stroke-width:3;
	stroke-linecap:round;
	transition:stroke-dasharray 1s var(--ease);
}

.horam-ring-success .horam-ring-fill{
	stroke:var(--success);
}

.horam-ring-danger .horam-ring-fill{
	stroke:#ef4444;
}

.horam-ring-value{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:10.5px;
	font-weight:800;
	color:var(--dark);
}

.horam-ring-label{
	font-size:10.5px;
	font-weight:700;
	color:var(--gray);
}

.horam-warranty-badge{
	width:50px;
	height:50px;
	border-radius:50%;
	background:linear-gradient(135deg,#f7d488,#c9922a);
	color:#4a3300;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	box-shadow:0 6px 14px rgba(201,146,42,.35);
	border:2px solid #fff;
	outline:1px solid #f0dba8;
}

.horam-warranty-badge .num{
	font-size:16px;
	font-weight:900;
	line-height:1;
}

.horam-warranty-badge .unit{
	font-size:9px;
	font-weight:800;
	margin-top:2px;
}

.horam-warranty-badge-text .unit{
	font-size:8.5px;
	line-height:1.3;
	padding:0 4px;
	text-align:center;
	margin-top:0;
}

.horam-card-content .horam-warranty{
	background:var(--background);
	color:#7a7a7a;
	border-radius:12px;
	padding:7px;
	margin-top:auto;
	font-size:12.5px;
	font-weight:600;
	text-align:center;
	border:none;
}

/* ==================================================
   PRICE
================================================== */

.horam-price{
	font-size:17px;
	font-weight:800;
	color:var(--primary);
	margin:8px auto;
	text-align:center;
}

.horam-price del{
	font-size:12px;
	color:#9ca3af;
	margin-left:6px;
	font-weight:400;
}

.horam-price ins{
	text-decoration:none;
}

/* ==================================================
   ACTIONS
================================================== */

.horam-card-actions{
	display:flex;
	gap:8px;
	margin-top:8px;
}

.horam-view-btn{
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	background:var(--primary-gradient);
	color:#fff;
	padding:10px 16px;
	border-radius:14px;
	text-decoration:none;
	font-weight:700;
	transition:transform .2s var(--ease), box-shadow .2s var(--ease), filter .2s;
	font-size:13px;
	border:none;
	cursor:pointer;
	box-shadow:0 6px 16px rgba(230,57,70,.25);
}

.horam-view-btn:hover{
	color:#fff;
	transform:translateY(-2px);
	box-shadow:0 10px 22px rgba(230,57,70,.32);
	filter:brightness(1.03);
}

.horam-video-btn{
	width:52px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#eff6ff;
	color:#2563eb;
	border-radius:14px;
	text-decoration:none;
	font-size:13px;
	font-weight:700;
	transition:background .2s, transform .2s var(--ease);
}

.horam-video-btn:hover{
	background:#dbeafe;
	transform:translateY(-2px);
}

/* ==================================================
   SALE FLASH
================================================== */

.woocommerce span.onsale{
	background:var(--primary-gradient);
	border-radius:50px;
	min-width:auto;
	min-height:auto;
	padding:9px 14px;
	line-height:1;
	font-size:11.5px;
	font-weight:800;
	box-shadow:0 4px 10px rgba(230,57,70,.3);
}

/* ==================================================
   PRODUCT GRID
================================================== */

ul.products{
	display:grid !important;
	grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
	gap:18px;
}

ul.products li.product{
	width:auto !important;
	float:none !important;
	margin:0 !important;
}

/* ==================================================
   MOBILE
================================================== */

@media(max-width:768px){

	.horam-card-image img{
		height:auto;
	}

	.horam-title{
		font-size:13.5px;
		min-height:auto;
	}

	.horam-price{
		font-size:16px;
	}

	.horam-card-actions{
		flex-direction:column;
	}

	.horam-video-btn{
		width:100%;
		height:42px;
	}

	ul.products{
		grid-template-columns:1fr;
		gap:14px;
	}

}

@media(max-width:576px){

	.horam-card-image{
		height:220px;
	}

	.horam-title{
		font-size:14.5px;
	}

}

.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before{
	display:none !important;
}

/* ==================================================
   حالت «فقط با هاور نمایش داده شود»
   پنل اعتماد به‌صورت overlay روی تصویر، با انیمیشن
   ظاهر می‌شود.
================================================== */

.horam-card-style-hover .horam-card-trustpanel{

	position:absolute;
	right:0;
	left:0;
	bottom:0;

	background:linear-gradient(
		180deg,
		rgba(17,24,39,0) 0%,
		rgba(17,24,39,.55) 35%,
		rgba(17,24,39,.92) 100%
	);

	padding:22px 8px 10px;

	display:flex;
	flex-direction:column;
	align-items:center;
	gap:6px;

	transform:translateY(100%);
	opacity:0;

	transition:transform .35s var(--ease), opacity .3s var(--ease);

	pointer-events:none;

	z-index:5;

}

.horam-card-style-hover .horam-card-inner:hover .horam-card-trustpanel{

	transform:translateY(0);
	opacity:1;

}

.horam-card-style-hover .horam-card-image{

	cursor:pointer;

}

/* در حالت هاور، بج‌های فروش/پیشنهاد کمی بالاتر بیان تا با پنل تداخل نکنن */

.horam-card-style-hover .horam-card-image .horam-badge.trusted{

	top:12px;

}

/* اندازه‌ی جمع‌وجورتر برای المان‌های داخل پنل روی تصویر */

.horam-card-style-hover .horam-card-trustpanel .horam-trust-score{

	background:rgba(255,255,255,.14);
	color:#fff;
	backdrop-filter:blur(4px);
	padding:6px 10px;
	width:100%;

}

.horam-card-style-hover .horam-card-trustpanel .horam-trust-text strong{

	color:#fff;

}

.horam-card-style-hover .horam-card-trustpanel .horam-trust-text small{

	color:rgba(255,255,255,.75);

}

.horam-card-style-hover .horam-card-trustpanel .horam-trust-icon{

	background:rgba(255,255,255,.2);

}

.horam-card-style-hover .horam-card-trustpanel .horam-metrics{

	margin:2px 0 0;
	gap:10px;

}

.horam-card-style-hover .horam-card-trustpanel .horam-ring,
.horam-card-style-hover .horam-card-trustpanel .horam-warranty-badge{

	width:38px;
	height:38px;

}

.horam-card-style-hover .horam-card-trustpanel .horam-warranty-badge .num{

	font-size:12px;

}

.horam-card-style-hover .horam-card-trustpanel .horam-warranty-badge .unit{

	font-size:7px;

}

.horam-card-style-hover .horam-card-trustpanel .horam-ring-value{

	font-size:9px;
	color:#fff;

}

.horam-card-style-hover .horam-card-trustpanel .horam-ring-label{

	color:rgba(255,255,255,.85);
	font-size:9.5px;

}

@media(max-width:768px){

	/* روی موبایل که هاور معنی نداره، همیشه نمایش داده بشه تا اطلاعات از دست نره */

	.horam-card-style-hover .horam-card-image{

		height:auto;
		overflow:visible;

	}

	.horam-card-style-hover .horam-card-trustpanel{

		position:static;
		transform:none;
		opacity:1;
		pointer-events:auto;
		background:none;
		padding:8px 0 0;

	}

	.horam-card-style-hover .horam-card-trustpanel .horam-trust-score{

		background:#eef6ff;
		color:#1d5e94;
		backdrop-filter:none;

	}

	.horam-card-style-hover .horam-card-trustpanel .horam-trust-text small{

		color:var(--gray);

	}

	.horam-card-style-hover .horam-card-trustpanel .horam-ring-label{

		color:var(--gray);

	}

}