/**
 * Utility pages — FAQ, About, tracking forms
 */

/* FAQ shortcode from plugin */
.zampoush-home__faq,
.zp-page .zampoush-home__faq {
	padding-block: var(--zp-space-35);
}

.zampoush-home__faq-item,
.zp-prose details {
	background: var(--zp-color-surface);
	border: 1px solid var(--zp-color-border);
	border-radius: var(--zp-radius-md);
	margin-bottom: var(--zp-space-10);
	overflow: hidden;
}

.zampoush-home__faq-question,
.zp-prose details summary {
	padding: var(--zp-space-15) var(--zp-space-20);
	font-weight: 600;
	cursor: pointer;
	list-style: none;
}

.zampoush-home__faq-answer,
.zp-prose details > *:not(summary) {
	padding: 0 var(--zp-space-20) var(--zp-space-15);
	color: var(--zp-color-text-muted);
}

/* About */
.zampoush-home__about-text {
	font-size: 15px;
	line-height: 1.8;
	color: var(--zp-color-text);
}

/* Order tracking — orders list visual */
.woocommerce-account .woocommerce-orders-table {
	width: 100%;
	border-collapse: collapse;
}

.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-orders-table td {
	padding: var(--zp-space-13) var(--zp-space-15);
	vertical-align: middle;
}

.woocommerce-account .woocommerce-orders-table th {
	background: var(--zp-color-surface-alt);
	font-weight: 600;
	white-space: nowrap;
}

.woocommerce-account .woocommerce-orders-table tbody tr {
	border-top: 1px solid var(--zp-color-border);
}

.woocommerce-account .woocommerce-orders-table .button,
.woocommerce-account .woocommerce-orders-table .woocommerce-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: var(--zp-space-10) var(--zp-space-15) !important;
	font-size: 13px;
	white-space: nowrap;
	box-shadow: none !important;
}

.woocommerce-account .woocommerce-orders-table .button.view,
.woocommerce-account .woocommerce-orders-table .woocommerce-button.view {
	background: var(--zp-color-primary) !important;
	color: #fff !important;
	border: 1px solid var(--zp-color-primary) !important;
}

/* Search results non-product */
.zp-search-item {
	background: var(--zp-color-surface);
	padding: var(--zp-space-20);
	border-radius: var(--zp-radius-md);
	margin-bottom: var(--zp-space-15);
	box-shadow: var(--zp-shadow-card);
}

.zp-search-item__title {
	font-size: 16px;
	margin-bottom: var(--zp-space-10);
}

.zp-search-item__title a {
	color: var(--zp-color-text-heading);
}

/* Fluent support in account */
.woocommerce-MyAccount-content .fs-ticket-list,
.woocommerce-MyAccount-content .fs-create-ticket-wrap {
	margin-top: 0;
}

#fluent_support_client_app {
	direction: rtl;
	text-align: right;
	font-family: var(--zp-font-family);
}

#fluent_support_client_app .el-button--primary,
#fluent_support_client_app .el-button--primary:focus,
#fluent_support_client_app .el-button--primary:hover,
#fluent_support_client_app .fs_portal_head .el-button,
#fluent_support_client_app .fs_portal_header .el-button {
	--el-button-bg-color: var(--zp-color-primary);
	--el-button-border-color: var(--zp-color-primary);
	--el-button-hover-bg-color: var(--zp-color-primary);
	--el-button-hover-border-color: var(--zp-color-primary);
	--el-button-active-bg-color: var(--zp-color-primary);
	--el-button-active-border-color: var(--zp-color-primary);
	background-color: var(--zp-color-primary) !important;
	border-color: var(--zp-color-primary) !important;
	color: #fff !important;
}