/*
Theme Name:   Xstore child
Theme URI:    https://xstore.8theme.com
Description:  XStore is a multi-purpose theme that offers the ultimate WordPress and WooCommerce synergy, providing a comprehensive, all-in-one solution.
Author:       8theme
Author URI:   https://www.8theme.com
Template:     xstore
Version:      1.0.1
Text Domain:  xstore-child
Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, translation-ready, ecommerce, woocommerce, shop, elementor, business, corporate, blog, news, light, dark
*/

.compuway-layered-nav-all-attributes .compuway-layered-nav-attribute {
	margin-bottom: 1.25em;
}

.compuway-layered-nav-all-attributes .compuway-layered-nav-attribute:last-child {
	margin-bottom: 0;
}

.compuway-layered-nav-all-attributes .compuway-layered-nav-attribute-label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.5em;
}

/* --------------------------------------------------------------------------
   Policy / content pages: tables + highlight boxes
   Used on: سياسة الاسترجاع والخصوصية (and any page using these classes)
   -------------------------------------------------------------------------- */

.page-id-40 .content-page .content,
.page-template-default.page .content-page .content:has(.info-table),
.page-template-default.page .content-page .content:has(.hbox) {
	--cw-policy-accent: var(--et_active-color, #a4004f);
	--cw-policy-border: var(--et_border-color, #e1e1e1);
	--cw-policy-muted: var(--et_main-color, #666);
	--cw-policy-text: var(--et_dark-color, #222);
	--cw-policy-bg: var(--et_white-2-dark, #fff);
	--cw-policy-soft: var(--et_light-color, #f7f7f7);
	width: 100%;
	max-width: none;
	color: var(--cw-policy-text);
	line-height: 1.85;
	font-size: 1.05rem;
}

/* Nested privacy block (extra content wrapped in a plain div) */
.page-id-40 .content-page .content > div:not(.info-table-scroll):not(.hbox):not(.contact-box):not(.divider):not(.post-navigation) {
	margin-top: 2.5em;
}

.page-id-40 .content-page .content h2,
.page-template-default.page .content-page .content:has(.info-table) h2 {
	margin: 0 0 1em;
	padding-bottom: 0.55em;
	border-bottom: 3px solid var(--cw-policy-accent, #a4004f);
	font-size: 1.6rem;
	line-height: 1.35;
	color: var(--cw-policy-text, #222);
}

.page-id-40 .content-page .content h3,
.page-template-default.page .content-page .content:has(.info-table) h3 {
	margin: 2.25em 0 0.85em;
	padding-bottom: 0.45em;
	border-bottom: 2px solid var(--cw-policy-border, #e1e1e1);
	font-size: 1.35rem;
	line-height: 1.4;
	color: var(--cw-policy-text, #222);
}

.page-id-40 .content-page .content > h3:first-child,
.page-template-default.page .content-page .content:has(.info-table) > h3:first-child {
	margin-top: 0.5em;
}

.page-id-40 .content-page .content h4,
.page-template-default.page .content-page .content:has(.info-table) h4 {
	margin: 1.5em 0 0.75em;
	font-size: 1.15rem;
	line-height: 1.45;
	color: var(--cw-policy-text, #222);
}

.page-id-40 .content-page .content p,
.page-template-default.page .content-page .content:has(.info-table) p {
	margin: 0 0 1em;
}

.page-id-40 .content-page .content a {
	color: var(--cw-policy-accent, #a4004f);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.page-id-40 .content-page .content ul,
.page-id-40 .content-page .content ol,
.page-template-default.page .content-page .content:has(.info-table) ul,
.page-template-default.page .content-page .content:has(.info-table) ol {
	margin: 0 0 1.35em;
	padding-inline-start: 1.35em;
}

.page-id-40 .content-page .content ul > li,
.page-id-40 .content-page .content ol > li,
.page-template-default.page .content-page .content:has(.info-table) ul > li,
.page-template-default.page .content-page .content:has(.info-table) ol > li {
	margin-bottom: 0.55em;
}

/* Don't restyle headings inside callout/contact boxes */
.page-id-40 .content-page .content .hbox h3,
.page-id-40 .content-page .content .hbox h4,
.page-id-40 .content-page .content .contact-box h3,
.page-id-40 .content-page .content .contact-box h4 {
	margin: 0 0 0.75em;
	padding-bottom: 0;
	border-bottom: 0;
	font-size: 1.1rem;
}

/* Info tables */
.info-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0 0 1.75em;
	overflow: hidden;
	border: 1px solid var(--et_border-color, #e1e1e1);
	border-radius: 10px;
	background: var(--et_white-2-dark, #fff);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.info-table thead th {
	background: var(--et_light-color, #f7f7f7);
	color: var(--et_dark-color, #222);
	font-weight: 700;
	text-align: start;
	padding: 0.9em 1em;
	border-bottom: 1px solid var(--et_border-color, #e1e1e1);
	font-size: 0.95rem;
	white-space: nowrap;
}

.info-table tbody td {
	padding: 0.85em 1em;
	border-bottom: 1px solid var(--et_border-color, #e1e1e1);
	vertical-align: top;
	line-height: 1.7;
}

.info-table tbody tr:last-child td {
	border-bottom: 0;
}

.info-table tbody tr:nth-child(even) td {
	background: rgba(0, 0, 0, 0.015);
}

/* Make wide tables scroll on small screens */
.content-page .content:has(.info-table),
.page-id-40 .content {
	overflow-wrap: anywhere;
}

.info-table-scroll {
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
	margin: 0 0 1.75em;
	border-radius: 10px;
	scrollbar-width: thin;
}

.info-table-scroll .info-table {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.info-table {
		min-width: 400px;
		width: max(100%, 400px);
	}

	.info-table thead th,
	.info-table tbody td {
		padding: 0.75em 0.85em;
		font-size: 0.92rem;
	}

	.info-table thead th {
		white-space: nowrap;
	}
}

/* Highlight / callout boxes */
.hbox {
	display: block;
	margin: 0 0 1.5em;
	padding: 1em 1.15em;
	border-radius: 10px;
	border: 1px solid transparent;
	border-inline-start-width: 4px;
	line-height: 1.75;
	background: var(--et_light-color, #f7f7f7);
	color: var(--et_dark-color, #222);
}

.hbox p {
	margin: 0.55em 0 0;
}

.hbox p:first-child {
	margin-top: 0;
}

.hbox ul,
.hbox ol {
	margin: 0.65em 0 0;
	padding-inline-start: 1.25em;
}

.hbox li {
	margin-bottom: 0.4em;
}

.hbox-red {
	background: #fff5f5;
	border-color: #f1c0c0;
	border-inline-start-color: #c62828;
}

.hbox-amber {
	background: #fff8e8;
	border-color: #efd39a;
	border-inline-start-color: #f57f17;
}

.hbox-green {
	background: #f1faf2;
	border-color: #b7dfbc;
	border-inline-start-color: #2e7d32;
}

.hbox-purple {
	background: #f7f2f8;
	border-color: #d8c3de;
	border-inline-start-color: var(--et_active-color, #a4004f);
}

.hbox-blue {
	background: #f0f6ff;
	border-color: #b7cceb;
	border-inline-start-color: #1565c0;
}

/* Privacy contact card */
.contact-box {
	display: block;
	margin: 0 0 1.5em;
	padding: 1.15em 1.25em;
	border-radius: 10px;
	border: 1px solid var(--et_border-color, #e1e1e1);
	border-inline-start: 4px solid var(--et_active-color, #a4004f);
	background: var(--et_light-color, #f7f7f7);
	color: var(--et_dark-color, #222);
}

.contact-box h4 {
	margin: 0 0 0.85em;
	padding: 0;
	border: 0;
	font-size: 1.1rem;
	line-height: 1.4;
}

.contact-items {
	display: grid;
	gap: 0.65em;
}

.contact-items .ci {
	padding: 0.55em 0.75em;
	border-radius: 8px;
	background: var(--et_white-2-dark, #fff);
	border: 1px solid var(--et_border-color, #e1e1e1);
	line-height: 1.65;
}

.contact-items .ci strong {
	margin-inline-end: 0.35em;
	color: var(--et_dark-color, #222);
}

.divider {
	height: 1px;
	margin: 2em 0 1.25em;
	background: var(--et_border-color, #e1e1e1);
	border: 0;
}

.page-id-40 .content-page .content .divider + p {
	color: var(--et_main-color, #666);
	font-size: 0.95rem;
}