/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* === My Account 登录 / 注册布局调整 === */

/* 标题居中 */
.wc-account-title-center {
	text-align: center;
}

/* 表单整体居中（宽度可按需调整） */
.wc-account-form-center {
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0 20px;
}

/* 登录按钮、注册按钮所在行居中 */
.wc-account-buttons-center {
	text-align: center;
}

/* “记住我” + “忘记密码” 同一行 */
.wc-login-actions-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	margin-top: 12px;
	margin-bottom: 12px;
}

/* 移除 p 标签默认外边距，避免撑高 */
.wc-login-actions-row .form-row,
.wc-login-actions-row .lost_password {
	margin: 0;
}

/* 登录按钮与上方文字之间增加间距 */
.wc-account-buttons-center {
	text-align: center;
	margin-top: 8px;
}

/* 登录错误提示居中显示文案（覆盖 Astra 内联样式） */
.entry-content .woocommerce-error,
.entry-content .woocommerce-message,
.entry-content .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info {
	text-align: center !important;
}

/* 如需让文本更居中，可适当减小左侧 padding */
.entry-content .woocommerce-error,
.entry-content .woocommerce-message,
.entry-content .woocommerce-info {
	padding-left: 2.5em;
}

/* === My Account 左侧菜单优化 === */
.woocommerce-account .woocommerce-MyAccount-navigation {
	margin-top: 20px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: block;
	padding: 10px 16px;
	border: 1px solid var(--ast-border-color, #dcdcdc);
	border-radius: 999px;
	font-weight: 600;
	color: var(--ast-global-color-3, #1e2530);
	background-color: #fff;
	transition: all 0.2s ease;
	text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
	border-color: var(--ast-global-color-0, #1c6d85);
	color: var(--ast-global-color-0, #1c6d85);
	transform: translateX(4px);
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	background-color: var(--ast-global-color-0, #1c6d85);
	color: #fff;
	border-color: var(--ast-global-color-0, #1c6d85);
	box-shadow: 0 5px 15px rgba(28, 109, 133, 0.25);
}

/* === My Account 地址卡片美化 === */
.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
	border: 1px solid var(--ast-border-color, #dcdcdc);
	border-radius: 16px;
	padding: 24px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.woocommerce-account .woocommerce-Addresses .woocommerce-Address:hover {
	transform: translateY(-4px);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
}

.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title h3 {
	font-size: 1.8rem;
	margin-bottom: 8px;
}

.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title .edit {
	font-weight: 600;
	color: var(--ast-global-color-0, #1c6d85);
	text-transform: none;
}

.woocommerce-account .woocommerce-Addresses address {
	line-height: 1.7;
	margin: 10px 0;
}

/* === Shop 列表：颜色/多属性图片预览 === */
.wc-loop-color-swatches {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
}

.wc-loop-color-swatch {
	display: inline-flex;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 2px solid #fff;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
	background-size: cover;
	background-position: center;
	cursor: pointer;
}

.wc-loop-color-more {
	font-size: 14px;
	color: var(--ast-global-color-3, #1e2530);
}
/* === 所有产品标题2行截断（通用） === */
/* WooCommerce分类页面、Shop页面、产品列表 */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3,
.woocommerce-loop-product__title,
h2.woocommerce-loop-product__title,
h3.woocommerce-loop-product__title,
/* 通用标题选择器 */
.woocommerce h2,
.woocommerce h3,
.woocommerce-page h2,
.woocommerce-page h3 {
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
	overflow: hidden !important;
	line-height: 1.3 !important;
	max-height: 2.6em !important;
	word-wrap: break-word !important;
}

/* === 所有产品价格样式（通用） === */
/* WooCommerce分类页面、Shop页面、产品列表 */
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce-loop-product__price,
.woocommerce .price,
.woocommerce-page .price {
	display: flex !important;
	align-items: baseline !important;
	gap: 6px !important;
	margin: 8px 0 !important;
	white-space: nowrap !important;
}

.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del,
.woocommerce-loop-product__price del,
.woocommerce .price del,
.woocommerce-page .price del {
	order: 2 !important;
	font-size: 0.85em !important;
	color: #888 !important;
}

.woocommerce ul.products li.product .price ins,
.woocommerce-page ul.products li.product .price ins,
.woocommerce-loop-product__price ins,
.woocommerce .price ins,
.woocommerce-page .price ins {
	order: 1 !important;
	text-decoration: none !important;
	font-weight: 600 !important;
	color: #000 !important;
}

/* 小屏幕移动端样式（480px及以下） */
@media (max-width: 480px) {
	/* 小屏幕产品标题 - 2行截断（与桌面端相同） */
	.woocommerce ul.products li.product .woocommerce-loop-product__title,
	.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
	.woocommerce ul.products li.product h2,
	.woocommerce ul.products li.product h3,
	.elementor-widget-loop-grid .elementor-loop-item .elementor-heading-title,
	.elementor-widget-loop-grid .elementor-loop-item h2,
	.elementor-widget-loop-grid .elementor-loop-item h3,
	.elementor-heading-title,
	.elementor-widget-heading .elementor-heading-title,
	.elementor-widget-heading h2,
	.elementor-widget-heading h3 {
		display: -webkit-box !important;
		-webkit-box-orient: vertical !important;
		-webkit-line-clamp: 2 !important;
		overflow: hidden !important;
		line-height: 1.3 !important;
		max-height: 2.6em !important;
		word-wrap: break-word !important;
		font-size: 14px !important; /* 小屏幕统一字体大小 */
	}
	
	/* 小屏幕产品价格（与桌面端相同，只是字体和间距稍小） */
	.woocommerce ul.products li.product .price,
	.woocommerce-page ul.products li.product .price,
	.woocommerce .price,
	.woocommerce-page .price,
	.elementor-widget-loop-grid .elementor-loop-item .price,
	.elementor-widget-wc-products .price,
	.elementor-wc-products .price,
	.elementor-widget-container .price,
	.elementor-element .price,
	li.product .price,
	.product .price {
		display: flex !important;
		align-items: baseline !important;
		gap: 4px !important;
		margin: 4px 0 !important;
		white-space: nowrap !important;
		font-size: 14px !important;
	}
	
	.woocommerce ul.products li.product .price del,
	.woocommerce-page ul.products li.product .price del,
	.woocommerce .price del,
	.woocommerce-page .price del,
	.elementor-widget-loop-grid .elementor-loop-item .price del,
	.elementor-widget-wc-products .price del,
	.elementor-wc-products .price del,
	.elementor-widget-container .price del,
	.elementor-element .price del,
	li.product .price del,
	.product .price del {
		order: 2 !important;
		font-size: 0.85em !important;
		color: #888 !important;
	}
	
	.woocommerce ul.products li.product .price ins,
	.woocommerce-page ul.products li.product .price ins,
	.woocommerce .price ins,
	.woocommerce-page .price ins,
	.elementor-widget-loop-grid .elementor-loop-item .price ins,
	.elementor-widget-wc-products .price ins,
	.elementor-wc-products .price ins,
	.elementor-widget-container .price ins,
	.elementor-element .price ins,
	li.product .price ins,
	.product .price ins {
		order: 1 !important;
		text-decoration: none !important;
		font-weight: 600 !important;
		color: #000 !important;
	}
}

/* 现代浏览器使用line-clamp实现多行省略（可选） */
.elementor-wc-products .woocommerce-loop-product__title.multi-line {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4;
	max-height: calc(1.4em * 2);
}

/* 已移除冲突样式 - 统一使用2行截断 */

/* === Elementor产品标题2行截断（所有Elementor产品展示） === */
/* Loop Grid */
.elementor-widget-loop-grid .elementor-loop-item .elementor-heading-title,
.elementor-widget-loop-grid .elementor-loop-item h2,
.elementor-widget-loop-grid .elementor-loop-item h3,
.elementor-loop-item .elementor-widget-heading .elementor-heading-title,
/* 产品网格 */
.elementor-widget-wc-products .woocommerce-loop-product__title,
.elementor-wc-products .woocommerce-loop-product__title,
.elementor-widget-wc-product-title .elementor-heading-title,
/* 通用Elementor产品标题 */
.elementor-widget-container .woocommerce-loop-product__title,
.elementor-element .woocommerce-loop-product__title,
.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-heading h2,
.elementor-widget-heading h3 {
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
	overflow: hidden !important;
	line-height: 1.3 !important;
	max-height: 2.6em !important;
	word-wrap: break-word !important;
}

/* === Elementor产品价格样式（所有Elementor产品展示） === */
/* Loop Grid */
.elementor-widget-loop-grid .elementor-loop-item .price,
/* 产品网格 */
.elementor-widget-wc-products .price,
.elementor-wc-products .price,
.elementor-widget-wc-product-price .price,
/* 通用Elementor产品价格 */
.elementor-widget-container .price,
.elementor-element .price,
.elementor-price {
	display: flex !important;
	align-items: baseline !important;
	gap: 6px !important;
	margin: 8px 0 !important;
	white-space: nowrap !important;
}

.elementor-widget-loop-grid .elementor-loop-item .price del,
.elementor-widget-wc-products .price del,
.elementor-wc-products .price del,
.elementor-widget-container .price del,
.elementor-element .price del {
	order: 2 !important;
	font-size: 0.85em !important;
	color: #888 !important;
}

.elementor-widget-loop-grid .elementor-loop-item .price ins,
.elementor-widget-wc-products .price ins,
.elementor-wc-products .price ins,
.elementor-widget-container .price ins,
.elementor-element .price ins {
	order: 1 !important;
	text-decoration: none !important;
	font-weight: 600 !important;
	color: #000 !important;
}

/* === 移动端样式（与桌面端保持一致） === */
@media (max-width: 768px) {
	/* 移动端产品标题 - 2行截断（与桌面端相同） */
	.elementor-widget h2,
	.elementor-widget h3,
	.woocommerce-loop-product__title,
	.product-title,
	.woocommerce ul.products li.product .woocommerce-loop-product__title,
	.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
	.woocommerce ul.products li.product h2,
	.woocommerce ul.products li.product h3,
	.elementor-widget-loop-grid .elementor-loop-item .elementor-heading-title,
	.elementor-widget-loop-grid .elementor-loop-item h2,
	.elementor-widget-loop-grid .elementor-loop-item h3,
	.elementor-heading-title,
	.elementor-widget-heading .elementor-heading-title,
	.elementor-widget-heading h2,
	.elementor-widget-heading h3 {
		display: -webkit-box !important;
		-webkit-box-orient: vertical !important;
		-webkit-line-clamp: 2 !important;
		overflow: hidden !important;
		line-height: 1.3 !important;
		max-height: 2.6em !important;
		word-wrap: break-word !important;
		font-size: 16px !important; /* 统一移动端字体大小 */
	}
	
	/* 所有产品移动端价格（与桌面端相同，只是字体和间距稍小） */
	.woocommerce ul.products li.product .price,
	.woocommerce-page ul.products li.product .price,
	.woocommerce .price,
	.woocommerce-page .price,
	.elementor-widget-loop-grid .elementor-loop-item .price,
	.elementor-widget-wc-products .price,
	.elementor-wc-products .price,
	.elementor-widget-container .price,
	.elementor-element .price,
	li.product .price,
	.product .price {
		display: flex !important;
		align-items: baseline !important;
		gap: 4px !important;
		margin: 4px 0 !important;
		white-space: nowrap !important;
		font-size: 14px !important;
	}
	
	.elementor-widget-loop-grid .elementor-loop-item .price del,
	.elementor-widget-wc-products .price del,
	.elementor-wc-products .price del,
	.elementor-widget-container .price del,
	.elementor-element .price del,
	.woocommerce ul.products li.product .price del,
	.woocommerce-page ul.products li.product .price del,
	.woocommerce .price del,
	.woocommerce-page .price del,
	li.product .price del,
	.product .price del {
		order: 2 !important;
		font-size: 0.85em !important;
		color: #888 !important;
	}
	
	.elementor-widget-loop-grid .elementor-loop-item .price ins,
	.elementor-widget-wc-products .price ins,
	.elementor-wc-products .price ins,
	.elementor-widget-container .price ins,
	.elementor-element .price ins,
	.woocommerce ul.products li.product .price ins,
	.woocommerce-page ul.products li.product .price ins,
	.woocommerce .price ins,
	.woocommerce-page .price ins,
	li.product .price ins,
	.product .price ins {
		order: 1 !important;
		text-decoration: none !important;
		font-weight: 600 !important;
		color: #000 !important;
	}
}
/* === 地址编辑表单验证错误样式 === */
.woocommerce-EditAddressForm .wc-address-validation-errors {
	margin-bottom: 20px;
}

.woocommerce-EditAddressForm .wc-address-field-error {
	border-color: #d93025 !important;
	box-shadow: 0 0 0 1px rgba(217, 48, 37, 0.25) !important;
}

.woocommerce-EditAddressForm .wc-address-field-error-msg {
	display: block;
	color: #d93025;
	font-size: 0.875rem;
	margin-top: 4px;
	line-height: 1.4;
}

/* 地址表单整体样式优化 */
.woocommerce-account .woocommerce-address-fields {
	max-width: 600px;
}

.woocommerce-account .woocommerce-address-fields__field-wrapper {
	margin-bottom: 20px;
}

.woocommerce-account .woocommerce-address-fields .form-row {
	margin-bottom: 16px;
}

/* === 超通用产品标题和价格样式（确保所有场景都被覆盖） === */
/* 产品标题 - 2行截断 */
ul.products li.product h2,
ul.products li.product h3,
li.product .woocommerce-loop-product__title,
li.product h2,
li.product h3 {
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
	overflow: hidden !important;
	line-height: 1.3 !important;
	max-height: 2.6em !important;
	word-wrap: break-word !important;
}

/* 产品价格 - 现价在前，原价在后 */
li.product .price,
.product .price {
	display: flex !important;
	align-items: baseline !important;
	gap: 6px !important;
	margin: 8px 0 !important;
	white-space: nowrap !important;
}

li.product .price del,
.product .price del {
	order: 2 !important;
	font-size: 0.85em !important;
	color: #888 !important;
}

li.product .price ins,
.product .price ins {
	order: 1 !important;
	text-decoration: none !important;
	font-weight: 600 !important;
	color: #000 !important;
}

/* 移动端（小屏幕）- 确保所有产品标题和价格样式一致 */
@media (max-width: 480px) {
	/* 产品标题 - 2行截断 */
	li.product h2,
	li.product h3,
	li.product .woocommerce-loop-product__title,
	.product h2,
	.product h3 {
		display: -webkit-box !important;
		-webkit-box-orient: vertical !important;
		-webkit-line-clamp: 2 !important;
		overflow: hidden !important;
		line-height: 1.3 !important;
		max-height: 2.6em !important;
		word-wrap: break-word !important;
		font-size: 14px !important; /* 小屏幕统一字体大小 */
	}
	
	/* 产品价格 */
	li.product .price,
	.product .price {
		display: flex !important;
		align-items: baseline !important;
		gap: 4px !important;
		margin: 4px 0 !important;
		white-space: nowrap !important;
		font-size: 14px !important;
	}
	
	li.product .price del,
	.product .price del {
		order: 2 !important;
		font-size: 0.85em !important;
		color: #888 !important;
	}
	
	li.product .price ins,
	.product .price ins {
		order: 1 !important;
		text-decoration: none !important;
		font-weight: 600 !important;
		color: #000 !important;
	}
}