/* WhatsApp 客户评价按钮 — 产品页 meta 区（SKU 下方）
 * 几何参数对齐页面下方 .rdj-wa-btn（WhatsApp us）按钮：
 * flex 居中、width:100%、padding 14px 16px、gap 10px、圆角 4px；
 * 移动端（<=767px）降为 padding 13px 12px / 字号 14px / gap 8px。
 * 高度由 padding + line-height 撑开，不写死 px 宽高。
 */
.rdj-wa-reviews {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
	box-sizing: border-box;
	margin-top: 14px;
	padding: 14px 16px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	background: #fafafa;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	color: #1a1a1a;
	text-align: center;
	text-decoration: none;
	transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.rdj-wa-reviews:hover {
	border-color: #25d366;
	background: #f0fbf4;
	box-shadow: 0 2px 8px rgba(37, 211, 102, .15);
	color: #1a1a1a;
	text-decoration: none;
}

/* 五颗橙色五角星：不参与拉伸，固定视觉尺寸 */
.rdj-wa-reviews__stars {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	flex: 0 0 auto;
}
.rdj-wa-reviews__stars svg {
	width: 18px;
	height: 18px;
	fill: #f7a600;
}

/* WhatsApp 图标 + 文案：允许文字换行，图标不压缩 */
.rdj-wa-reviews__wa {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}
.rdj-wa-reviews__wa svg {
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	fill: #25d366;
}

/* 移动端：与 .rdj-wa-btn 的断点保持一致 */
@media (max-width: 767px) {
	.rdj-wa-reviews {
		padding: 13px 12px;
		font-size: 14px;
		gap: 8px;
	}
	.rdj-wa-reviews__stars svg {
		width: 16px;
		height: 16px;
	}
	.rdj-wa-reviews__wa svg {
		flex: 0 0 18px;
		width: 18px;
		height: 18px;
	}
}

/* ------------------------------------------------------------------
 * 产品页「配送时效 / 退货政策」两个框：压缩上下留白
 *
 * 主题原值（ecomus/style.css:7323、woocommerce.css:5790）：
 *   .single-product-extra-content           margin-top: 32px
 *   .single-product-extra-content .widget   margin-bottom: 32px
 *   .ecomus-icon-box-widget__item.vertical  padding: 30px 28px
 *   .vertical .__icon                       margin-bottom: 16px
 * 框体因此过高、与上方 meta 和下方区块之间留白过大。
 *
 * 覆盖策略：只缩垂直方向，水平内边距保持 28px 让文案不贴边；
 * 选择器带 .single-product div.product 前缀以压过主题同等特异性规则，
 * 且仅在 is_product() 已入队本文件的页面上生效，不影响其他 widget 区域。
 * ------------------------------------------------------------------ */
.single-product div.product .single-product-extra-content {
	margin-top: 14px;
}
.single-product div.product .single-product-extra-content .widget {
	margin-bottom: 14px;
}
.single-product div.product .single-product-extra-content .ecomus-icon-box-widget {
	gap: 15px;
}
.single-product div.product .single-product-extra-content .ecomus-icon-box-widget__item.vertical {
	padding: 16px 28px;
}
.single-product div.product .single-product-extra-content .ecomus-icon-box-widget__item.vertical .ecomus-icon-box-widget__icon {
	margin-bottom: 8px;
}
.single-product div.product .single-product-extra-content .ecomus-icon-box-widget__desc {
	line-height: 1.5;
}

/* 移动端：框会变成单列堆叠，留白再收一档 */
@media (max-width: 767px) {
	.single-product div.product .single-product-extra-content {
		margin-top: 10px;
	}
	.single-product div.product .single-product-extra-content .widget {
		margin-bottom: 10px;
	}
	.single-product div.product .single-product-extra-content .ecomus-icon-box-widget__item.vertical {
		padding: 14px 16px;
	}
}
