/**
 * Marketplace UX – Kleinanzeigen-style layout and components
 * Child theme: listinghive-child. Update-safe.
 * RTL-aware; use with body.rtl from plugin.
 */

/* ==========================================================================
   FRONT PAGE – Hero search
   ========================================================================== */

.sc-front {
	/* Front-page-specific overrides: larger card radius, white canvas */
	--sc-hero-bg:    #fff;
	--sc-page-bg:    #fff;
	--sc-card-bg:    #fff;
	--sc-card-border: #e0e0e0;
	--sc-radius:     12px;   /* override root 8px → roomier cards on front page */
	background: var(--sc-page-bg);
	min-height: 0;
}

/* ==========================================================================
   FRONT PAGE – صف المحتوى: التصنيفات (يمين) + أحدث الإعلانات (شمال)
   ========================================================================== */

/* خلفية الصفحة تظهر بين المربعين الأبيضين */
.sc-front__content-row {
	padding: var(--sc-space-6) 0 var(--sc-space-8);
	background: var(--sc-page-bg);
}

/* 2-column grid: categories sidebar + listings */
.sc-front__container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 var(--sc-space-4);
	display: grid;
	gap: var(--sc-space-6);
}

/* Full-width container for How It Works, Trust Signals, etc. */
.sc-section-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 var(--sc-space-4);
}
@media (min-width: 768px) {
	.sc-section-container {
		padding: 0 var(--sc-space-6);
	}
}

@media (min-width: 992px) {
	.sc-front__container {
		/* مسافة أوضح بين التصنيفات وأحدث الإعلانات حتى تظهر الخلفية */
		grid-template-columns: 280px 1fr;
		gap: var(--sc-space-6);
		padding: 0 var(--sc-space-6);
	}
}

/* موبايل: المحتوى أولاً ثم التصنيفات */
.sc-categories-sidebar {
	order: 2;
}

@media (min-width: 992px) {
	.sc-latest-listings-wrap {
		order: 2;
	}
	.sc-categories-sidebar {
		order: 1;
	}
}

/* ==========================================================================
   Categories Sidebar – Modern redesign
   ========================================================================== */

.sc-categories-sidebar__box {
	background: #ffffff;
	border: 1px solid #eff0f2;
	border-radius: 14px;
	padding: 0;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}

.sc-categories-sidebar__head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid #f2f4f7;
}

.sc-categories-sidebar__title {
	font-size: 1rem;
	font-weight: 700;
	color: #1a1a2e;
	margin: 0;
	letter-spacing: -0.01em;
}

.sc-categories-sidebar__show-all {
	font-size: 0.8rem;
	font-weight: 700;
	color: #2f6a2d;
	text-decoration: none;
	background: #fff;
	border: 1px solid #8fc584;
	padding: 4px 12px;
	border-radius: 20px;
	transition: all 0.25s ease;
}
.sc-categories-sidebar__show-all:hover {
	background: #f8fff5;
	border-color: #6eaf63;
	color: #245321;
	transform: translateY(-1px);
	box-shadow: 0 6px 14px rgba(66, 119, 56, 0.12);
}

/* List container */
.sc-categories-sidebar__list {
	display: flex;
	flex-direction: column;
	padding: 0.5rem 0;
}

/* Each group = one parent + its children */
.sc-categories-sidebar__group {
	display: flex;
	flex-direction: column;
}

/* Row wrapper: parent link + toggle button side by side */
.sc-cat-row {
	display: flex;
	align-items: center;
}

/* Parent category link – fills row, no bottom border */
.sc-categories-sidebar__parent {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1 1 auto;
	min-width: 0;
	text-decoration: none;
	padding: 8px 1.25rem;
	color: #1e293b;
	font-size: var(--sc-text-body);
	font-weight: 700;
	transition: all 0.25s ease;
}
.sc-categories-sidebar__parent:hover {
	background: #f6f8fa;
	color: #0f172a;
}

/* +/- Toggle button */
.sc-cat-toggle {
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: none;
	cursor: pointer;
	color: #888;
	border-radius: 8px;
	transition: all 0.25s ease;
	margin-inline-end: 6px;
}
.sc-cat-toggle:hover {
	background: #f0f3f6;
	color: var(--sc-green-dark);
}
/* Keep one icon and rotate on expand for clearer accordion state */
.sc-cat-toggle__minus { display: none !important; }
.sc-cat-toggle__plus  { display: block; transition: transform 0.25s ease; }
.sc-categories-sidebar__group.sc-cat-group--open .sc-cat-toggle {
	color: var(--sc-green-dark);
	transform: rotate(45deg);
}

/* SVG icon circle */
.sc-cat-icon {
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	background: #f0f7ed;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	color: var(--sc-primary-dark, #305c2a);
	transition: all 0.25s ease;
}
.sc-cat-icon svg {
	width: 20px;
	height: 20px;
	display: block;
}
.sc-categories-sidebar__parent:hover .sc-cat-icon {
	background: #dcefd6;
	color: var(--sc-green-dark, #1e4a18);
	transform: scale(1.06);
}

/* Category name – fills remaining space */
.sc-cat-name {
	flex: 1 1 auto;
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Listing count badge */
.sc-cat-count {
	flex: 0 0 auto;
	font-size: var(--sc-text-xs);
	font-weight: 500;
	color: #5f6b7a;
	background: #f2f4f7;
	border-radius: 20px;
	padding: 1px 7px;
	min-width: 20px;
	text-align: center;
	line-height: 18px;
}

/* SVG chevron – pushed to the end */
.sc-cat-chevron {
	flex: 0 0 auto;
	color: #c0c5cc;
	transition: color 0.15s, transform 0.15s;
}

/* RTL: flip chevron direction */
body.rtl .sc-cat-chevron {
	transform: scaleX(-1);
}
body.rtl .sc-categories-sidebar__parent:hover .sc-cat-chevron {
	color: var(--sc-green-dark);
	transform: scaleX(-1) translateX(-2px);
}

/* Children list – hidden by default, animates open */
.sc-categories-sidebar__children {
	list-style: none;
	margin: 0;
	padding: 0;
	max-height: 0;
	overflow: hidden;
	transition: all 0.3s ease;
}
.sc-categories-sidebar__group.sc-cat-group--open .sc-categories-sidebar__children {
	max-height: 400px; /* enough for up to ~8 children */
	padding: 0 1.25rem 8px 1.25rem;
}

body.rtl .sc-categories-sidebar__group.sc-cat-group--open .sc-categories-sidebar__children {
	padding-right: calc(1.25rem + 42px); /* indent past icon */
	padding-left: 1.25rem;
}

.sc-categories-sidebar__children li {
	margin: 0;
}

.sc-categories-sidebar__children a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: var(--sc-text-sm);
	color: #475569;
	text-decoration: none;
	padding: 5px 0;
	border-bottom: 1px solid #f7f8fa;
	transition: all 0.25s ease;
	font-weight: 500;
}
.sc-categories-sidebar__children li:last-child a {
	border-bottom: none;
}
.sc-categories-sidebar__children a:hover {
	color: var(--sc-green-dark);
}
body.rtl .sc-categories-sidebar__children a {
	padding-right: 1rem;
}
.sc-categories-sidebar__group.sc-cat-group--open .sc-categories-sidebar__parent {
	background: #f0fdf4;
}

/* Child listing count */
.sc-child-count {
	font-size: var(--sc-text-xs);
	color: #667085;
	background: transparent;
	margin-inline-start: 4px;
}

/* Divider between groups */
.sc-categories-sidebar__group + .sc-categories-sidebar__group {
	border-top: 1px solid #f2f4f7;
}

/* مربع أحدث الإعلانات مستقل - بدون خلفية بارزة */
.sc-latest-listings-wrap {
	order: 1;
	min-width: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	padding: 0;
	box-shadow: none;
}

@media (min-width: 992px) {
	.sc-latest-listings-wrap {
		padding: 0;
	}
}

.sc-latest-listings__heading {
	font-size: 1.25rem;
	font-weight: 700;
	margin: 0 0 var(--sc-space-5);
	color: #1f2937;
	text-align: end;
}

body.rtl .sc-latest-listings__heading {
	text-align: end;
}

.sc-link-green {
	color: var(--sc-primary);
	font-weight: 600;
	text-decoration: none;
}

.sc-link-green:hover {
	color: var(--sc-primary-dark);
}

/* ==========================================================================
   FRONT PAGE – Latest listings grid
   ========================================================================== */

.sc-latest-listings {
	padding: var(--sc-space-8) 0;
	background: #fff;
}

.sc-listings-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--sc-space-4);
}

@media (min-width: 576px) {
	.sc-listings-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: var(--sc-space-5);
	}
}

@media (min-width: 992px) {
	.sc-listings-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: var(--sc-space-5);
	}
}

.sc-listing-card {
	background-color: #ffffff;
	border: 1px solid var(--sc-product-border, #e8ecf2);
	border-radius: 1rem;
	overflow: hidden;
	transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
	display: flex;
	flex-direction: column;
	height: 100%;
	box-shadow: 0 8px 28px rgba(8, 18, 35, 0.07) !important;
	position: relative;
	font-family: "Tajawal", "IBM Plex Sans Arabic", "Segoe UI", sans-serif;
}

/* Featured State */
.sc-listing-card--featured {
	border-color: var(--sc-green);
	box-shadow: 0 8px 28px rgba(8, 18, 35, 0.07), 0 0 0 1px rgba(203, 237, 68, 0.25) !important;
}

.sc-listing-card:hover {
	box-shadow: 0 24px 48px rgba(8, 18, 35, 0.2) !important;
	transform: translateY(-8px);
	border-color: #d8e0ea;
}

.sc-listing-card__img-wrap {
	display: block;
	position: relative;
	aspect-ratio: 4/5;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #f2f5f8;
	overflow: hidden;
	border-bottom: none;
}

.sc-listing-card__img-link {
	display: block;
	width: 100%;
	height: 100%;
}

.sc-listing-card__img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover !important;
	border-radius: 0;
	vertical-align: middle;
	transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.sc-listing-card:hover .sc-listing-card__img-wrap img {
	transform: scale(1.1);
}

/* ── "No image" placeholder: clean branded background with Souqna icon ──── */
.sc-listing-card__no-img {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 8px;
	width: 100%;
	height: 100%;
	min-height: 160px;
	background: linear-gradient(145deg, #f0fdf4 0%, #edf5e8 100%);
	border-radius: 8px 8px 0 0;
	border-bottom: 1px solid #dcefd6;
}
.sc-listing-card__no-img svg {
	color: #c8dcc4;
	opacity: 0.85;
}
.sc-listing-card__no-img span {
	font-size: var(--sc-text-xs);
	font-weight: 600;
	color: #a8c4a2;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

/* Featured Badge */
.sc-listing-card__badge-featured {
	position: absolute;
	top: 8px;
	right: 8px;
	background: var(--sc-green-dark);
	color: #fff;
	width: 24px;
	height: 24px;
	border-radius: var(--sc-radius-sm);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 3;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
body.rtl .sc-listing-card__badge-featured {
	right: auto;
	left: 8px;
}


/* Body & Meta */
.sc-listing-card__body {
	padding: 12px 14px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	gap: 6px;
	text-align: end;
}

.sc-listing-card__meta {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-bottom: 4px;
}

.sc-listing-card__meta-item {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: var(--sc-text-xs);
	color: #64748b;
}

.sc-listing-card__meta-location svg {
	color: #22c55e;
	flex-shrink: 0;
}

.sc-listing-card__meta-date {
	font-style: normal;
	color: #8b96a8;
	font-size: 0.83rem;
	font-weight: 500;
}

/* Stars */
.sc-stars {
	display: flex;
	align-items: center;
	gap: 2px;
}
/* Attributes */
.sc-listing-card__attributes {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 4px;
}
.sc-listing-card__attr {
	font-size: var(--sc-text-xs);
	color: #475569;
	background: #f1f5f9;
	padding: 2px 8px;
	border-radius: var(--sc-radius-sm);
}
.sc-listing-card__attr-label {
	font-weight: 700;
}

/* Price Wrap */
.sc-listing-card__price-wrap {
	margin-top: auto;
	padding-top: 8px;
}


body.rtl .sc-listing-card__body {
	text-align: end;
}

/* Title Styling */
.sc-listing-card__title {
	font-size: 1.05rem;
	font-weight: 700;
	color: #121a26;
	margin: 0;
	line-height: 1.55;
}

.sc-listing-card__title a {
	color: inherit;
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color 0.2s;
}

.sc-listing-card__title a:hover {
	color: var(--sc-green);
}

/* ── Price badge: prominent, bold, lime chip ─────────────────────────────
   HIG: important data (price) must be immediately scannable on the card.
   ─────────────────────────────────────────────────────────────────────── */
.sc-listing-card__price {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 0.92rem !important;
	font-weight: 800 !important;
	line-height: 1.2;
	color: #163118 !important;
	background: #b8f34a;
	padding: 0.38rem 0.7rem;
	border-radius: 9999px;
	letter-spacing: -0.01em;
	box-shadow: none;
}

/* Footer & Actions — Card Style 1 */
.sc-listing-card__footer {
	padding: 0.2rem 1rem 1rem;
	border-top: none;
	background: transparent;
	display: flex;
	justify-content: flex-start;
	gap: 0.55rem;
}

.sc-listing-card__actions {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.55rem;
}

.sc-listing-card__action,
.sc-listing-card__footer .hp-listing__action--favorite,
.sc-listing-card__footer-fav {
	width: 2.5rem !important;
	height: 2.5rem !important;
	padding: 0 !important;
	border-radius: 9999px !important;
	border: 1px solid #e0e6ef !important;
	background: #fff !important;
	color: #4b5563 !important;
	cursor: pointer;
	transition: all 0.25s ease;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: unset !important;
	min-height: unset !important;
	box-shadow: none !important;
	position: static !important;
}

.sc-listing-card__action:hover,
.sc-listing-card__footer-fav:hover {
	transform: translateY(-2px);
}

.sc-listing-card__btn-chat {
	background: #a6e43a !important;
	border-color: #a6e43a !important;
	color: #133116 !important;
}

.sc-listing-card__btn-chat:hover {
	background: #d2ff7e !important;
	border-color: #d2ff7e !important;
	color: #0e2c12 !important;
}

.sc-listing-card__footer .hp-listing__action--favorite:hover,
.sc-listing-card__footer .hp-listing__action--favorite.hp-toggle--active,
.sc-listing-card__footer-fav:hover {
	color: #e03131 !important;
	border-color: #f7c6c6 !important;
	background: #fff4f4 !important;
}

.sc-listing-card__footer .hp-listing__action--favorite.hp-toggle--active svg {
	fill: #ef4444;
}

.sc-listing-card__footer .hp-listing__action--favorite span {
	display: none;
}

/* Single Listing Page Layout Fixes */
.hp-listing--view-page .hp-listing__action--favorite {
	position: relative !important;
	left: auto !important;
	right: auto !important;
	margin-inline-start: 0;
	margin-inline-end: 1.5rem;
	padding-inline: 12px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: auto !important;
}



/* Meta Data (Location, Excerpt) */
.sc-listing-card__location, 
.sc-listing-card__excerpt, 
.sc-listing-card__area {
	font-size: var(--sc-text-sm);
	color: #666666;
	display: block; /* Flex wraps sometimes mess up simple text in limited width */
	margin-bottom: 0;
	line-height: 1.2;
}
.sc-listing-card__excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.sc-latest-listings__more {
	text-align: center;
	margin: var(--sc-space-6) 0 0;
}

.sc-empty {
	text-align: center;
	padding: var(--sc-space-8);
	background: #fff;
	border-radius: var(--sc-radius);
	border: 1px dashed var(--sc-border);
	margin-top: var(--sc-space-4);
	color: var(--sc-text-muted);
}
.sc-empty a {
	display: inline-block;
	margin-top: var(--sc-space-3);
	font-weight: 600;
}

/* ==========================================================================
   FRONT PAGE – How it works (بوكس أبيض مثل التصنيفات وأحدث الإعلانات)
   ========================================================================== */

/* ── How It Works: compact horizontal layout (reduced vertical footprint) ───
   Was: ~300px tall with big paddings. Now: ~160px on desktop.
   ─────────────────────────────────────────────────────────────────────────── */
.sc-how-it-works {
	padding: var(--sc-space-4) 0 var(--sc-space-5);
	background: var(--sc-page-bg);
}

.sc-how-it-works .sc-front__container {
	grid-template-columns: 1fr;
}

.sc-how-it-works__box {
	background: #ffffff;
	border: none;
	border-radius: 12px;
	padding: 20px 24px;
	margin-top: 16px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}

.sc-steps {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--sc-space-3);
	margin-bottom: var(--sc-space-4);
}

/* 2 cols from 576px, 4 cols from 768px */
@media (min-width: 576px) and (max-width: 767px) {
	.sc-steps {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width: 768px) {
	.sc-steps {
		grid-template-columns: repeat(4, 1fr);
		gap: var(--sc-space-2);
	}
}

.sc-step {
	text-align: center;
	padding: var(--sc-space-2) var(--sc-space-3);
}

/* Number badge: smaller, tighter */
.sc-step__num {
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-weight: 700 !important;
	font-size: var(--sc-text-body) !important;
	margin: 0 auto 8px !important;
	background-color: var(--sc-green) !important;
	color: #ffffff !important;
	visibility: visible !important;
	opacity: 1 !important;
}

.sc-step__title {
	font-size: var(--sc-text-md);
	font-weight: 600;
	color: #121212;
	margin-bottom: 4px;
	text-align: center;
}

.sc-step__text {
	font-size: var(--sc-text-sm);
	color: #666666;
	text-align: center;
	line-height: 1.45;
	margin: 0;
}

.sc-how-it-works__cta {
	text-align: center;
	margin: 0;
}

.sc-how-it-works__cta .button {
	background-color: var(--sc-green) !important;
	color: #ffffff !important;
	border-radius: 30px !important;
	padding: 10px 24px !important;
	font-weight: bold !important;
	border: none !important;
	transition: background 0.2s !important;
	display: inline-block !important;
	margin-top: 20px !important;
}

.sc-how-it-works__cta .button:hover {
	background-color: #244620 !important;
}

/* ==========================================================================
   SEARCH / LISTINGS ARCHIVE – Form and filters
   ========================================================================== */

.hp-search-form .hp-form__fields,
.hp-filter .hp-form__fields {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sc-space-2);
	align-items: flex-end;
}

.hp-search-form .hp-form__field,
.hp-filter .hp-form__field {
	margin-bottom: 0;
}

.hp-search-form .hp-field input,
.hp-filter .hp-field select {
	min-height: var(--sc-touch);
	padding: 0 var(--sc-space-3);
	border-radius: var(--sc-radius-sm);
}

.hp-search-form .hp-form__action,
.hp-filter .hp-form__action {
	min-height: var(--sc-touch);
	padding: 0 var(--sc-space-5);
	font-weight: 600;
}

/* ==========================================================================
   SINGLE LISTING PAGE
   ========================================================================== */

.hp-listing--view-page .hp-listing__content {
	padding: var(--sc-space-4);
}

.hp-listing__gallery {
	border-radius: var(--sc-radius);
	overflow: hidden;
	margin-bottom: var(--sc-space-4);
}

.hp-listing__title {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: var(--sc-space-3);
}

.hp-listing__price {
	font-size: 1.35rem;
	font-weight: 700;
	color: var(--sc-primary-dark);
	margin-bottom: var(--sc-space-3);
}

.hp-listing__description,
.hp-listing__attributes {
	margin-top: var(--sc-space-5);
}

.hp-listing__actions .button,
.hp-listing__actions .hp-link {
	min-height: var(--sc-touch);
	padding: 0 var(--sc-space-4);
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
}

/* ==========================================================================
   ACCOUNT / DASHBOARD
   ========================================================================== */

.hp-user-account .hp-form__label,
.hp-user-account .hp-block__title {
	font-weight: 600;
}

.hp-user-account .hp-form__field {
	margin-bottom: var(--sc-space-4);
}

.hp-user-account .hp-menu__item {
	min-height: var(--sc-touch);
	display: inline-flex;
	align-items: center;
}

/* ==========================================================================
   ACCOUNT – Listings table (حسابي → الإعلانات) – RTL and status fix
   ========================================================================== */

/* Table RTL: account listings table (جدول الإعلانات في حسابي) */
body.rtl .hp-user-account table:has(.hp-listing--edit-block),
body.rtl table .hp-listing--edit-block {
	direction: rtl;
}

body.rtl .hp-listing--edit-block .hp-listing__title,
body.rtl .hp-listing--edit-block .hp-listing__categories,
body.rtl .hp-listing--edit-block .hp-listing__created-date,
body.rtl .hp-listing--edit-block .hp-listing__status,
body.rtl .hp-listing--edit-block .hp-listing__actions {
	text-align: end;
	direction: rtl;
}

/* Status cell: keep text horizontal (fix vertical/truncated Arabic) */
.hp-listing__status.hp-status,
.hp-user-account .hp-listing__status,
table .hp-listing__status {
	white-space: nowrap;
	min-width: 6em;
	text-align: end;
}

.hp-listing__status.hp-status span,
.hp-user-account .hp-listing__status span,
table .hp-listing__status span {
	display: inline-block;
	writing-mode: horizontal-tb;
	text-orientation: mixed;
	white-space: nowrap;
}

/* Listing title/categories: prevent odd wrapping */
.hp-listing--edit-block .hp-listing__title,
.hp-listing--edit-block .hp-listing__categories {
	word-break: normal;
}

/* Fallback when :has() not supported: target table by containing edit block */
body.rtl .hp-user-account .hp-block table {
	direction: rtl;
}

/* ==========================================================================
   FOOTER – Marketplace (Kleinanzeigen-style) عربي RTL
   ========================================================================== */

.sc-footer-mkp {
	background-color: #fcfcfc;
	color: #374151;
	padding: 50px 0 20px;
	border-top: 1px solid #eaeaea;
	margin-top: 60px;
	width: 100%;
	flex-shrink: 0;
	overflow-x: hidden;
}

body.home .site-content {
	padding-bottom: 0 !important;
}
body.home .sc-footer-mkp {
	margin-bottom: 0 !important;
}
body.home {
	padding-bottom: 0 !important;
}

.sc-footer-mkp__inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 var(--sc-space-4);
	box-sizing: border-box;
}

/* منع التمرير الأفقي من الفوتر (كلمات مفتاحية طويلة) */
.sc-footer-mkp__keywords {
	overflow-wrap: break-word;
	max-width: 100%;
}

@media (min-width: 768px) {
	.sc-footer-mkp__inner {
		padding: 0 var(--sc-space-6);
	}
}

/* أعمدة الروابط */
.sc-footer-mkp__columns {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--sc-space-4) var(--sc-space-3);
	margin-bottom: var(--sc-space-6);
}

@media (min-width: 480px) {
	.sc-footer-mkp__columns {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 768px) {
	.sc-footer-mkp__columns {
		grid-template-columns: repeat(4, 1fr);
		gap: var(--sc-space-5) var(--sc-space-4);
	}
}

@media (min-width: 992px) {
	.sc-footer-mkp__columns {
		grid-template-columns: repeat(5, 1fr);
		gap: var(--sc-space-6);
	}
}

.sc-footer-mkp__col-title {
	font-size: var(--sc-text-md);
	font-weight: 700;
	margin: 0 0 10px;
	color: #111827;
}

@media (max-width: 767px) {
	.sc-footer-mkp__col-title {
		font-size: 0.8125rem;
		margin-bottom: 8px;
	}
	.sc-footer-mkp__links a {
		font-size: 0.8rem !important;
		padding: 3px 0 !important;
	}
	.sc-footer-mkp__links li + li {
		margin-top: 0 !important;
	}
}

.sc-footer-mkp__links {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sc-footer-mkp__links li {
	margin: 0;
}

.sc-footer-mkp__links a {
	color: #555555;
	text-decoration: none;
	font-size: var(--sc-text-body);
	transition: color 0.3s ease;
	display: block;
	margin-bottom: 12px;
}

.sc-footer-mkp__links a:hover {
	color: #c4f837;
}

/* أيقونات التواصل الاجتماعي */
.sc-footer-mkp__links--social {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.sc-footer-mkp__social-link {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 9999px;
	border: 1px solid #d1d5db;
	background: #ffffff;
	color: #4b5563 !important;
	margin-bottom: 0 !important;
	transition: all 0.3s ease !important;
}

.sc-footer-mkp__social-link:hover {
	color: #ffffff !important;
	background: #c4f837;
	border-color: #c4f837;
}

.sc-footer-mkp__copyright-text {
	font-size: var(--sc-text-sm);
	margin: 0;
	color: #6b7280;
}

/* الشريط السفلي: حقوق + وسوم + زر أعلى */
.sc-footer-mkp__bottom {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: var(--sc-space-4);
	padding-top: var(--sc-space-5);
	border-top: 1px solid rgba(0,0,0,0.08);
}

@media (min-width: 992px) {
	.sc-footer-mkp__bottom {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
	}
	.sc-footer-mkp__popular {
		flex: 1;
	}
}

.sc-footer-mkp__popular {
	min-width: 0;
}

.sc-footer-mkp__tags-title {
	display: block;
	margin-bottom: 10px;
	font-weight: 700;
	color: #111827;
}

.sc-footer-mkp__keywords a {
	display: inline-block !important;
	background: #ffffff !important;
	border: 1px solid #d1d5db !important;
	color: #4b5563 !important;
	border-radius: 20px !important;
	padding: 6px 16px !important;
	font-size: var(--sc-text-sm) !important;
	margin: 0 4px 8px !important;
	text-decoration: none !important;
	font-weight: normal !important;
	transition: all 0.3s ease !important;
}

.sc-footer-mkp__keywords a:hover {
	background: #c4f837 !important;
	color: #ffffff !important;
	border-color: #c4f837 !important;
}

.sc-footer-mkp__keywords {
	font-size: 0.9rem;
	line-height: 1.8;
}

.sc-footer-mkp__scroll-top {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.35rem !important;
	background-color: var(--sc-btn-unified-bg) !important;
	border: 1px solid var(--sc-btn-unified-border) !important;
	color: var(--sc-btn-unified-text) !important;
	font-weight: bold !important;
	border-radius: 9999px !important;
	padding: 8px 24px !important;
	cursor: pointer !important;
	text-decoration: none !important;
	font-size: 0.9rem !important;
	transition: background-color 0.2s ease, transform 0.2s ease !important;
	flex-shrink: 0 !important;
	margin-top: 8px !important;
}

.sc-footer-mkp__scroll-top span,
.sc-footer-mkp__scroll-top svg {
	color: inherit !important;
	stroke: currentColor !important;
}

.sc-footer-mkp__scroll-top:hover {
	background-color: var(--sc-btn-unified-hover) !important;
	border-color: var(--sc-btn-unified-hover-border) !important;
	color: var(--sc-btn-unified-hover-text) !important;
	transform: translateY(-1px) scale(1.03) !important;
	box-shadow: var(--sc-btn-unified-hover-shadow) !important;
}

.sc-footer-mkp__scroll-top:focus,
.sc-footer-mkp__scroll-top:focus-visible,
.sc-footer-mkp__scroll-top:active {
	background-color: var(--sc-btn-unified-hover) !important;
	border-color: var(--sc-btn-unified-hover-border) !important;
	color: var(--sc-btn-unified-hover-text) !important;
	transform: translateY(-1px) scale(1.03) !important;
	box-shadow: var(--sc-btn-unified-hover-shadow) !important;
	outline: none !important;
}

.sc-footer-mkp__scroll-top:focus-visible {
	outline: 2px solid var(--sc-green);
	outline-offset: 2px;
}

/* سلوك التمرير عند الضغط على «أعلى» */
html {
	scroll-behavior: smooth;
}

/* Force Style 1 on homepage custom CTAs */
body.sc-button-style-1 .sc-hero-cta.button,
body.sc-button-style-1 .sc-listings-section__link,
body.sc-button-style-1 .sc-categories-sidebar__show-all,
body.sc-button-style-1 .sc-footer-mkp__scroll-top {
	background: #305c2a !important;
	border: 1px solid #305c2a !important;
	color: #ffffff !important;
}

body.sc-button-style-1 .sc-hero-cta.button:hover,
body.sc-button-style-1 .sc-hero-cta.button:focus,
body.sc-button-style-1 .sc-hero-cta.button:focus-visible,
body.sc-button-style-1 .sc-hero-cta.button:active,
body.sc-button-style-1 .sc-listings-section__link:hover,
body.sc-button-style-1 .sc-listings-section__link:focus,
body.sc-button-style-1 .sc-listings-section__link:focus-visible,
body.sc-button-style-1 .sc-listings-section__link:active,
body.sc-button-style-1 .sc-categories-sidebar__show-all:hover,
body.sc-button-style-1 .sc-categories-sidebar__show-all:focus,
body.sc-button-style-1 .sc-categories-sidebar__show-all:focus-visible,
body.sc-button-style-1 .sc-categories-sidebar__show-all:active,
body.sc-button-style-1 .sc-footer-mkp__scroll-top:hover,
body.sc-button-style-1 .sc-footer-mkp__scroll-top:focus,
body.sc-button-style-1 .sc-footer-mkp__scroll-top:focus-visible,
body.sc-button-style-1 .sc-footer-mkp__scroll-top:active {
	background: #cbed44 !important;
	border-color: #cbed44 !important;
	color: #121212 !important;
	transform: translateY(-1px) scale(1.03) !important;
	box-shadow: 0 8px 16px rgba(203, 237, 68, 0.35) !important;
	outline: none !important;
}

/* ==========================================================================
   RTL – Front and global marketplace
   ========================================================================== */

body.rtl .sc-hero-search__form {
	flex-direction: row-reverse;
}

body.rtl .sc-hero-search__input,
body.rtl .sc-hero-search__select {
	text-align: end;
	direction: rtl;
}

body.rtl .sc-categories__grid,
body.rtl .sc-listings-grid {
	direction: rtl;
}

body.rtl .sc-category-card,
body.rtl .sc-listing-card {
	text-align: end;
}

body.rtl .sc-step {
	text-align: center;
}

body.rtl .site-footer .footer-navbar__menu ul {
	flex-direction: row-reverse;
}

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

@media (max-width: 575px) {
	.sc-hero-search__form {
		flex-direction: column;
	}
	.sc-hero-search__input,
	.sc-hero-search__input--keyword,
	.sc-hero-search__select {
		width: 100%;
		flex: 1 1 100%;
	}
	.sc-hero-search__btn {
		width: 100%;
	}
	.sc-listings-grid {
		gap: var(--sc-space-3);
	}
	.sc-listing-card__body {
		padding: var(--sc-space-2);
	}
	.sc-listing-card__title {
		font-size: 0.9rem;
	}
}

@media (max-width: 767px) {
	.sc-categories__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* ==========================================================================
   مودال التسجيل – نصف عرض الصفحة + في منتصف الصفحة (عمودياً وأفقياً)
   ========================================================================== */
/* إزالة الشريط الأفقي (اللي بيحرك يمين وشمال) عند فتح المودال */
body.fancybox-active {
	overflow-x: hidden !important;
}
.fancybox-container {
	overflow-x: hidden !important;
}
.fancybox-slide--current .fancybox-content {
	max-width: 100vw;
	overflow-x: hidden;
}

/* توسيط المودال في منتصف الشاشة (لا تحت على الشمال) */
.fancybox-slide--current:has(#user_register_modal) {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.fancybox-content#user_register_modal,
.fancybox-slide--current #user_register_modal {
	width: 50vw !important;
	min-width: 320px;
	max-width: 560px;
	display: block !important;
	box-sizing: border-box;
	direction: rtl;
	text-align: end;
	margin: auto;
	overflow-x: hidden;
}

#user_register_modal .hp-form--narrow,
#user_register_modal .hp-form--user-register {
	width: 100%;
	max-width: none;
}

/* مربع الموافقة على الشروط على يمين الكتابة (RTL) */
#user_register_modal .hp-form__field--checkbox label,
#user_register_modal .hp-form__field label[for*="terms"],
#user_register_modal .hp-form__field--checkbox .hp-field__label {
	display: flex !important;
	flex-direction: row !important;
	justify-content: flex-start !important;
	gap: 0.5rem;
	direction: rtl;
	text-align: end;
}
#user_register_modal .hp-form__field--checkbox input[type="checkbox"] {
	flex-shrink: 0;
}

@media (max-width: 767px) {
	.fancybox-content#user_register_modal {
		width: 90vw !important;
		min-width: 280px;
		max-width: none;
	}
}

/* ==========================================================================
   C1: CONTACT BUTTONS
   ========================================================================== */
.sc-contact-buttons {
	display: flex;
	gap: 8px;
	margin-top: 1rem;
	flex-wrap: wrap;
}
.sc-contact-buttons .button {
	flex: 1 1 auto;
	justify-content: center;
	font-weight: 600;
	font-size: 0.9rem;
}
.sc-btn-whatsapp { color: #25D366 !important; border-color: #25D366 !important; }
.sc-btn-whatsapp:hover { background-color: #25D366 !important; color: #fff !important; }
.sc-btn-telegram { color: #0088cc !important; border-color: #0088cc !important; }
.sc-btn-telegram:hover { background-color: #0088cc !important; color: #fff !important; }
.sc-btn-call { color: var(--sc-primary-dark) !important; border-color: var(--sc-primary-dark) !important; }
.sc-btn-call:hover { background-color: var(--sc-primary-dark) !important; color: #fff !important; }

/* ==========================================================================
   C2: VENDOR (SELLER) PROFILE PAGE
   ========================================================================== */
.hp-vendor--view-page {
	background: var(--sc-card-bg);
	border: 1px solid var(--sc-card-border);
	border-radius: var(--sc-radius);
	padding: var(--sc-space-6);
	margin-bottom: var(--sc-space-6);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
	text-align: end;
}
body.rtl .hp-vendor--view-page {
	text-align: end;
}
.hp-vendor__header {
	display: flex;
	align-items: center;
	gap: var(--sc-space-4);
	margin-bottom: var(--sc-space-4);
}
.hp-vendor__image {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid var(--sc-border);
}
.hp-vendor__name {
	font-size: 1.5rem;
	font-weight: 700;
	margin: 0;
}

/* ==========================================================================
   C3: ADVANCED SEARCH/FILTER PAGE SIDEBAR
   ========================================================================== */
.hp-page--listings .hp-row {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sc-space-6);
	flex-direction: row-reverse;
}
.hp-page--listings .hp-col-sm-3,
.hp-page--listings .hp-col-sm-9 {
	width: 100%;
}
@media (min-width: 768px) {
	.hp-page--listings .hp-col-sm-3 {
		width: 280px;
		flex: 0 0 auto;
		overflow: hidden;
	}
	.hp-page--listings .hp-col-sm-9 {
		flex: 1;
		min-width: 0;
	}
}
.hp-filter-form {
	background: var(--sc-card-bg);
	border: 1px solid var(--sc-card-border);
	border-radius: var(--sc-radius);
	padding: var(--sc-space-5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
	overflow: hidden;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.hp-filter-form .hp-form__field {
	margin-bottom: var(--sc-space-4);
}

/* ==========================================================================
   C4: REPORT LISTING BUTTON UX
   ========================================================================== */
.hp-listing__action--report {
	color: #ef4444;
	font-size: 0.9rem;
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	opacity: 0.8;
}
.hp-listing__action--report:hover {
	color: #dc2626;
	opacity: 1;
}

/* ==========================================================================
   STAGE D: D1. LISTING ARCHIVE PAGE (GRID + CARDS)
   ========================================================================== */
/* Robust Grid for Categories & Listings */
.hp-listings.hp-row, 
.hp-listing-categories {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important; /* Expansion fit */
	justify-content: center !important; /* Centering */
	gap: 32px !important;
	width: 100% !important;
	margin: 0 auto !important;
}

@media (max-width: 640px) {
	.hp-listings.hp-row, 
	.hp-listing-categories {
		grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
		gap: 12px !important;
	}
}

/* Category Card Refinement - Wide Grid Boxes */
.hp-listing-category.hp-listing-category--view-block,
.hp-listing-category--has-image {
	width: auto !important;
	min-width: 300px !important;
	flex: 1 1 300px !important;
	max-width: none !important;
	min-height: 140px !important;
	padding: 24px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center !important;
	background: #ffffff !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 12px !important;
	overflow: visible !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
	transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease !important;
}

.hp-listing-category--has-image::after {
	display: none !important;
}

.hp-listing-category__name {
	font-size: 1.1rem !important;
	font-weight: 800 !important;
	color: #111827 !important;
	margin-bottom: 4px !important;
}

.hp-listing-category__count {
	font-size: 0.9rem !important;
	color: #64748b !important;
	font-weight: 600 !important;
	display: block !important;
}

.hp-listing-category:hover {
	transform: translateY(-8px) scale(1.03) !important;
	box-shadow: 0 16px 32px rgba(48, 92, 42, 0.15) !important;
	z-index: var(--sc-z-sticky); /* 10 – lifts hovered card above siblings */
}

.hp-listing--view-block:hover,
.hp-listing-category--view-block:hover,
.hp-listing-category--has-image:hover {
	transform: translateY(-8px) scale(1.02);
	box-shadow: 0 12px 24px rgba(48, 92, 42, 0.12) !important;
}
.hp-listing--view-block:hover,
.hp-listing-category--view-block:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12) !important;
	border-color: var(--sc-green) !important;
}
.hp-listing__image {
	aspect-ratio: 4/3;
	width: 100%;
	margin-bottom: 0;
}
.hp-listing__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* HivePress Favorite Toggle Block Style Override */
.sc-listing-card__img-wrap .hp-listing__action--favorite {
	position: absolute;
	top: 8px;
	left: 14px; /* Move slightly away from edge to prevent clipping */
	width: 32px;
	height: 32px;
	background: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
	border: none !important;
	box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important;
	color: var(--sc-primary-dark, #305c2a) !important;
	z-index: 10;
	cursor: pointer;
	transition: transform 0.2s, background 0.2s, color 0.2s;
}
.sc-listing-card__img-wrap .hp-listing__action--favorite:hover {
	transform: scale(1.1);
	color: #dc2626 !important; /* Turn red on hover */
}
.sc-listing-card__img-wrap .hp-listing__action--favorite.hp-toggle--active {
	color: #dc2626 !important;
	background: #fef2f2 !important;
}
.sc-listing-card__img-wrap .hp-listing__action--favorite.hp-toggle--active svg {
	fill: #dc2626; /* Fill heart solid on active */
}
/* Hide the text part of the block */
.sc-listing-card__img-wrap .hp-listing__action--favorite span {
	display: none;
}
.hp-listing__content {
	padding: var(--sc-space-3);
	flex: 1;
	display: flex;
	flex-direction: column;
}
.hp-listing__details {
	padding-top: var(--sc-space-3);
	border-top: 1px solid var(--sc-border);
	margin-top: auto;
}

/* ==========================================================================
   STAGE D: D2. SINGLE LISTING PAGE
   ========================================================================== */
/* ==========================================================================
   STAGE D: D2. SINGLE LISTING PAGE – PREMIUM OVERHAUL
   ========================================================================== */

.hp-template--listing-view-page .hp-page__content {
	padding-left: 30px !important;
}
body.rtl .hp-template--listing-view-page .hp-page__content {
	padding-left: 0 !important;
	padding-right: 30px !important;
}

/* Page Header area */
.hp-listing--view-page .hp-listing__header {
	margin-bottom: 24px;
}

.hp-listing--view-page .hp-listing__title {
	font-size: 2.2rem !important;
	font-weight: 800 !important;
	color: #111827;
	margin-bottom: 12px !important;
}

.hp-listing--view-page .hp-listing__header-meta {
	display: flex;
	gap: 24px;
	color: #334155 !important; /* High contrast charcoal */
	font-size: var(--sc-text-body);
	align-items: center;
}

/* Sidebar Price Box */
.sc-listing-price-box {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 24px;
	text-align: center;
	margin-bottom: 20px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.sc-listing-price-box:empty {
	display: none !important;
}

.sc-listing-price-box__value {
	font-size: 2rem;
	font-weight: 900;
	color: #305c2a;
}

/* Primary Contact Button */
.hp-widget--listing-actions .hp-listing__action--message,
.hp-widget--listing-actions .sc-contact-buttons .button,
.hp-template--listing-view-page .hp-form--listing-contact .hp-form__action {
	width: 100% !important;
	background: var(--sc-green-dark) !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 8px !important;
	font-weight: 800 !important;
	font-size: 1.1rem !important;
	padding: 16px !important;
	transition: all 0.2s ease !important;
	box-shadow: 0 4px 12px rgba(48, 92, 42, 0.2) !important;
}

.hp-widget--listing-actions .hp-listing__action--message:hover {
	background: #244620 !important;
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(48, 92, 42, 0.3) !important;
}

/* ── Social Sharing Buttons ─────────────────────────────────────────────── */
.sc-share-buttons {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 0;
	margin: 16px 0;
	border-top: 1px solid var(--sc-border, #e5e7eb);
}
.sc-share-buttons__label {
	font-size: 0.85rem;
	color: var(--sc-text-muted, #6b7280);
	font-weight: 600;
}
.sc-share-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 1px solid var(--sc-border, #e5e7eb);
	background: #fff;
	color: var(--sc-text-muted, #6b7280);
	cursor: pointer;
	transition: all 0.2s ease;
	text-decoration: none;
}
.sc-share-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.sc-share-btn--whatsapp:hover { background: #25d366; color: #fff; border-color: #25d366; }
.sc-share-btn--facebook:hover { background: #1877f2; color: #fff; border-color: #1877f2; }
.sc-share-btn--copy:hover,
.sc-share-btn--copy.copied { background: #4caf50; color: #fff; border-color: #4caf50; }

/* Secondary Actions (Report, Claim) */
.hp-widget--listing-actions .hp-listing__actions {
	margin-top: 15px !important;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.hp-widget--listing-actions .hp-listing__action {
	background: none !important;
	color: #64748b !important;
	font-weight: 600 !important;
	font-size: var(--sc-text-body) !important;
	padding: 5px 0 !important;
	border: none !important;
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: flex-start;
}

.hp-widget--listing-actions .hp-listing__action--report:hover {
	color: #ef4444 !important;
}

/* Sidebar Widgets Generic */
.hp-template--listing-view-page .hp-page__sidebar .hp-widget {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 20px;
	margin-bottom: 20px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.hp-template--listing-view-page .hp-page__sidebar .hp-widget__title {
	font-size: var(--sc-text-body);
	font-weight: 700;
	margin-bottom: 15px;
	color: #111827;
}

/* Tabs Styling */
.hp-listing--view-page .hp-menu--listing-view {
	border-bottom: 2px solid #f1f5f9;
	margin-bottom: 30px;
}

.hp-listing--view-page .hp-menu--listing-view ul {
	display: flex;
	gap: 30px;
}

.hp-listing--view-page .hp-menu--listing-view .hp-menu__item a {
	padding: 12px 0;
	font-weight: 700;
	color: #64748b;
	position: relative;
	transition: color 0.2s;
}

.hp-listing--view-page .hp-menu--listing-view .hp-menu__item--active a,
.hp-listing--view-page .hp-menu--listing-view .hp-menu__item a:hover {
	color: var(--sc-primary-dark, #305c2a) !important;
}

.hp-listing--view-page .hp-menu--listing-view .hp-menu__item--active a::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	height: 3px;
	background: var(--sc-green-dark, #305c2a) !important;
	border-radius: 3px;
}

/* Attributes / Meta area */
.hp-listing__attributes--primary {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 20px;
	background: #f8fafc;
	padding: 20px;
	border-radius: 8px;
	margin-bottom: 30px;
}

.hp-listing__attribute-label {
	font-weight: 700;
	color: #111827;
	display: block;
	font-size: var(--sc-text-sm);
	margin-bottom: 4px;
}

.hp-listing__attribute-value {
	color: #305c2a;
	font-weight: 600;
}

/* Gallery Refinement */
.hp-listing__images {
	border-radius: 12px !important;
	overflow: hidden !important;
	box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
	margin-bottom: 30px !important;
}

/* Seller Profile Card */
.hp-widget--vendor-info {
	text-align: center;
}

.hp-widget--vendor-info .hp-vendor__image {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin: 0 auto 15px;
	border: 3px solid #f1f5f9;
}

.hp-widget--vendor-info .hp-vendor__name {
	font-size: var(--sc-text-lg);
	font-weight: 800;
	color: #111827;
	margin-bottom: 5px;
}

/* ==========================================================================
   STAGE D: D3. MY ACCOUNT PAGE (DASHBOARD)
   ========================================================================== */
.hp-user-account .hp-block {
	background: #fff;
	border-radius: var(--sc-radius);
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	padding: var(--sc-space-5);
	margin-bottom: var(--sc-space-5);
}
.hp-user-account .hp-menu--user-account {
	background: #f8fafc;
	padding: var(--sc-space-3) 0;
	border-radius: var(--sc-radius);
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.hp-user-account .hp-menu__item {
	list-style: none;
}
.hp-user-account .hp-menu__item a {
	padding: var(--sc-space-2) var(--sc-space-4);
	border-radius: 0;
	color: #4b5563;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 10px;
	border-right: 3px solid transparent;
	transition: all 0.2s ease;
}
.hp-user-account .hp-menu__item a:hover {
	background: #f0fdf4;
	color: var(--sc-green-accent);
	border-right-color: var(--sc-green-accent);
}
.hp-user-account .hp-menu__item.current-menu-item a {
	background: #f0fdf4;
	color: var(--sc-green-accent);
	border-right-color: var(--sc-green-accent);
}
.sc-dash-icon {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
}
.sc-dash-icon svg {
	stroke: currentColor;
}

/* Empty states */
.sc-empty-state {
	text-align: center;
	padding: var(--sc-space-8) var(--sc-space-4);
}
.sc-empty-state__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: #f0fdf4;
	margin-bottom: var(--sc-space-4);
}
.sc-empty-state__icon svg {
	width: 32px;
	height: 32px;
	stroke: var(--sc-green-accent);
}
.sc-empty-state__title {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--sc-text-dark);
	margin-bottom: var(--sc-space-2);
}
.sc-empty-state__desc {
	color: var(--sc-text-muted);
	font-size: 0.95rem;
	margin-bottom: var(--sc-space-5);
}
.sc-empty-state__btn {
	background: var(--sc-green-accent) !important;
	color: #fff !important;
	border: none !important;
	padding: 10px 24px !important;
	border-radius: var(--sc-radius) !important;
	font-weight: 600;
}

/* ==========================================================================
   STAGE D: D4. SUBMIT LISTING FORM
   ========================================================================== */
.hp-form--listing-submit {
	background: #fff;
	border-radius: var(--sc-radius);
	padding: var(--sc-space-5);
	box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.hp-form--listing-submit .hp-form__group {
	margin-bottom: var(--sc-space-5);
	padding-bottom: var(--sc-space-5);
	border-bottom: 1px solid var(--sc-border);
}
.hp-form__field--image-upload .hp-image-uploader__dropzone {
	border: 2px dashed var(--sc-primary);
	background: #f0fdf4;
	border-radius: var(--sc-radius);
	padding: var(--sc-space-6);
	text-align: center;
	transition: all 0.2s ease;
}
.hp-form__field--image-upload .hp-image-uploader__dropzone:hover {
	background: #dcfce7;
}

/* ==========================================================================
   STAGE D: D4b. USER SETTINGS FORM
   ========================================================================== */
.hp-form--user-update {
	max-width: 600px;
}
.hp-form--user-update .hp-form__field--image-upload {
	text-align: center;
	margin-bottom: var(--sc-space-6);
}
.hp-form--user-update .hp-form__field--image-upload .hp-image-uploader__dropzone {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 3px dashed var(--sc-green-accent);
	background: #f9fafb;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}
.hp-form--user-update .hp-form__field--image-upload .hp-image-uploader__dropzone:hover {
	border-color: var(--sc-green-accent);
	background: #f0fdf4;
}
.hp-form--user-update .hp-form__field--image-upload .hp-image-uploader__preview {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}

/* ==========================================================================
   STAGE D: D5. MOBILE NAVIGATION (BOTTOM BAR)
   ========================================================================== */
@media (max-width: 767px) {
	.sc-mobile-bottom-nav {
		display: flex;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background: #fff;
		box-shadow: 0 -2px 10px rgba(0,0,0,0.05);
		z-index: 1000;
		padding: 0.5rem 0;
		padding-bottom: calc(0.5rem + env(safe-area-inset-bottom));
		justify-content: space-around;
		border-top: 1px solid var(--sc-border);
	}
	body {
		padding-bottom: 70px; /* Space for bottom nav */
	}
	.sc-mobile-bottom-nav__item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		color: #6b7280;
		text-decoration: none;
		font-size: 0.7rem;
		font-weight: 600;
		gap: 0.15rem;
		min-width: 52px;
		min-height: 44px;
		padding: 4px 8px;
		border-radius: 8px;
		transition: color 0.15s ease, background 0.15s ease;
	}
	.sc-mobile-bottom-nav__item:active {
		background: rgba(0, 0, 0, 0.04);
	}
	.sc-mobile-bottom-nav__item.active {
		color: var(--sc-primary-dark, #305c2a);
	}
	.sc-mobile-bottom-nav__icon {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 24px;
		height: 24px;
		line-height: 1;
	}
	.sc-mobile-bottom-nav__icon svg {
		width: 22px;
		height: 22px;
		display: block;
	}
	.hp-user-account {
		padding-bottom: 80px;
	}
}
@media (min-width: 768px) {
	.sc-mobile-bottom-nav {
		display: none;
	}
}

/* Post-ad button: green pill like Kleinanzeigen "Anbieten" */
@media (max-width: 767px) {
	.sc-mobile-bottom-nav__item--post {
		position: relative;
	}
	.sc-mobile-bottom-nav__icon--post {
		background: #8dc63f;
		border-radius: 50%;
		width: 44px !important;
		height: 44px !important;
		margin-top: -10px;
		box-shadow: 0 4px 14px rgba(141, 198, 63, 0.45);
		color: #fff;
	}
	.sc-mobile-bottom-nav__icon--post svg {
		width: 24px !important;
		height: 24px !important;
		stroke: #fff;
	}
	.sc-mobile-bottom-nav__item--post.active .sc-mobile-bottom-nav__icon--post,
	.sc-mobile-bottom-nav__item--post:hover .sc-mobile-bottom-nav__icon--post {
		background: #6eaf2b;
	}
}

/* ==========================================================================
   MOBILE STICKY CONTACT BUTTONS
   ========================================================================== */
.sc-contact-buttons {
	display: flex;
	gap: 0.5rem;
	margin-top: var(--sc-space-4, 1rem);
	flex-wrap: wrap;
}
.sc-contact-buttons .button {
	flex: 1 1 30%;
	justify-content: center;
	padding: 0.5rem;
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
}
.sc-btn-whatsapp {
	background-color: #25D366 !important;
	border-color: #25D366 !important;
	color: #fff !important;
}
.sc-btn-telegram {
	background-color: #0088cc !important;
	border-color: #0088cc !important;
	color: #fff !important;
}
.sc-btn-call {
	background-color: var(--sc-primary) !important;
	border-color: var(--sc-primary) !important;
	color: #fff !important;
}

@media (max-width: 767px) {
	.sc-contact-buttons {
		position: fixed;
		bottom: 56px; /* height of tab bar */
		left: 0;
		right: 0;
		padding: 0.5rem 1rem;
		background: #fff;
		border-top: 1px solid var(--sc-border);
		z-index: var(--sc-z-sticky);
		margin: 0;
		box-shadow: 0 -2px 10px rgba(0,0,0,0.05);
	}
	body.hp-template--listing-view-page {
		padding-bottom: 130px; /* tab bar (56px) + contact bar (~60px) + breathing */
	}
}

/* ==========================================================================
   HIVEPRESS LISTING CARDS – Modern Enhancements
   ========================================================================== */

/* Card container */
.hp-listing--view-block {
	border-radius: var(--sc-radius, 12px) !important;
	overflow: hidden;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	border: 1px solid #e5e7eb !important;
	background: #fff;
}

.hp-listing--view-block:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12) !important;
}

/* Card image area */
.hp-listing__image {
	border-radius: var(--sc-radius, 12px) var(--sc-radius, 12px) 0 0 !important;
	overflow: hidden;
}

.hp-listing__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

/* Replace HivePress default placeholder SVG with Souqna branded image */
.hp-listing__image [data-component="carousel-slider"] img[src*="image-landscape"],
.hp-listing__image img[src*="image-landscape"],
.hp-listing__image img[src*="placeholders"] {
	visibility: hidden !important;
}

/* Fallback background for listing image links without an <img> */
.hp-listing__image a:only-child {
	display: flex !important;
	align-items: center;
	justify-content: center;
	min-height: 180px;
	background: #f1f5f9;
	position: relative;
	flex-direction: column;
	gap: 8px;
	color: #94a3b8;
	font-size: var(--sc-text-body);
	font-weight: 600;
}

/* Hide the inner "لا توجد صورة" text shown by default */
.hp-listing__image a:only-child img[src*="image-landscape"] {
	opacity: 0 !important;
	position: absolute;
	width: 100%;
	height: 100%;
}

/* When a REAL image exists, ensure it shows normally */
.hp-listing__image a:only-child img:not([src*="image-landscape"]):not([src*="placeholders"]) {
	opacity: 1 !important;
	position: relative;
	visibility: visible !important;
}

.hp-listing--view-block:hover .hp-listing__image img {
	transform: scale(1.05);
}

/* Card content area */
.hp-listing__content {
	padding: 12px 14px !important;
	min-height: 120px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

/* Listing title */
.hp-listing__title {
	font-size: 1.1rem !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	color: #1f2937 !important;
	margin-bottom: 4px !important;
}

.hp-listing__title a {
	color: inherit !important;
	text-decoration: none !important;
}

.hp-listing__title a:hover {
	color: var(--sc-green-accent) !important;
}

/* Listing attributes/details */
.hp-listing__attributes--secondary {
	font-size: 0.8rem !important;
	color: #4a4a4a !important;
	margin-bottom: 6px !important;
}

/* Price tag */
.hp-listing__attribute--price,
.hp-listing .hp-listing__attributes--primary .hp-listing__attribute:last-child {
	font-size: 1.15rem !important;
	font-weight: 800 !important;
	color: #fff !important;
	background: #305c2a !important;
	padding: 4px 10px;
	border-radius: 6px;
	display: inline-block;
}

/* Favorite button */
.hp-listing__action--favorite {
	position: absolute !important;
	top: 8px !important;
	z-index: 2;
	background: rgba(255,255,255,0.85) !important;
	border-radius: 50% !important;
	width: 34px !important;
	height: 34px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: background 0.2s ease !important;
}

body.rtl .hp-listing__action--favorite {
	left: 8px !important;
	right: auto !important;
}

body:not(.rtl) .hp-listing__action--favorite {
	right: 8px !important;
	left: auto !important;
}

.hp-listing__action--favorite:hover {
	background: rgba(255,255,255,1) !important;
}

/* ==========================================================================
   CATEGORY SIDEBAR – Modern Enhancement
   ========================================================================== */

.sc-categories-sidebar__parent {
	font-size: 0.95rem !important;
	font-weight: 700 !important;
	padding: 10px 1rem !important;
	display: flex !important;
	align-items: center;
	gap: 8px;
	color: #1e293b !important;
	transition: all 0.25s ease;
}

.sc-categories-sidebar__parent::before {
	content: none !important;
}

.sc-categories-sidebar__children a {
	font-size: 0.85rem !important;
	padding: 6px 14px !important;
	display: flex;
	transition: all 0.25s ease;
	color: #475569 !important;
	font-weight: 500 !important;
}

.sc-categories-sidebar__children a:hover {
	color: var(--sc-green-accent) !important;
	padding-right: 18px !important;
}

body.rtl .sc-categories-sidebar__children a {
	padding-right: 1rem !important;
}

.sc-categories-sidebar__group.sc-cat-group--open .sc-categories-sidebar__parent {
	background: #f0fdf4 !important;
}

.sc-categories-sidebar__group {
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 6px;
	margin-bottom: 4px;
}

.sc-categories-sidebar__group:last-child {
	border-bottom: none;
}

/* ==========================================================================
   SEARCH BAR – Modern Enhancement
   ========================================================================== */

/* Make the green header bar more modern */
.hp-form--listing-search {
	border-radius: 50px !important;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.hp-form--listing-search .hp-form__fields {
	gap: 0 !important;
}

.hp-form--listing-search input[type="text"],
.hp-form--listing-search select {
	border: none !important;
	border-right: 1px solid #e5e7eb !important;
	border-radius: 0 !important;
	padding: 12px 16px !important;
	font-size: 0.9rem !important;
}

body.rtl .hp-form--listing-search input[type="text"],
body.rtl .hp-form--listing-search select {
	border-right: none !important;
	border-left: 1px solid #e5e7eb !important;
}

.hp-form--listing-search button[type="submit"] {
	border-radius: 0 !important;
	padding: 12px 24px !important;
	font-weight: 600 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

/* ==========================================================================
   WIREFRAME POLISH – Homepage sections (header untouched)
   ========================================================================== */

.sc-listings-section {
	margin-bottom: var(--sc-space-8);
}

.sc-listings-section:last-child {
	margin-bottom: 0;
}

.sc-listings-section__head {
	display: flex;
	align-items: center;
	justify-content: flex-start; /* RTL: flex-start = يمين ✓ */
	gap: var(--sc-space-3);
	margin-bottom: var(--sc-space-4);
}

.sc-listings-section__title {
	margin: 0;
}

.sc-listings-section__paid-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-inline-start: 0.45rem;
	padding: 0.15rem 0.5rem;
	border-radius: 999px;
	background: #111827;
	color: #fff;
	font-size: 0.68rem;
	font-weight: 800;
	line-height: 1.3;
	vertical-align: middle;
}

.sc-listings-section__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 0 16px;
	border: 1px solid var(--sc-btn-unified-border);
	border-radius: 999px;
	color: var(--sc-btn-unified-text);
	font-size: 0.85rem;
	font-weight: 700;
	text-decoration: none;
	background: var(--sc-btn-unified-bg);
	transition: all 0.2s ease;
}

.sc-listings-section__link:hover {
	background: var(--sc-btn-unified-hover);
	border-color: var(--sc-btn-unified-hover-border);
	color: var(--sc-btn-unified-hover-text);
	transform: translateY(-1px) scale(1.03);
	box-shadow: var(--sc-btn-unified-hover-shadow);
}

.sc-listings-section__link:focus,
.sc-listings-section__link:focus-visible,
.sc-listings-section__link:active {
	background: var(--sc-btn-unified-hover);
	border-color: var(--sc-btn-unified-hover-border);
	color: var(--sc-btn-unified-hover-text);
	transform: translateY(-1px) scale(1.03);
	box-shadow: var(--sc-btn-unified-hover-shadow);
	outline: none;
}

.sc-listings-grid--featured .sc-listing-card {
	border-color: #d8e2d4;
}

.sc-listings-section--latest {
	padding-top: var(--sc-space-5);
	border-top: 1px solid #eef1f4;
}

.sc-listing-card__body {
	padding: 14px 14px 12px;
	gap: 6px;
}

.sc-listing-card__location {
	color: #6b7280;
	font-size: 0.78rem;
	font-weight: 600;
}

.sc-listing-card__title {
	font-size: 0.95rem;
	line-height: 1.45;
}

.sc-listing-card__excerpt {
	font-size: 0.78rem;
	color: #88909b;
}

/* duplicate removed — price styles consolidated in the Price highlight block above */

@media (max-width: 767px) {
	.sc-listings-section__head {
		flex-wrap: wrap;
	}
	.sc-listings-section__title {
		font-size: 1.05rem;
	}
	.sc-listings-section__link {
		min-height: 34px;
	}
	.sc-listing-card__excerpt {
		display: none;
	}
	.sc-listings-section--latest {
		padding-top: var(--sc-space-4);
	}
}

/* Lighter category sidebar panel to match wireframe density */
.sc-categories-sidebar__box {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.025);
	border-color: #edf1f4;
}

/* Stronger, clearer apply action in filter forms */
.hp-filter .hp-form__action,
.hp-search-form .hp-form__action {
	min-height: 42px;
	padding-inline: 18px;
	font-size: 0.95rem;
	font-weight: 700;
	border-radius: 8px;
}

/* ==========================================================================
   ADVANCED FILTER – Listings page
   ========================================================================== */

.hp-page--listings .hp-row {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.hp-page--listings .hp-page__sidebar,
.hp-page--listings .hp-page__content {
	width: 100%;
	flex: 1 1 100%;
	max-width: 100%;
	float: none;
}

.hp-page--listings .hp-page__sidebar {
	order: 1;
	display: none !important;
}

.hp-page--listings .hp-page__content {
	order: 2;
	flex: 0 0 100% !important;
	max-width: 100% !important;
	width: 100% !important;
}

.hp-page--listings .hp-page__sidebar .widget:not(.hp-widget--listing-filter) {
	display: none;
}

.hp-page--listings .hp-page__sidebar .hp-widget--listing-filter {
	margin: 0;
}

.hp-page--listings .sc-advanced-filter-bar {
	background: #fff;
	border: 1px solid #e8ebef;
	border-radius: 12px;
	padding: 14px;
	margin-bottom: 18px;
}

.hp-page--listings .sc-advanced-filter-bar .hp-form__fields {
	display: grid;
	grid-template-columns: 1fr 1fr 1.2fr;
	gap: 12px;
	align-items: start;
}

.hp-page--listings .sc-advanced-filter-bar .hp-form__field {
	margin: 0;
}

.hp-page--listings .sc-advanced-filter-bar .hp-field__label {
	display: block;
	margin-bottom: 6px;
	font-size: 0.95rem;
	font-weight: 700;
	color: #1f2937;
}

.hp-page--listings .sc-advanced-filter-bar select,
.hp-page--listings .sc-advanced-filter-bar input[type="text"],
.hp-page--listings .sc-advanced-filter-bar input[type="number"],
.hp-page--listings .sc-advanced-filter-bar input[type="date"] {
	min-height: 46px;
	border: 1px solid #d8dee6;
	border-radius: 8px;
	padding: 0 12px;
	background: #fff;
}

.hp-page--listings .sc-advanced-filter-bar .hp-form__footer {
	display: flex;
	justify-content: flex-end;
	margin-top: 10px;
}

.hp-page--listings .sc-advanced-filter-bar .hp-form__footer .button,
.hp-page--listings .sc-advanced-filter-bar .hp-form__footer button {
	min-height: 42px;
	padding: 0 22px;
	border-radius: 8px;
	font-weight: 700;
	background: var(--sc-green) !important;
	color: #fff !important;
	border: none !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: all 0.2s ease;
}
.hp-page--listings .sc-advanced-filter-bar .hp-form__footer .button:hover,
.hp-page--listings .sc-advanced-filter-bar .hp-form__footer button:hover {
	background: var(--sc-green-dark) !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(48, 92, 42, 0.3) !important;
}

@media (max-width: 991px) {
	.hp-page--listings .sc-advanced-filter-bar .hp-form__fields {
		grid-template-columns: 1fr;
	}
	.hp-page--listings .sc-advanced-filter-bar .hp-form__footer {
		justify-content: flex-start;
	}
}

/* ==========================================================================
   RESULTS PAGE REDESIGN – Modern RTL marketplace
   ========================================================================== */

.hp-page--listings {
	--sc-space-1: 8px;
	--sc-space-2: 16px;
	--sc-space-3: 24px;
	--sc-space-4: 32px;
}

.hp-page--listings .hp-row {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 312px;
	gap: var(--sc-space-3);
	align-items: start;
}

.hp-page--listings .hp-page__content {
	grid-column: 1;
	max-width: none !important;
	width: 100% !important;
	min-width: 0;
}

.hp-page--listings .hp-page__sidebar {
	grid-column: 2;
	display: block !important;
	max-width: none !important;
	width: 100% !important;
}

.hp-page--listings .hp-widget--listing-filter {
	background: #fff;
	border: 1px solid #e6ebf0;
	border-radius: 12px;
	padding: 1.5rem;
	box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
	position: sticky;
	top: 92px;
}

.hp-page--listings .hp-widget--listing-filter .hp-form {
	margin-bottom: 1rem;
}

.hp-page--listings .hp-widget--listing-filter .hp-form:last-child {
	margin-bottom: 0;
}

.hp-page--listings .hp-widget--listing-filter .hp-field__label {
	font-size: 0.9rem;
	font-weight: 700;
	color: #111827;
	margin-bottom: 6px;
}

.hp-page--listings .hp-widget--listing-filter select,
.hp-page--listings .hp-widget--listing-filter input[type="text"],
.hp-page--listings .hp-widget--listing-filter input[type="number"],
.hp-page--listings .hp-widget--listing-filter input[type="date"] {
	min-height: 44px;
	border: 1px solid #d8e0e8;
	border-radius: 8px;
	background: #fff;
	padding: 0 12px;
}

.hp-page--listings .hp-widget--listing-filter .hp-form__footer .button,
.hp-page--listings .hp-widget--listing-filter .hp-form__footer button {
	min-height: 44px;
	border-radius: 8px;
	border: none !important;
	background: var(--sc-green) !important;
	color: #fff !important;
	font-weight: 700;
	width: 100%;
	cursor: pointer;
	transition: all 0.2s ease;
}
.hp-page--listings .hp-widget--listing-filter .hp-form__footer .button:hover,
.hp-page--listings .hp-widget--listing-filter .hp-form__footer button:hover {
	background: var(--sc-green-dark) !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(48, 92, 42, 0.3);
}
.hp-page--listings .hp-widget--listing-filter .hp-form__footer .button:active,
.hp-page--listings .hp-widget--listing-filter .hp-form__footer button:active {
	transform: scale(0.97);
}

.hp-page--listings .hp-page__topbar {
	margin-bottom: var(--sc-space-2);
}

.hp-page--listings .hp-page__topbar .hp-form--listing-sort {
	display: none;
}

.hp-page--listings .hp-listings > .hp-row {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0 !important;
	align-items: stretch;
	margin: -8px !important;
}

.hp-page--listings .hp-listings > .hp-row > .hp-grid__item {
	width: 25% !important;
	max-width: 25% !important;
	min-width: 0 !important;
	float: none !important;
	margin: 0 !important;
	padding: 8px !important;
	flex: 0 0 25% !important;
}

.hp-page--listings .hp-listings .hp-listing--view-block,
.hp-page--listings .hp-listings .hp-listing,
.hp-page--listings .hp-listings .hp-listing__header,
.hp-page--listings .hp-listings .hp-listing__footer {
	width: 100% !important;
	max-width: 100% !important;
}

.hp-page--listings .hp-listing--view-block {
	border-radius: 12px !important;
	border: 1px solid #e5e9ef !important;
	background: #fff !important;
	box-shadow: 0 3px 12px rgba(15, 23, 42, 0.06) !important;
	overflow: hidden;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.hp-page--listings .hp-listing--view-block:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12) !important;
}

/* Featured badge (real HivePress is_featured() badge) */
.hp-listing__featured-badge,
.hp-listing__featured {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 4;
	background: #111827;
	color: #fff;
	font-size: 0.7rem;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	line-height: 1.4;
}

.hp-listing__featured-badge .hp-icon,
.hp-listing__featured .hp-icon {
	font-size: 0.65rem;
}

.hp-page--listings .hp-listing__image {
	aspect-ratio: 4 / 3;
	margin: 0;
	position: relative;
}

.hp-page--listings .hp-listing__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hp-page--listings .hp-listing__action--favorite {
	position: absolute !important;
	left: 10px !important;
	right: auto !important;
	top: 10px !important;
	width: 34px !important;
	height: 34px !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.94) !important;
	backdrop-filter: blur(2px);
	transition: transform 0.2s ease, background-color 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none !important;
	color: var(--sc-primary-dark, #305c2a) !important;
	z-index: 10;
	cursor: pointer;
}

.hp-page--listings .hp-listing__action--favorite:hover {
	transform: scale(1.08);
	background: #fff !important;
	color: #dc2626 !important;
}
.hp-page--listings .hp-listing__action--favorite.hp-toggle--active {
	color: #dc2626 !important;
	background: #fef2f2 !important;
}
.hp-page--listings .hp-listing__action--favorite.hp-toggle--active svg {
	fill: #dc2626;
}
.hp-page--listings .hp-listing__action--favorite span {
	display: none;
}

/* ==========================================================================
   LISTINGS ARCHIVE – Premium Card Overrides (HP Standard Blocks)
   ========================================================================== */

/* ==========================================================================
   LISTINGS ARCHIVE – Premium Card Overrides (HP Standard Blocks)
   ========================================================================== */

.hp-listing--view-block {
	border: 1px solid #e0e0e0 !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	transition: all 0.3s ease !important;
	background: #fff !important;
	display: flex;
	flex-direction: column;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

.hp-listing--view-block:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.08) !important;
	border-color: #d1d1d1 !important;
}

/* Image container */
.hp-listing--view-block .hp-listing__image {
	aspect-ratio: 4/3;
	margin-bottom: 0 !important;
	position: relative;
	background: #f8fafc;
}

/* Featured Badge */
.hp-listing--view-block.hp-listing--featured::after {
	content: "\2605"; /* Star icon */
	position: absolute;
	top: 10px;
	right: 10px;
	background: #ffc107;
	color: #fff;
	width: 24px;
	height: 24px;
	border-radius: var(--sc-radius-sm);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--sc-text-body);
	z-index: 5;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
body.rtl .hp-listing--view-block.hp-listing--featured::after {
	right: auto;
	left: 10px;
}

/* Content Area */
.hp-listing--view-block .hp-listing__content {
	padding: 12px 14px !important;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	gap: 6px;
	text-align: end;
}

/* Title */
.hp-listing--view-block .hp-listing__title {
	font-size: var(--sc-text-body) !important;
	font-weight: 600 !important;
	margin-bottom: 4px !important;
	line-height: 1.4 !important;
}
.hp-listing--view-block .hp-listing__title a {
	color: #111827 !important;
	text-decoration: none !important;
}

/* Price Sticker - Targeting multiple possible classes in HP */
.hp-listing--view-block .hp-listing__attribute--price,
.hp-listing--view-block .hp-listing__attributes--primary .hp-listing__attribute:last-child,
.hp-listing--view-block .hp-listing__price {
	font-size: 1rem !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	background: #305c2a !important;
	padding: 4px 10px !important;
	border-radius: 6px !important;
	display: inline-block !important;
	margin-top: auto !important;
	width: fit-content !important;
	line-height: 1 !important;
}

/* Attributes (Secondary) */
.hp-listing--view-block .hp-listing__attributes--secondary {
	font-size: var(--sc-text-xs) !important;
	color: #64748b !important;
	margin-top: 4px !important;
}

/* Footer (Actions) */
.hp-listing--view-block .hp-listing__details,
.hp-listing--view-block .hp-listing__footer {
	padding: 8px 14px !important;
	border-top: 1px solid #f1f5f9 !important;
	background: #fafafa !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	margin-top: auto;
}

/* Icons */
.hp-listing--view-block .hp-listing__actions {
	display: flex !important;
	gap: 12px !important;
	margin: 0 !important;
	align-items: center;
}

.hp-listing--view-block .hp-listing__action {
	color: #94a3b8 !important;
	font-size: var(--sc-text-lg) !important;
	padding: 0 !important;
	background: none !important;
}

.hp-listing--view-block .hp-listing__action:hover {
	color: #305c2a !important;
	transform: scale(1.1);
}

.hp-listing--view-block .hp-listing__action--favorite.hp-toggle--active {
	color: #ef4444 !important;
}



.hp-page--listings .hp-pagination,
.hp-page--listings .hp-page-numbers {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: var(--sc-space-3);
}

.hp-page--listings .page-numbers {
	min-width: 38px;
	height: 38px;
	border-radius: 10px;
	border: 1px solid #d9e0e7;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: #1f2937;
}

.hp-page--listings .page-numbers.current,
.hp-page--listings .page-numbers:hover {
	background: #111827;
	color: #fff;
	border-color: #111827;
}

.hp-page--listings .hp-form--listing-search {
	border-radius: 999px !important;
	border: 1px solid #d7dde5;
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
	padding: 4px;
}

.hp-page--listings .hp-form--listing-search .hp-form__fields {
	display: grid !important;
	grid-template-columns: minmax(0, 1.7fr) minmax(140px, 1fr) minmax(140px, 1fr) auto;
	gap: 0 !important;
	align-items: stretch;
}

.hp-page--listings .hp-form--listing-search .hp-form__field {
	margin: 0;
}

.hp-page--listings .hp-form--listing-search .hp-field input,
.hp-page--listings .hp-row .hp-form__action,
.hp-form--listing-filter .hp-form__action {
	min-height: 44px;
	border-radius: 999px !important;
	padding: 0 20px !important;
	font-weight: 800 !important;
	background-color: #ffc107 !important;
	color: #121212 !important;
	border: none !important;
	transition: all 0.2s ease !important;
}

.hp-page--listings .hp-row .hp-form__action:hover,
.hp-form--listing-filter .hp-form__action:hover {
	background-color: #ffb300 !important;
	transform: scale(1.02);
}
.hp-page--listings .hp-form--listing-search .hp-field select {
	min-height: 44px;
	border: 0 !important;
	border-left: 1px solid #e6ebf0 !important;
	border-radius: 0 !important;
}



@media (max-width: 1199px) {
	.hp-page--listings .hp-listings > .hp-row {
		margin: -8px !important;
	}
	.hp-page--listings .hp-listings > .hp-row > .hp-grid__item {
		width: 33.3333% !important;
		max-width: 33.3333% !important;
		flex-basis: 33.3333% !important;
	}
}

@media (max-width: 991px) {
	.hp-page--listings .hp-row {
		grid-template-columns: minmax(0, 1fr);
	}
	.hp-page--listings .hp-page__sidebar {
		grid-column: 1;
	}
	.hp-page--listings .hp-page__content {
		grid-column: 1;
	}
	.hp-page--listings .hp-widget--listing-filter {
		position: static;
	}
	.hp-page--listings .hp-listings > .hp-row > .hp-grid__item {
		width: 50% !important;
		max-width: 50% !important;
		flex-basis: 50% !important;
	}
	.hp-page--listings .hp-form--listing-search .hp-form__fields {
		grid-template-columns: 1fr;
	}
	.hp-page--listings .hp-form--listing-search .hp-field input,
	.hp-page--listings .hp-form--listing-search .hp-field select {
		border-left: 0 !important;
		border-top: 1px solid #e6ebf0 !important;
	}
}

@media (max-width: 575px) {
	.hp-page--listings .hp-listings > .hp-row > .hp-grid__item {
		width: 50% !important;
		max-width: 50% !important;
		flex-basis: 50% !important;
	}
}

/* ==========================================================================
   LISTINGS PAGE – FINAL LAYOUT OVERRIDES (actual template selector)
   ========================================================================== */

body.hp-template--listings-view-page .hp-page > .hp-row {
	display: flex !important;
	flex-wrap: nowrap !important;
	flex-direction: row-reverse !important;
	align-items: flex-start;
	gap: 24px !important;
	direction: ltr;
}

body.hp-template--listings-view-page .hp-page > .hp-row > .hp-page__content {
	flex: 1 1 auto !important;
	max-width: none !important;
	width: 100% !important;
	min-width: 0 !important;
}

body.hp-template--listings-view-page .hp-page > .hp-row > .hp-page__sidebar {
	flex: 0 0 320px !important;
	max-width: 320px !important;
	width: 320px !important;
	display: block !important;
	direction: rtl;
}

body.hp-template--listings-view-page .hp-listings > .hp-row {
	display: flex !important;
	flex-wrap: wrap !important;
	margin: -8px !important;
	flex: 1 1 100% !important;
	width: 100% !important;
	max-width: 100% !important;
}

body.hp-template--listings-view-page .hp-listings.hp-grid {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
}

body.hp-template--listings-view-page .hp-listings > .hp-row > .hp-grid__item.hp-col-sm-6 {
	flex: 0 0 33.3333% !important;
	max-width: 33.3333% !important;
	width: 33.3333% !important;
	padding: 8px !important;
	margin: 0 !important;
}

body.hp-template--listings-view-page .hp-listing--view-block {
	width: 100% !important;
	max-width: 100% !important;
}

@media (max-width: 1199px) {
	body.hp-template--listings-view-page .hp-listings > .hp-row > .hp-grid__item.hp-col-sm-6 {
		flex-basis: 33.3333% !important;
		max-width: 33.3333% !important;
		width: 33.3333% !important;
	}
}

@media (max-width: 991px) {
	body.hp-template--listings-view-page .hp-page > .hp-row {
		flex-direction: column !important;
	}
	body.hp-template--listings-view-page .hp-page > .hp-row > .hp-page__sidebar,
	body.hp-template--listings-view-page .hp-page > .hp-row > .hp-page__content {
		flex-basis: auto !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	body.hp-template--listings-view-page .hp-listings > .hp-row > .hp-grid__item.hp-col-sm-6 {
		flex-basis: 50% !important;
		max-width: 50% !important;
		width: 50% !important;
	}
}

@media (max-width: 575px) {
	body.hp-template--listings-view-page .hp-listings > .hp-row > .hp-grid__item.hp-col-sm-6 {
		flex-basis: 50% !important;
		max-width: 50% !important;
		width: 50% !important;
	}
}

/* ==========================================================================
   MOBILE FILTER OVERLAY – slide-up drawer with toggle button
   ========================================================================== */

.sc-filter-toggle {
	display: none;
}

@media (max-width: 991px) {
	.sc-filter-toggle {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		padding: 10px 20px;
		border: 1px solid #d5dde5;
		border-radius: 8px;
		background: #fff;
		color: #111827;
		font-size: 0.9rem;
		font-weight: 700;
		cursor: pointer;
		margin-bottom: 14px;
		transition: border-color 0.2s ease, box-shadow 0.2s ease;
		font-family: inherit;
	}
	.sc-filter-toggle:hover {
		border-color: var(--sc-green);
		box-shadow: 0 2px 8px rgba(0,0,0,0.08);
	}
	.sc-filter-toggle svg {
		flex-shrink: 0;
	}
	.sc-filter-toggle__badge {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 20px;
		height: 20px;
		padding: 0 5px;
		border-radius: 999px;
		background: #dc2626;
		color: #fff;
		font-size: 0.72rem;
		font-weight: 700;
		line-height: 1;
		margin-inline-start: 4px;
	}

	body.hp-template--listings-view-page .hp-page > .hp-row > .hp-page__sidebar {
		display: none !important;
	}

	body.sc-filters-open .hp-page > .hp-row > .hp-page__sidebar {
		display: block !important;
		position: fixed !important;
		inset: 0 !important;
		z-index: var(--sc-z-modal); /* 200 – above header (150) but below toasts (300) */
		background: #fff !important;
		overflow-y: auto !important;
		padding: 60px 20px 20px !important;
		max-width: 100% !important;
		width: 100% !important;
		flex-basis: auto !important;
		animation: sc-filter-slide-up 0.25s ease-out;
	}

	body.sc-filters-open {
		overflow: hidden !important;
	}
	body.sc-filters-open::before {
		content: '';
		position: fixed;
		inset: 0;
		z-index: 9999;
		background: rgba(0, 0, 0, 0.4);
		animation: sc-backdrop-fade-in 0.2s ease-out;
	}

	@keyframes sc-backdrop-fade-in {
		from { opacity: 0; }
		to   { opacity: 1; }
	}

	.sc-filter-close {
		display: none;
	}
	body.sc-filters-open .sc-filter-close {
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		top: 14px;
		left: 14px;
		z-index: 10001;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background: #f3f4f6;
		border: 1px solid #e5e7eb;
		cursor: pointer;
		color: #111827;
		font-size: 20px;
		font-weight: 700;
		line-height: 1;
		transition: background 0.15s ease;
	}
	body.sc-filters-open .sc-filter-close:hover {
		background: #e5e7eb;
	}
}

@keyframes sc-filter-slide-up {
	from { transform: translateY(100%); opacity: 0; }
	to   { transform: translateY(0);    opacity: 1; }
}

/* ==========================================================================
   ACTIVE FILTER CHIPS – shows applied filters above results
   ========================================================================== */

.sc-active-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 14px;
	direction: rtl;
}

.sc-active-filters:empty {
	display: none;
}

.sc-active-filters__chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	background: #edf5e8;
	color: var(--sc-green);
	border: 1px solid #c8e6b8;
	border-radius: 999px;
	font-size: 0.82rem;
	font-weight: 600;
	white-space: nowrap;
	font-family: inherit;
	cursor: default;
}

.sc-active-filters__chip-remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: transparent;
	border: none;
	color: var(--sc-green);
	font-size: var(--sc-text-sm);
	font-weight: 700;
	cursor: pointer;
	padding: 0;
	line-height: 1;
	transition: background 0.15s ease;
}

.sc-active-filters__chip-remove:hover {
	background: rgba(48, 92, 42, 0.15);
}

.sc-active-filters__clear-all {
	display: inline-flex;
	align-items: center;
	padding: 6px 14px;
	background: transparent;
	border: 1px solid #d5dde5;
	border-radius: 999px;
	font-size: 0.82rem;
	font-weight: 600;
	color: #6b7280;
	cursor: pointer;
	font-family: inherit;
	transition: border-color 0.15s ease, color 0.15s ease;
}

.sc-active-filters__clear-all:hover {
	border-color: #111827;
	color: #111827;
}

/* ==========================================================================
   BREADCRUMBS – RTL-aware, compact, above page title
   ========================================================================== */

.hp-menu--breadcrumb {
	margin-bottom: 12px;
}

.hp-menu--breadcrumb ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	align-items: center;
}

.hp-menu--breadcrumb .hp-menu__item {
	font-size: 0.85rem;
	color: var(--sc-text-muted, #555555);
}

.hp-menu--breadcrumb .hp-menu__item a {
	color: var(--sc-primary-dark, #305c2a);
	text-decoration: none;
	transition: opacity 0.15s ease;
}

.hp-menu--breadcrumb .hp-menu__item a:hover {
	opacity: 0.75;
	text-decoration: underline;
}

.hp-menu--breadcrumb .hp-menu__item:last-child {
	color: #111827;
	font-weight: 600;
}

body.rtl .hp-menu--breadcrumb .hp-menu__item:not(:last-child) {
	margin-left: 0.5rem;
	margin-right: 0;
	display: flex;
	align-items: center;
}

body.rtl .hp-menu--breadcrumb .hp-menu__item:not(:last-child)::after {
	content: "\2039"; /* Left arrow for RTL */
	margin-right: 0.5rem;
	margin-left: 0;
	color: #9ca3af;
}

/* Remove redundant search bar on listings page */
body.hp-template--listings-view-page .hp-form--listing-search {
	display: none !important;
}

/* Breadcrumbs refinement - Fixed Order for RTL */
.hp-menu--breadcrumb {
	margin-top: 20px;
	margin-bottom: 24px;
	font-weight: 500;
	color: var(--sc-green-dark) !important;
}

.hp-menu--breadcrumb ul {
	display: flex !important;
	flex-direction: row !important; /* Standard Row goes right-to-left in RTL */
	justify-content: flex-start !important;
	gap: 0 !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}


.hp-menu--breadcrumb li + li::before {
	content: "\f104" !important; /* FontAwesome angle-left or similar */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin: 0 10px;
	color: #94a3b8;
	font-size: var(--sc-text-sm);
}

/* Sidebar Styling Refinement */
.hp-widget--listing-filter {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 24px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.hp-widget__title {
	font-size: 1.1rem;
	font-weight: 700;
	margin-bottom: 20px;
	padding-bottom: 12px;
	border-bottom: 2px solid #f3f4f6;
}



/* ==========================================================================
   POST AD WIZARD – Modern multi-step submit flow
   ========================================================================== */

body.hp-template--listing-submit-details-page .hp-form--listing-submit {
	max-width: 980px;
	margin: 0 auto;
	padding-bottom: 96px;
}

body.hp-template--listing-submit-details-page .sc-post-ad-wizard {
	display: grid;
	gap: 16px;
}

body.hp-template--listing-submit-details-page .sc-post-ad-progress {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 8px;
	padding: 0;
	margin: 0 0 8px;
	list-style: none;
}

body.hp-template--listing-submit-details-page .sc-post-ad-progress__item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	border-radius: 12px;
	border: 1px solid #e4eaf0;
	background: #fff;
	color: #6b7280;
	font-size: 0.82rem;
	font-weight: 700;
}

body.hp-template--listing-submit-details-page .sc-post-ad-progress__text {
	display: grid;
	gap: 2px;
	min-width: 0;
}

body.hp-template--listing-submit-details-page .sc-post-ad-progress__meta {
	font-size: 0.7rem;
	font-weight: 600;
	color: #94a3b8;
}

body.hp-template--listing-submit-details-page .sc-post-ad-progress__label {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.hp-template--listing-submit-details-page .sc-post-ad-progress__icon {
	font-size: 0.84rem;
}

body.hp-template--listing-submit-details-page .sc-post-ad-progress__dot {
	width: 26px;
	height: 26px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #f3f6fa;
	color: #374151;
	font-size: 0.78rem;
}

body.hp-template--listing-submit-details-page .sc-post-ad-progress__item.is-active {
	border-color: #c7f15f;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
	color: #111827;
}

body.hp-template--listing-submit-details-page .sc-post-ad-progress__item.is-active .sc-post-ad-progress__dot,
body.hp-template--listing-submit-details-page .sc-post-ad-progress__item.is-done .sc-post-ad-progress__dot {
	background: #b9f55d;
	color: #111827;
}

body.hp-template--listing-submit-details-page .sc-post-ad-step {
	display: none;
	background: #fff;
	border: 1px solid #e6ecf2;
	border-radius: 12px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
	padding: 16px;
}

body.hp-template--listing-submit-details-page .sc-post-ad-step.is-active {
	display: block;
}

body.hp-template--listing-submit-details-page .sc-post-ad-step__header {
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #edf1f6;
}

body.hp-template--listing-submit-details-page .sc-post-ad-step__title {
	font-size: 1.12rem;
	margin: 0 0 4px;
	color: #111827;
}

body.hp-template--listing-submit-details-page .sc-post-ad-step__subtitle {
	margin: 0;
	color: #6b7280;
	font-size: 0.9rem;
}

body.hp-template--listing-submit-details-page .sc-post-ad-step__fields {
	display: grid;
	gap: 12px;
}

body.hp-template--listing-submit-details-page .sc-post-ad-step .hp-form__field {
	margin: 0 !important;
	padding: 0 !important;
}

body.hp-template--listing-submit-details-page .sc-post-ad-step .hp-field__label {
	margin-bottom: 6px !important;
	font-size: 0.9rem;
	font-weight: 700;
	color: #111827;
}

body.hp-template--listing-submit-details-page .sc-post-ad-step input[type="text"],
body.hp-template--listing-submit-details-page .sc-post-ad-step input[type="number"],
body.hp-template--listing-submit-details-page .sc-post-ad-step input[type="tel"],
body.hp-template--listing-submit-details-page .sc-post-ad-step textarea,
body.hp-template--listing-submit-details-page .sc-post-ad-step select {
	min-height: 48px;
	border-radius: 12px !important;
	border: 1px solid #d9e2ec !important;
	background: #fff !important;
	padding: 10px 12px !important;
}

body.hp-template--listing-submit-details-page .sc-post-ad-step textarea {
	min-height: 140px;
	resize: vertical;
}

body.hp-template--listing-submit-details-page .sc-post-ad-step .hp-field__description {
	margin-top: 6px;
	color: #6b7280;
	font-size: 0.82rem;
}

body.hp-template--listing-submit-details-page .sc-upload-enhanced {
	border: 1px dashed #cfdbe8;
	border-radius: 12px;
	padding: 12px;
	background: #fbfdff;
}

body.hp-template--listing-submit-details-page .sc-upload-dropzone {
	border: 2px dashed #b9cde0;
	border-radius: 12px;
	background: #f8fbff;
	padding: 16px;
	margin-bottom: 10px;
	display: grid;
	gap: 4px;
	text-align: center;
	color: #334155;
}

body.hp-template--listing-submit-details-page .sc-upload-dropzone strong {
	font-size: 0.95rem;
}

body.hp-template--listing-submit-details-page .sc-upload-dropzone small {
	font-size: 0.8rem;
	color: #6b7280;
}

body.hp-template--listing-submit-details-page .sc-upload-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 4px;
	padding: 3px 10px;
	border-radius: 999px;
	background: #e9f8cc;
	color: #3f6212;
	font-size: 0.76rem;
	font-weight: 700;
}

body.hp-template--listing-submit-details-page .sc-upload-enhanced > div:first-child {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
	gap: 8px;
	margin-bottom: 10px !important;
	padding-bottom: 0 !important;
}

body.hp-template--listing-submit-details-page .sc-upload-enhanced > div:first-child > div {
	margin: 0 !important;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #e2e8f0;
	background: #fff;
}

body.hp-template--listing-submit-details-page .sc-upload-enhanced > div:first-child > div > img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	width: 100%;
	height: auto;
}

body.hp-template--listing-submit-details-page .sc-upload-enhanced .hp-field__button {
	top: 6px !important;
	right: 6px !important;
	background: rgba(15, 23, 42, 0.72) !important;
}

body.hp-template--listing-submit-details-page .sc-upload-enhanced > label {
	display: block;
	float: none !important;
}

body.hp-template--listing-submit-details-page .sc-upload-enhanced > label .button {
	width: 100%;
	min-height: 44px;
	border-radius: 10px !important;
	font-weight: 700 !important;
}

body.hp-template--listing-submit-details-page .sc-post-ad-review {
	border: 1px solid #e4ebf3;
	background: #f8fbff;
	border-radius: 12px;
	padding: 12px;
}

body.hp-template--listing-submit-details-page .sc-post-ad-review p {
	margin: 0 0 8px;
	font-weight: 700;
}

body.hp-template--listing-submit-details-page .sc-post-ad-review ul {
	margin: 0;
	padding-inline-start: 18px;
	color: #4b5563;
}

/* خلفية بيضاء لصفحة إضافة الإعلان */
body.hp-template--listing-submit-details-page {
	background-color: #f4f6f8 !important;
	background-image: none !important;
}

body.hp-template--listing-submit-details-page .sc-post-ad-sticky-bar {
	position: fixed;
	left: 16px;
	right: 16px;
	bottom: 12px;
	z-index: 1010; /* فوق شريط التنقل السفلي (z-index: 1000) */
	display: flex;
	gap: 8px;
	background: rgba(255, 255, 255, 0.96);
	backdrop-filter: blur(6px);
	border: 1px solid #e5ebf2;
	border-radius: 12px;
	padding: 10px;
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.16);
}

body.hp-template--listing-submit-details-page .sc-post-ad-btn {
	min-height: 46px;
	border-radius: 10px;
	font-weight: 700;
	border: 1px solid transparent;
	cursor: pointer;
}

body.hp-template--listing-submit-details-page .sc-post-ad-btn--ghost {
	flex: 0 0 120px;
	background: #fff;
	color: #111827;
	border-color: #d9e2ec;
}

body.hp-template--listing-submit-details-page .sc-post-ad-btn--primary {
	flex: 1 1 auto;
	background: #b9f55d;
	color: #111827;
	box-shadow: 0 6px 18px rgba(132, 204, 22, 0.3);
}

@media (max-width: 991px) {
	body.hp-template--listing-submit-details-page .sc-post-ad-progress {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 575px) {
	body.hp-template--listing-submit-details-page .hp-form--listing-submit {
		padding-bottom: 160px; /* فراغ كافٍ للشريط المرفوع فوق nav */
	}
	body.hp-template--listing-submit-details-page .sc-post-ad-step {
		padding: 12px;
	}
	body.hp-template--listing-submit-details-page .sc-post-ad-sticky-bar {
		left: 8px;
		right: 8px;
		bottom: 80px; /* فوق شريط التنقل السفلي على الموبايل */
	}
	body.hp-template--listing-submit-details-page .sc-post-ad-btn--ghost {
		flex-basis: 96px;
	}
}

/* -------------------------------------------------------------------------
   "No Image" placeholder for listing cards
   ------------------------------------------------------------------------- */
.sc-listing-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	height: 100%;
	min-height: 160px;
	background: #edf5e8;
	border: 2px dashed #c8dcc4;
}

.sc-listing-placeholder svg {
	opacity: 0.7;
}

.sc-listing-placeholder span {
	font-size: 0.8rem;
	font-weight: 500;
	color: #6b8a65;
}

/* -------------------------------------------------------------------------
   Chat/message icon button on listing cards
   ------------------------------------------------------------------------- */
.sc-card-chat-btn {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #f3f4f6;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #4b5563;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
	z-index: 3;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.sc-card-chat-btn:hover {
	background: var(--sc-green);
	color: #fff;
	transform: scale(1.1);
}

.sc-card-chat-btn svg {
	flex-shrink: 0;
}

/* -------------------------------------------------------------------------
   Urgent badge
   ------------------------------------------------------------------------- */
.sc-urgent-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 4;
	background: #dc2626;
	color: #fff;
	font-size: 0.7rem;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	line-height: 1.4;
	animation: sc-urgent-pulse 2s ease-in-out infinite;
}

@keyframes sc-urgent-pulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.75; }
}

/* ==========================================================================
   FILTER RESET BUTTON – ghost link below Apply
   ========================================================================== */

/* ==========================================================================
   RESULTS TOPBAR – sort dropdown + results count
   ========================================================================== */

.hp-page__topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 16px;
}

.sc-results-count {
	font-size: 0.88rem;
	font-weight: 600;
	color: #6b7280;
	white-space: nowrap;
}

.sc-results-count:empty {
	display: none;
}

/* ==========================================================================
   FILTER RESET BUTTON – ghost link below Apply
   ========================================================================== */

.sc-filter-reset-btn {
	display: block;
	width: 100%;
	margin-top: 8px;
	padding: 10px 16px;
	text-align: center;
	font-size: 0.88rem;
	font-weight: 600;
	color: var(--sc-filter-accent, #6b7280);
	background: transparent;
	border: 1px dashed #d1d5db;
	border-radius: 8px;
	text-decoration: none;
	cursor: pointer;
	transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.sc-filter-reset-btn:hover {
	border-color: #111827;
	color: #111827;
	background: #f9fafb;
}

/* ==========================================================================
   FILTER FIELD DESCRIPTION (currency hint ل.س)
   ========================================================================== */

.hp-widget--listing-filter .hp-field__description,
.sc-advanced-filter-bar .hp-field__description {
	display: inline-block;
	margin-top: 4px;
	font-size: 0.75rem;
	color: #9ca3af;
	font-weight: 500;
	letter-spacing: 0.02em;
}

/* ==========================================================================
   COLLAPSIBLE FILTER SECTIONS
   ========================================================================== */

.sc-filter-section {
	border-bottom: 1px solid #e5e7eb;
	padding-bottom: 12px;
	margin-bottom: 12px;
}

.sc-filter-section:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.sc-filter-section__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 8px 0;
	background: none;
	border: none;
	cursor: pointer;
	color: #111827;
	font-size: 0.92rem;
	font-weight: 700;
	font-family: inherit;
	text-align: end;
	direction: rtl;
}

.sc-filter-section__header:hover {
	color: var(--sc-filter-accent, var(--sc-green));
}

.sc-filter-section__chevron {
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

.sc-filter-section--collapsed .sc-filter-section__chevron {
	transform: rotate(-90deg);
}

.sc-filter-section__body {
	overflow: hidden;
	max-height: 500px;
	transition: max-height 0.25s ease, opacity 0.2s ease;
	opacity: 1;
}

.sc-filter-section--collapsed .sc-filter-section__body {
	max-height: 0;
	opacity: 0;
	padding: 0;
	margin: 0;
}

/* ==========================================================================
   UI/UX PRO MAX – ACCESSIBILITY & INTERACTION AUDIT FIXES
   ========================================================================== */

/* A1. cursor:pointer on all clickable elements */
.sc-listing-card,
.sc-listing-card a,
.hp-listing--view-block a,
.hp-listing__image a,
.sc-categories-sidebar__parent,
.sc-categories-sidebar__children a,
.sc-category-card,
.sc-category-card a,
.hp-menu__item a,
.sc-mobile-bottom-nav__item,
.sc-filter-toggle,
.sc-filter-section__header,
.sc-filter-reset-btn,
.sc-how-it-works__cta .button,
.sc-footer-mkp__scroll-top,
.sc-card-chat-btn,
.hp-listing__title a,
.hp-form__button,
button[type="submit"],
.button,
.hp-button {
	cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
	.hp-form__button:hover,
	button[type='submit']:hover,
	.button:hover,
	.hp-button:hover,
	.sc-mkp-header__search-btn:hover,
	.sc-mkp-header__action--post-ad:hover {
		transform: translateY(-1px);
		box-shadow: 0 6px 16px rgba(17, 24, 39, 0.12);
	}
}

/* A2. Focus-visible rings for keyboard navigation (WCAG 2.1) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
.button:focus-visible,
.hp-button:focus-visible,
.hp-form__button:focus-visible,
.sc-listing-card a:focus-visible,
.hp-menu__item a:focus-visible,
.sc-mobile-bottom-nav__item:focus-visible {
	outline: 3px solid var(--sc-green-accent, #2ecc71);
	outline-offset: 2px;
	border-radius: var(--sc-radius-sm);
}

/* Remove default blue outline for mouse users */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
select:focus:not(:focus-visible) {
	outline: none;
}

/* A3. Reduced motion – respect user preference */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
	.sc-listing-card:hover {
		transform: none !important;
		box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
	}
	.sc-filter-section__body {
		transition: none !important;
	}
}

/* A4. Listing card skeleton shimmer (loading state) */
.sc-skeleton {
	background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
	background-size: 200% 100%;
	animation: sc-shimmer 1.5s infinite ease-in-out;
	border-radius: var(--sc-radius, 12px);
}
.sc-skeleton--image {
	aspect-ratio: 4/3;
	width: 100%;
}
.sc-skeleton--title {
	height: 1rem;
	width: 70%;
	margin: 12px 8px 8px;
}
.sc-skeleton--price {
	height: 1.1rem;
	width: 35%;
	margin: 4px 8px 12px;
}
@keyframes sc-shimmer {
	0% { background-position: 200% 0; }
	100% { background-position: -200% 0; }
}

/* A5. No-results empty state */
.sc-no-results {
	text-align: center;
	padding: var(--sc-space-8, 2rem) var(--sc-space-4, 1rem);
	max-width: 400px;
	margin: 0 auto;
}
.sc-no-results__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #f1f5f9;
	margin-bottom: var(--sc-space-4, 1rem);
}
.sc-no-results__icon svg {
	width: 36px;
	height: 36px;
	stroke: #94a3b8;
}
.sc-no-results__title {
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--sc-text-dark, #1e293b);
	margin-bottom: var(--sc-space-2, 0.5rem);
}
.sc-no-results__desc {
	color: var(--sc-text-muted, #555);
	font-size: 0.95rem;
	margin-bottom: var(--sc-space-5, 1.25rem);
	line-height: 1.6;
}
.sc-no-results__suggestions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	margin-top: var(--sc-space-3, 0.75rem);
}
.sc-no-results__tag {
	background: #f1f5f9;
	color: var(--sc-text-dark, #1e293b);
	padding: 6px 14px;
	border-radius: 999px;
	font-size: 0.85rem;
	font-weight: 500;
	border: 1px solid #e2e8f0;
	transition: all 0.2s ease;
	text-decoration: none;
}
.sc-no-results__tag:hover {
	background: var(--sc-green-accent, #2ecc71);
	color: #fff;
	border-color: var(--sc-green-accent, #2ecc71);
}

/* A6. Touch target minimum enforcement (44px) */
.sc-mobile-bottom-nav__item {
	min-width: 44px;
	min-height: 44px;
}
.hp-menu__item a {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
}

/* A7. Smooth scroll behavior */
html {
	scroll-behavior: smooth;
}

/* A8. Selection styling */
::selection {
	background: rgba(46, 204, 113, 0.2);
	color: inherit;
}

/* ==========================================================================
   TRUST SIGNALS SECTION (homepage)
   ========================================================================== */
.sc-trust-signals {
	padding: var(--sc-space-8, 2rem) 0;
}
.sc-trust-signals .sc-front__container {
	grid-template-columns: 1fr;
}
.sc-trust-signals__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--sc-space-5, 1.25rem);
}
.sc-trust-signal-card {
	font-family: "Tajawal", sans-serif;
	text-align: center;
	padding: 1.75rem;
	border-radius: 1.5rem;
	background: #fff;
	border: 1px solid #f3f4f6;
	position: relative;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}
.sc-trust-signal-card:hover {
	transform: translateY(-3px) scale(1.03);
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
}
.sc-trust-signal-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 9999px;
	background: #f7fee7;
	color: #b7e319;
	margin-bottom: 1rem;
	transition: transform 0.3s ease;
}
.sc-trust-signal-card:hover .sc-trust-signal-card__icon {
	transform: translateY(-2px) rotate(6deg);
}
.sc-trust-signal-card__icon svg {
	stroke: currentColor;
}
.sc-trust-signal-card__title {
	margin-bottom: 0.5rem;
	font-size: 1rem;
	font-weight: 700;
	color: #111827;
}
.sc-trust-signal-card__text {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.9;
	color: #6b7280;
}
.sc-trust-signal-card__bar {
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	height: 4px;
	background: #c4f837;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.3s ease;
}
.sc-trust-signal-card:hover .sc-trust-signal-card__bar {
	transform: scaleX(1);
}
.sc-trust-signal {
	text-align: center;
	padding: var(--sc-space-5, 1.25rem) var(--sc-space-3, 0.75rem);
	border-radius: var(--sc-radius, 12px);
	background: #fff;
	border: 1px solid var(--sc-border, #eee);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.sc-trust-signal:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}
.sc-trust-signal__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #f0fdf4;
	margin-bottom: var(--sc-space-3, 0.75rem);
}
.sc-trust-signal__icon svg {
	stroke: var(--sc-green-accent, #2ecc71);
}
.sc-trust-signal__title {
	font-size: 1rem;
	font-weight: 700;
	color: var(--sc-text-dark, #1e293b);
	margin-bottom: 4px;
}
.sc-trust-signal__text {
	font-size: 0.85rem;
	color: var(--sc-text-muted, #555);
	line-height: 1.5;
	margin: 0;
}
@media (max-width: 991px) {
	.sc-trust-signals__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 575px) {
	.sc-trust-signals__grid {
		grid-template-columns: 1fr;
		gap: var(--sc-space-3, 0.75rem);
	}
	.sc-trust-signal,
	.sc-trust-signal-card {
		padding: var(--sc-space-3, 0.75rem);
	}
}

/* ==========================================================================
   GLOBAL UI REFINEMENTS - FINAL POLISH
   ========================================================================== */

/* 1. Global Rating Stars - Branded Green */
.hp-rating i,
.hp-rating-stars i,
.hp-field--rating label::before,
.sc-stars svg {
	color: #cbed44 !important;
	fill: #cbed44 !important;
}

.hp-rating--active i,
.hp-rating-stars--active i {
	color: #305c2a !important;
}

/* 2. Categories Page - Branded White Grid */
.hp-listing-category--has-image {
	background: #ffffff !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 12px !important;
	min-height: 120px !important;
	padding: 20px !important;
	text-align: center !important;
	justify-content: center !important;
}

.hp-listing-category--has-image::after {
	display: none !important;
}

.hp-listing-category__name,
.hp-listing-category__count {
	color: #111827 !important;
	position: relative !important;
	z-index: var(--sc-z-base); /* 1 – text above card pseudo-elements */
}

.hp-listing-category__count {
	display: block !important;
	margin-top: 5px !important;
	font-size: 0.85rem !important;
	color: #64748b !important;
}

.hp-listing-category__image {
	display: none !important; /* Clean minimal look like reference */
}

/* 3. Global Overrides to kill ANY remaining orange */
.hp-menu__item--active a,
.hp-menu__item--current a,
.hp-menu__item.current-menu-item a,
.hp-menu--listing .hp-menu__item--active a,
.hp-menu--listing .hp-menu__item--current a,
.hp-menu--listing-view .hp-menu__item--active a,
.hp-menu--listing-view .hp-menu__item--current a {
	color: var(--sc-primary-dark, #305c2a) !important;
	border-bottom-color: #305c2a !important;
}

.hp-menu__item--active::after,
.hp-menu__item--current::after,
.current-menu-item::after,
.hp-menu__item.current-menu-item::after,
.hp-menu--listing .hp-menu__item--active::after,
.hp-menu--listing .hp-menu__item--current::after,
.hp-menu--listing-view .hp-menu__item--active::after,
.hp-menu--listing-view .hp-menu__item--current::after,
.hp-menu--tabbed .hp-menu__item--current::after {
	background: #305c2a !important; /* Force solid Dark Green */
	height: 3px !important;
	bottom: 0 !important;
}

/* Force dark green on breadcrumb separators if they were orange */
.hp-breadcrumb .hp-breadcrumb__separator {
	color: #cbd5e1 !important;
}

/* Fix any remaining price orange in search results or elsewhere */
.hp-listing__price {
	color: #305c2a !important;
}

/* Force Tab Underline if HP uses different classes */
.hp-listing__tabs-item--active,
.hp-tabs__item--active {
	color: var(--sc-primary-dark) !important;
	border-bottom-color: var(--sc-green-dark) !important;
}

.hp-page__header,
.hp-page__topbar {
	border-bottom-color: #f1f5f9 !important;
}

.hp-menu--breadcrumb li + li::before {
	color: var(--sc-green-dark, #305c2a) !important;
}

/* 4. PREMIUM MICRO-INTERACTIONS & MOTION */

/* Staggered load reveal for listings */
.sc-listing-card {
	opacity: 0;
	transform: translateY(15px);
	animation: scReveal 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

@keyframes scReveal {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Staggering (adjusting first 8) */
.sc-listing-card:nth-child(1) { animation-delay: 50ms; }
.sc-listing-card:nth-child(2) { animation-delay: 100ms; }
.sc-listing-card:nth-child(3) { animation-delay: 150ms; }
.sc-listing-card:nth-child(4) { animation-delay: 200ms; }
.sc-listing-card:nth-child(5) { animation-delay: 250ms; }
.sc-listing-card:nth-child(6) { animation-delay: 300ms; }
.sc-listing-card:nth-child(7) { animation-delay: 350ms; }
.sc-listing-card:nth-child(8) { animation-delay: 400ms; }

/* 5. Fix Status Tags (Orange/Blue removal) */
.hp-listing__attribute--status,
.hp-listing__status {
	background: #f1fdf4 !important;
	color: var(--sc-primary-dark) !important;
	border: 1px solid #dcfce7 !important;
	font-weight: 700 !important;
	padding: 4px 10px !important;
	border-radius: 6px !important;
	font-size: var(--sc-text-xs) !important;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

/* 6. Typography Refinement (Weights) */
.hp-listing__title a {
	font-weight: 800 !important;
	letter-spacing: -0.01em;
}

.sc-listing-price-box__value {
	letter-spacing: -0.02em;
}

/* ==========================================================================
   HOMEPAGE – Hero Intro Area
   ========================================================================== */
.sc-hero-intro {
	background: #fdfdfd;
	padding: 40px 0 30px;
	text-align: center;
	border-bottom: 1px solid #f1f1f1;
}

.sc-hero-intro__title {
	font-size: 2rem;
	font-weight: 800;
	color: #1a1a2e;
	margin-bottom: 0.5rem;
	letter-spacing: -0.02em;
}

.sc-hero-intro__subtitle {
	font-size: 1.1rem;
	color: #64748b;
	margin-bottom: 2rem;
}

.sc-hero-stats {
	display: flex;
	justify-content: center;
	gap: 30px;
	flex-wrap: wrap;
}

.sc-hero-stat {
	display: flex;
	align-items: center;
	gap: 10px;
	background: #fff;
	padding: 8px 16px;
	border-radius: 99px;
	border: 1px solid #eee;
	box-shadow: 0 2px 8px rgba(0,0,0,0.02);
	font-size: 0.9rem;
	color: #334155;
}

.sc-hero-stat strong {
	color: #305c2a;
}

/* ==========================================================================
   HOMEPAGE – Most Requested Categories
   ========================================================================== */
.sc-featured-row {
	padding: 30px 0;
	background: #fff;
}

.sc-featured-cats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
	margin-top: 15px;
}

.sc-feat-card {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 15px 20px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	text-decoration: none;
	transition: all 0.2s ease;
}

.sc-feat-card:hover {
	background: #fff;
	border-color: #305c2a;
	box-shadow: 0 4px 12px rgba(48,92,42,0.08);
	transform: translateY(-2px);
}

.sc-feat-card__icon {
	font-size: 28px;
}

.sc-feat-card__info {
	display: flex;
	flex-direction: column;
}

.sc-feat-card__name {
	font-weight: 700;
	color: #1a1a2e;
	font-size: var(--sc-text-body);
}

.sc-feat-card__desc {
	font-size: var(--sc-text-sm);
	color: #64748b;
}

/* ==========================================================================
   MOBILE – Kleinanzeigen-style horizontal scroll category icons
   ========================================================================== */
@media (max-width: 767px) {
	.sc-featured-row {
		padding: 16px 0 20px;
	}

	.sc-featured-row .sc-section-title {
		padding: 0 16px;
		font-size: 1rem;
		margin-bottom: 12px;
	}

	/* Horizontal scroll container */
	.sc-featured-cats {
		display: flex;
		flex-direction: row;
		overflow-x: auto;
		overflow-y: visible;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
		gap: 10px;
		padding: 4px 16px 8px;
		grid-template-columns: none;
		scrollbar-width: none;
	}
	.sc-featured-cats::-webkit-scrollbar {
		display: none;
	}

	/* Each category: vertical pill – icon box + label below */
	.sc-feat-card {
		flex: 0 0 auto;
		scroll-snap-align: start;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		gap: 7px;
		padding: 0;
		width: 76px;
		background: transparent;
		border: none;
		box-shadow: none;
		text-decoration: none;
	}
	.sc-feat-card:hover {
		transform: none;
		box-shadow: none;
		border: none;
		background: transparent;
	}
	.sc-feat-card:active {
		opacity: 0.75;
	}

	/* Rounded square icon box – Kleinanzeigen style */
	.sc-feat-card__icon {
		width: 58px;
		height: 58px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #eef6df;
		border-radius: 16px;
		font-size: 26px;
		border: 1.5px solid #d4eaae;
		flex-shrink: 0;
		transition: background 0.18s ease, transform 0.18s ease;
	}
	.sc-feat-card:hover .sc-feat-card__icon,
	.sc-feat-card:active .sc-feat-card__icon {
		background: #d9f0b0;
		transform: scale(0.96);
	}

	/* Info section: only show name, hide desc */
	.sc-feat-card__info {
		align-items: center;
		text-align: center;
	}
	.sc-feat-card__name {
		font-size: 0.68rem;
		font-weight: 600;
		color: #1a1a2e;
		line-height: 1.25;
		text-align: center;
		white-space: normal;
		word-break: break-word;
		max-width: 74px;
	}
	.sc-feat-card__desc {
		display: none;
	}
}

/* ==========================================================================
   HOMEPAGE – Revamped How it Works & Trust
   ========================================================================== */
.sc-step__badge {
	width: 32px;
	height: 32px;
	background: #305c2a;
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	margin: 0 auto 15px;
	font-size: var(--sc-text-body);
}

.sc-trust-footer {
	padding: 60px 0;
	background: #f8fafc;
}

.sc-trust-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin-bottom: 50px;
	text-align: center;
}

.sc-trust-item__num {
	font-size: 2.5rem;
	font-weight: 900;
	color: #305c2a;
	margin-bottom: 5px;
}

.sc-trust-item__label {
	font-size: 1rem;
	font-weight: 600;
	color: #64748b;
}

.sc-testimonial-box {
	max-width: 800px;
	margin: 0 auto;
	background: #fff;
	padding: 40px;
	border-radius: 20px;
	border: 1px solid #e2e8f0;
	position: relative;
	text-align: center;
}

.sc-testimonial-box::before {
	content: "“";
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 60px;
	color: #cbed44;
	line-height: 1;
	background: #fff;
	padding: 0 10px;
}

.sc-testimonial-text {
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.6;
	color: #1a1a2e;
	margin-bottom: 20px;
}

.sc-testimonial-author {
	font-weight: 700;
	color: #64748b;
	font-size: 0.95rem;
}

/* ==========================================================================
   LISTINGS – Filter Enhancements (JS injected)
   ========================================================================== */
.sc-search-assist-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 0;
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
	flex-wrap: wrap;
	gap: 15px;
}

.sc-active-chips {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.sc-active-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #f1f5f9;
	color: #334155;
	padding: 6px 12px;
	border-radius: 99px;
	font-size: var(--sc-text-sm);
	font-weight: 600;
	border: 1px solid #e2e8f0;
	/* 2.5 WCAG touch target */
	min-height: var(--sc-touch);
}

.sc-chip-remove {
	cursor: pointer;
	color: #94a3b8;
	font-size: var(--sc-text-body);
	line-height: 1;
	/* 2.5 Make × button itself a 44px target */
	min-width: var(--sc-touch);
	min-height: var(--sc-touch);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.sc-chip-remove:hover {
	color: #ef4444;
}

.sc-search-results-stats {
	font-size: var(--sc-text-sm);
	font-weight: 700;
	color: #305c2a;
}

.sc-guaranteed-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #f0f7ed;
	color: #305c2a;
	padding: 6px 14px;
	border-radius: 99px;
	font-size: var(--sc-text-sm);
	font-weight: 700;
	text-decoration: none;
	border: 1px solid #dcefd6;
	transition: all 0.2s;
	/* 2.5 WCAG touch target */
	min-height: var(--sc-touch);
}

.sc-guaranteed-toggle:hover {
	background: #305c2a;
	color: #fff;
}

/* ==========================================================================
   AUTH – Login/Register Polish
   ========================================================================== */
.sc-login-security {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 25px;
	padding: 15px;
	background: #f8fafc;
	border-radius: 10px;
	font-size: var(--sc-text-sm);
	color: #64748b;
}

.sc-login-security svg {
	color: #22c55e;
}

/* ==========================================================================
   LISTING CARDS – Metadata Extensions
   ========================================================================== */
.sc-card-style-1__badges,
.sc-listing-card__meta-badges {
	display: flex;
	gap: 6px;
	margin-top: 8px;
	flex-wrap: wrap;
}

.sc-badge {
	font-size: 10px;
	font-weight: 700;
	padding: 2px 8px;
	border-radius: var(--sc-radius-sm);
	text-transform: uppercase;
}

.sc-badge--verified {
	background: #ecfdf5;
	color: #059669;
	border: 1px solid #d1fae5;
}

.sc-badge--delivery {
	background: #f0f9ff;
	color: #0284c7;
	border: 1px solid #e0f2fe;
}

.sc-listing-card__rating-top {
	font-size: var(--sc-text-sm);
	font-weight: 700;
	color: #1a1a2e;
	display: flex;
	align-items: center;
	gap: 4px;
}

/* Responsive Fixes */
@media (max-width: 767px) {
	.sc-hero-intro__title { font-size: 1.5rem; }
	.sc-trust-grid { grid-template-columns: 1fr; }
	.sc-hero-stats { gap: 10px; }
}

@media (min-width: 992px) {
	.sc-hero-intro__title {
		font-size: 32px;
	}
}

/* ==========================================================================
   TABLET GAP FIX (HIG: Consistency — no jarring layout jumps between breakpoints)
   Covers 768px–991px: the "dead zone" between mobile and desktop.
   ========================================================================== */

/* Steps: 1 col → 2 col at 576px (was 3) → 4 col at 768px → keep 4 at desktop */
@media (min-width: 576px) and (max-width: 767px) {
	.sc-steps {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width: 768px) {
	.sc-steps {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* How It Works box: tighter padding on tablet */
@media (min-width: 768px) and (max-width: 991px) {
	.sc-how-it-works__box {
		padding: 28px 20px;
	}
}

/* Trust signals: 4 col desktop → 3 col tablet (768-991px) → 2 col mobile */
@media (min-width: 768px) and (max-width: 991px) {
	.sc-trust-signals__grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* Listings page sidebar: on tablet show sidebar inline at top, reduced width */
@media (min-width: 768px) and (max-width: 991px) {
	.hp-page--listings .hp-row {
		grid-template-columns: minmax(0, 1fr) 240px;
	}
	.hp-page--listings .hp-page__sidebar {
		grid-column: 2;
		display: block !important;
	}
	.hp-page--listings .hp-page__content {
		grid-column: 1;
	}
	.hp-page--listings .hp-widget--listing-filter {
		position: sticky;
		top: 80px;
	}
	/* Listings grid: 2 cards per row on tablet */
	.hp-page--listings .hp-listings > .hp-row > .hp-grid__item {
		width: 50% !important;
		max-width: 50% !important;
		flex-basis: 50% !important;
	}
}

/* Section padding: tablet gets medium value */
@media (min-width: 768px) and (max-width: 991px) {
	.sc-section-container {
		padding: 0 var(--sc-space-5);
	}
	.hp-page--listings .hp-page__header {
		padding: 0 var(--sc-space-5);
	}
}

/* Front page sidebar+listings: single column on tablet until 992px */
@media (min-width: 768px) and (max-width: 991px) {
	.sc-front__container {
		padding: 0 var(--sc-space-5);
	}
}

/* ==========================================================================
   SPRINT 4 — New UI Components
   ========================================================================== */

/* --------------------------------------------------------------------------
   Photo count badge — overlaid on listing image thumbnails
   -------------------------------------------------------------------------- */
.hp-listing__image {
	position: relative;
}
.sc-photo-count {
	position: absolute;
	bottom: 8px;
	left: 8px;
	display: inline-flex;
	align-items: center;
	gap: 3px;
	background: rgba(0, 0, 0, 0.55);
	color: #fff;
	font-size: 0.72rem;
	font-weight: 600;
	line-height: 1;
	padding: 4px 7px;
	border-radius: 20px;
	pointer-events: none;
	z-index: 2;
}
body.rtl .sc-photo-count {
	left: auto;
	right: 8px;
}

/* --------------------------------------------------------------------------
   Similar listings section — listing detail page
   -------------------------------------------------------------------------- */
.sc-similar-listings {
	margin-top: 2.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid #e8e8e8;
}
.sc-similar-listings__title {
	font-size: 1.1rem;
	font-weight: 700;
	margin: 0 0 1rem;
	color: var(--sc-green-dark, #305c2a);
}
.sc-similar-listings__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
}
@media (max-width: 767px) {
	.sc-similar-listings__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 399px) {
	.sc-similar-listings__grid {
		grid-template-columns: 1fr;
	}
}
.sc-similar-card {
	display: flex;
	flex-direction: column;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	background: #fff;
	transition: box-shadow 0.18s ease, transform 0.18s ease;
}
.sc-similar-card:hover {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px);
	text-decoration: none;
	color: inherit;
}
.sc-similar-card__img {
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #f5f5f5;
}
.sc-similar-card__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.sc-similar-card__no-img {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #bdbdbd;
}
.sc-similar-card__body {
	padding: 0.65rem 0.75rem 0.75rem;
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	flex: 1;
}
.sc-similar-card__title {
	font-size: 0.875rem;
	font-weight: 600;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.4;
}
.sc-similar-card__location {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 0.75rem;
	color: #757575;
	margin: 0;
}
.sc-similar-card__price {
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--sc-green-dark, #305c2a);
	margin: auto 0 0;
	padding-top: 0.25rem;
}
.sc-similar-card__currency {
	font-size: 0.75rem;
	font-weight: 500;
	opacity: 0.8;
}

/* --------------------------------------------------------------------------
   Verification notices — sc-notice system
   -------------------------------------------------------------------------- */
.sc-notice {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1rem;
	margin: 0.75rem 1rem;
	border-radius: 8px;
	font-size: 0.9rem;
	font-weight: 500;
	text-align: start;
}
.sc-notice--success {
	background: #d4edda;
	color: #155724;
	border: 1px solid #c3e6cb;
}
.sc-notice--warning {
	background: #fff3cd;
	color: #856404;
	border: 1px solid #ffc107;
}
.sc-notice a {
	color: inherit;
	font-weight: 700;
	text-decoration: underline;
}
.sc-notice a:hover {
	opacity: 0.8;
}

/* ==========================================================================
   SINGLE LISTING — Sticky sidebar (desktop) + Sticky contact bar (mobile)
   ========================================================================== */

/* Desktop: sidebar scrolls with the page but sticks at top so CTA stays visible */
@media (min-width: 768px) {
	.hp-template--listing-view-page .hp-page__sidebar {
		position: sticky;
		top: 90px;          /* clear header (≈ 70px) + breathing room */
		align-self: start;  /* crucial: without this sticky has no effect in flex/grid */
		max-height: calc(100vh - 110px);
		overflow-y: auto;
		scrollbar-width: thin;
	}
}

/* Mobile: sticky contact bar sitting above the tab bar
   Re-uses the existing .sc-contact-buttons fixed positioning but tokens it correctly. */
@media (max-width: 767px) {
	.sc-contact-buttons {
		z-index: var(--sc-z-dropdown); /* 100 – above content, below header (150) */
	}

	/* Dedicated sticky bar for pages that don't have .sc-contact-buttons */
	.sc-sticky-contact-bar {
		display: flex;
		align-items: center;
		gap: var(--sc-space-3);
		position: fixed;
		bottom: 56px;       /* height of tab bar */
		inset-inline: 0;
		z-index: var(--sc-z-sticky);
		padding: var(--sc-space-3) var(--sc-space-4);
		background: #fff;
		border-top: 1px solid var(--sc-border);
		box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.06);
		padding-bottom: calc(var(--sc-space-3) + env(safe-area-inset-bottom, 0px));
	}
	.sc-sticky-contact-bar__price {
		flex: 1;
		font-size: var(--sc-text-lg);
		font-weight: 800;
		color: var(--sc-primary-dark);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.sc-sticky-contact-bar__btn {
		flex-shrink: 0;
		background: var(--sc-primary-dark) !important;
		color: #fff !important;
		border: none !important;
		border-radius: var(--sc-radius) !important;
		font-weight: 700 !important;
		font-size: var(--sc-text-body) !important;
		padding: 0.625rem 1.25rem !important;
		min-height: var(--sc-touch) !important;
		transition: background-color var(--sc-transition-fast) !important;
	}
	.sc-sticky-contact-bar__btn:hover {
		background: var(--sc-link-hover) !important;
	}
}
@media (min-width: 768px) {
	.sc-sticky-contact-bar { display: none !important; }
}

/* Ensure page body doesn't get clipped under the sticky bar on mobile */
@media (max-width: 767px) {
	body.hp-template--listing-view-page.sc-has-tab-bar {
		padding-bottom: 130px; /* tab bar (56px) + contact bar (~60px) + breathing */
	}
}

/* ==========================================================================
   RESULTS COUNT — animated update after AJAX filter refresh
   ========================================================================== */
@keyframes sc-count-update {
	0%   { opacity: 0; transform: translateY(-4px) scale(0.95); }
	100% { opacity: 1; transform: translateY(0)   scale(1);     }
}
.sc-results-count--updating {
	animation: sc-count-update 0.22s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
	.sc-results-count--updating { animation: none; }
}

/* ==========================================================================
   SC-CAT-SELECT — Custom branded category dropdown (replaces native <select>)
   ========================================================================== */

/* ── Wrapper ── */
.sc-cat-select {
	position: relative;
	display: inline-flex;
	align-items: center;
	direction: rtl;
	z-index: var(--sc-z-dropdown, 100);
}

/* ── Trigger button — mirrors the native pill look ── */
.sc-cat-select__trigger {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: transparent;
	border: none;
	outline: none;
	cursor: pointer;
	font-family: var(--sc-font, inherit);
	font-size: var(--sc-mkp-pill-select-fs, 0.9375rem);
	color: var(--sc-text, #1a1a1a);
	padding: 0 22px 0 10px;
	min-height: 40px;
	white-space: nowrap;
	direction: rtl;
	text-align: right;
}
.sc-cat-select__trigger:focus-visible {
	outline: 2px solid var(--sc-primary, #3d5a3a);
	outline-offset: 2px;
	border-radius: 6px;
}

/* ── Caret icon ── */
.sc-cat-select__caret {
	display: inline-flex;
	align-items: center;
	color: var(--sc-text-muted, #777);
	transition: transform 0.25s ease;
	flex-shrink: 0;
}
.sc-cat-select--open .sc-cat-select__caret {
	transform: rotate(180deg);
}

/* Only category/city pills in header = Style 3 */
body.sc-button-style-1 .sc-mkp-header__pill-cell--category .sc-cat-select__trigger,
body.sc-button-style-1 .sc-mkp-header__pill-cell--city .sc-cat-select__trigger,
body.sc-button-style-1 .sc-mkp-header__pill-cell--category .sc-mkp-header__pill-select,
body.sc-button-style-1 .sc-mkp-header__pill-cell--city .sc-mkp-header__pill-select {
	background: var(--sc-btn-style3-bg) !important;
	border: 1px solid var(--sc-btn-style3-border) !important;
	color: var(--sc-btn-style3-text) !important;
	border-radius: 9999px !important;
	min-height: 40px !important;
	padding: 0 16px !important;
}

body.sc-button-style-1 .sc-mkp-header__pill-cell--category .sc-cat-select__trigger:is(:hover, :focus, :focus-visible, :active),
body.sc-button-style-1 .sc-mkp-header__pill-cell--city .sc-cat-select__trigger:is(:hover, :focus, :focus-visible, :active),
body.sc-button-style-1 .sc-mkp-header__pill-cell--category .sc-mkp-header__pill-select:is(:hover, :focus, :focus-visible, :active),
body.sc-button-style-1 .sc-mkp-header__pill-cell--city .sc-mkp-header__pill-select:is(:hover, :focus, :focus-visible, :active) {
	background: var(--sc-btn-style3-state-bg) !important;
	border-color: var(--sc-btn-style3-state-border) !important;
	color: var(--sc-btn-style3-state-text) !important;
	box-shadow: var(--sc-btn-style3-state-shadow) !important;
	transform: translateY(-1px) scale(1.03) !important;
	outline: none !important;
}

/* ── Dropdown panel ── */
.sc-cat-select__listbox {
	display: none;
	position: absolute;
	top: calc(100% + 6px);
	right: 0;           /* default: align to right edge of trigger */
	min-width: 200px;
	max-height: 320px;
	overflow-y: auto;
	margin: 0;
	padding: 6px 0;
	list-style: none;
	background: #fff;
	border: 1px solid #d6e4d5;
	border-radius: 15px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
	z-index: var(--sc-z-dropdown, 100);
	direction: rtl;
	text-align: right;
	/* clip scrollbar inside rounded corners */
	overflow: hidden;
	overflow-y: auto;
}

/* thin custom scrollbar */
.sc-cat-select__listbox::-webkit-scrollbar        { width: 4px; }
.sc-cat-select__listbox::-webkit-scrollbar-track  { background: transparent; }
.sc-cat-select__listbox::-webkit-scrollbar-thumb  { background: #c8dbc7; border-radius: 9999px; }

/* ── Individual option ── */
.sc-cat-select__option {
	padding: 12px 20px 12px 16px;
	font-size: var(--sc-text-body, 0.9375rem);
	color: var(--sc-text, #1a1a1a);
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease;
	direction: rtl;
	text-align: right;
}

/* ── Hover ── */
.sc-cat-select__option:hover {
	background-color: #eef5ee;
	color: #3d5a3a;
}

/* ── Selected / Active ── */
.sc-cat-select__option--selected {
	background-color: #3d5a3a !important;
	color: #fff !important;
	font-weight: 600;
}
.sc-cat-select__option--selected:hover {
	background-color: #4a6e47 !important;
	color: #fff !important;
}

/* city pill is leftmost in RTL layout — align panel to the left edge */
.sc-mkp-header__pill-cell--city .sc-cat-select__listbox {
	right: auto;
	left: 0;
}

/* ── Reduced motion ── */
@media (prefers-reduced-motion: reduce) {
	.sc-cat-select__caret,
	.sc-cat-select__option { transition: none; }
}

/* ==========================================================================
   SELECT2 — Category Dropdown Branding (RTL / سوقنا)
   ========================================================================== */

/* ── Container that wraps the fake "select" button ── */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
	direction: rtl;
	text-align: right;
}

/* ── The dropdown panel itself ── */
.select2-dropdown {
	direction: rtl;
	text-align: right;
	border-radius: 15px !important;
	border: 1px solid #d6e4d5;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
	overflow: hidden;           /* clip children to rounded corners */
	margin-top: 4px;
}

/* ── Search box inside dropdown (if enabled) ── */
.select2-container--default .select2-search--dropdown .select2-search__field {
	direction: rtl;
	text-align: right;
	border-radius: 8px;
	border: 1px solid #c8dbc7;
	padding: 8px 12px;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
	outline: none;
	border-color: var(--sc-primary, #3d5a3a);
	box-shadow: 0 0 0 3px rgba(61, 90, 58, 0.12);
}

/* ── Individual option ── */
.select2-container--default .select2-results__option {
	padding: 12px 20px 12px 16px;
	text-align: right;
	direction: rtl;
	transition: background-color 0.3s ease, color 0.3s ease;
	font-size: var(--sc-text-body, 0.9375rem);
	color: var(--sc-text, #1a1a1a);
}

/* ── Hover state ── */
.select2-container--default .select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #eef5ee !important;   /* أخضر فاتح جداً */
	color: #3d5a3a !important;              /* أخضر داكن */
}

/* ── Active / Selected state — remove default blue ── */
.select2-container--default .select2-results__option--selected,
.select2-container--default .select2-results__option[aria-selected="true"] {
	background-color: #3d5a3a !important;   /* أخضر داكن = لون زر البحث */
	color: #ffffff !important;
}

/* ── Hover on already-selected item ── */
.select2-container--default .select2-results__option--selected.select2-results__option--highlighted,
.select2-container--default .select2-results__option[aria-selected="true"].select2-results__option--highlighted {
	background-color: #4a6e47 !important;   /* أخضر أفتح قليلاً */
	color: #ffffff !important;
}

/* ── "All categories" placeholder / clear ── */
.select2-container--default .select2-selection__placeholder {
	color: var(--sc-text-muted, #777);
	direction: rtl;
}

/* ── Arrow icon (caret) — flip for RTL ── */
.select2-container--default .select2-selection--single .select2-selection__arrow {
	left: 8px;
	right: auto;
}

/* ── Remove blue focus ring on the container ── */
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single {
	border-color: var(--sc-primary, #3d5a3a);
	box-shadow: 0 0 0 3px rgba(61, 90, 58, 0.12);
	outline: none;
}

/* ==========================================================================
   Card Style 1 (Global + Demo)
   ========================================================================== */

.sc-product-card-showcase {
	padding: 1.5rem 0 2rem;
}

.sc-card-style-1 {
	--sc-product-green: #305c2a;
	--sc-product-green-light: #e8f5e9;
	--sc-product-text-dark: #ffffff;
	--sc-product-border: #e8ecf2;
	--sc-product-shadow: 0 8px 28px rgba(8, 18, 35, 0.07);
	--sc-product-shadow-hover: 0 24px 48px rgba(8, 18, 35, 0.2);
	max-width: 360px;
	background: #fff;
	border: 1px solid var(--sc-product-border);
	border-radius: 1rem;
	box-shadow: var(--sc-product-shadow);
	overflow: hidden;
	font-family: "Tajawal", "IBM Plex Sans Arabic", "Segoe UI", sans-serif;
	transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.sc-card-style-1:hover {
	transform: translateY(-8px);
	box-shadow: var(--sc-product-shadow-hover);
	border-color: #d8e0ea;
}

.sc-card-style-1__media {
	display: block;
	position: relative;
	aspect-ratio: 4 / 5;
	overflow: hidden;
	background: #f2f5f8;
}

.sc-card-style-1__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.sc-card-style-1:hover .sc-card-style-1__media img {
	transform: scale(1.1);
}

.sc-card-style-1__body {
	padding: 1rem 1rem 0.75rem;
}

.sc-card-style-1__title {
	margin: 0;
	color: #121a26;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.55;
}

.sc-card-style-1__title a {
	color: inherit;
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color 0.2s;
}

.sc-card-style-1__title a:hover {
	color: var(--sc-green, #6abf40);
}

.sc-card-style-1__rating {
	margin-top: 0.6rem;
	display: flex;
	align-items: center;
	gap: 0.45rem;
}

.sc-card-style-1__stars {
	position: relative;
	display: inline-block;
	font-size: 1rem;
	line-height: 1;
	letter-spacing: 1.5px;
	color: #d6dde8;
}

.sc-card-style-1__stars::before {
	content: "★★★★★";
}

.sc-card-style-1__stars::after {
	content: "★★★★★";
	position: absolute;
	inset: 0;
	width: var(--sc-star-fill, 90%);
	overflow: hidden;
	color: #ffbf45;
}

.sc-card-style-1__rating-value {
	font-size: 0.88rem;
	font-weight: 700;
	color: #475569;
}

.sc-card-style-1__vendor-rating {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.45rem;
	margin: 0.25rem 0 0;
	padding: 0.25rem 0.55rem;
	border: 1px solid #e6edf5;
	border-radius: 9999px;
	background: #f8fafc;
}

.sc-card-style-1__vendor-name {
	font-size: 0.78rem;
	font-weight: 700;
	color: #334155;
	max-width: 62%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-decoration: none;
}

a.sc-card-style-1__vendor-name:hover {
	color: #0f172a;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.sc-card-style-1__vendor-meta {
	display: inline-flex;
	align-items: center;
	gap: 0.2rem;
	font-size: 0.74rem;
	font-weight: 700;
	color: #1f2937;
	white-space: nowrap;
}

.sc-card-style-1__vendor-star {
	color: #f59e0b;
	font-size: 0.8rem;
	line-height: 1;
}

.sc-card-style-1__vendor-count {
	color: #64748b;
	font-weight: 600;
}

.sc-card-style-1__date {
	margin: 0.5rem 0 0;
	font-size: 0.83rem;
	font-weight: 500;
	color: #8b96a8;
}

.sc-card-style-1__price {
	margin-top: 0.8rem;
	display: inline-flex;
	align-items: center;
	padding: 0.38rem 0.7rem;
	border-radius: 9999px;
	background: var(--sc-product-green);
	color: var(--sc-product-text-dark);
	font-size: 0.92rem;
	font-weight: 800;
}

.sc-card-style-1__footer {
	padding: 0.2rem 1rem 1rem;
	display: flex;
	justify-content: flex-end;
	gap: 0.55rem;
}

.sc-card-style-1__action {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 9999px;
	border: 1px solid #e0e6ef;
	background: #fff;
	color: #4b5563;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.25s ease;
}

.sc-card-style-1__action:hover {
	transform: translateY(-2px);
}

.sc-card-style-1__action--chat {
	background: #a6e43a;
	border-color: #a6e43a;
	color: #133116;
}

.sc-card-style-1__action--chat:hover {
	background: var(--sc-product-green-light);
	border-color: var(--sc-product-green-light);
	color: #0e2c12;
}

.sc-card-style-1__action--heart:hover {
	background: #fff4f4;
	border-color: #f7c6c6;
	color: #e03131;
}

.sc-card-style-1__action--heart.is-active {
	background: #fff1f1;
	border-color: #f1b7b7;
	color: #d92d20;
}

.sc-card-style-1__action--heart.is-active svg {
	fill: currentColor;
}

.sc-card-style-1__likes-count {
	min-width: 1.8rem;
	height: 2rem;
	padding: 0 0.5rem;
	border-radius: 9999px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	color: #475467;
	font-size: 0.78rem;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.sc-card-style-1__badge {
	position: absolute;
	top: 10px;
	left: 10px;
	background: var(--sc-product-green, #b8f34a);
	color: #163118;
	font-size: 0.72rem;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 9999px;
	z-index: 3;
}

.sc-card-style-1--featured {
	border-color: #c5e855;
}

.sc-listings-grid .sc-card-style-1,
.sc-front__content-row .sc-card-style-1 {
	max-width: none;
	height: 100%;
}

/* ==========================================================================
   Card Style 1 – Global mapping for HivePress listing cards (hp-listing)
   This transforms the default HP listing card into Card Style 1 appearance.
   ========================================================================== */

.hp-listing--view-block {
	background: #fff !important;
	border: 1px solid var(--sc-product-border, #e8ecf2) !important;
	border-radius: 1rem !important;
	box-shadow: 0 8px 28px rgba(8, 18, 35, 0.07) !important;
	overflow: hidden !important;
	font-family: "Tajawal", "IBM Plex Sans Arabic", "Segoe UI", sans-serif !important;
	transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important;
}

.hp-listing--view-block:hover {
	transform: translateY(-8px) !important;
	box-shadow: 0 24px 48px rgba(8, 18, 35, 0.2) !important;
	border-color: #d8e0ea !important;
}

.hp-listing--view-block .hp-listing__header {
	margin: 0 !important;
	padding: 0 !important;
}

.hp-listing--view-block .hp-listing__image {
	aspect-ratio: 4 / 5 !important;
	overflow: hidden !important;
	background: #f2f5f8 !important;
	border-radius: 0 !important;
	margin: 0 !important;
	padding-bottom: 0 !important;
	height: auto !important;
}

.hp-listing--view-block .hp-listing__image[data-aspect-ratio] {
	padding-bottom: 0 !important;
}

.hp-listing--view-block .hp-listing__image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1) !important;
	border-radius: 0 !important;
	position: relative !important;
}

.hp-listing--view-block:hover .hp-listing__image img {
	transform: scale(1.1) !important;
}

.hp-listing--view-block .hp-listing__content {
	padding: 1rem 1rem 0.75rem !important;
	direction: rtl !important;
	text-align: right !important;
}

.hp-listing--view-block .hp-listing__categories {
	margin-bottom: 0.4rem !important;
	text-align: right !important;
}

.hp-listing--view-block .hp-listing__categories a {
	font-size: 0.75rem !important;
	font-weight: 600 !important;
	color: var(--sc-product-green, #b8f34a) !important;
	text-decoration: none !important;
	background: rgba(184, 243, 74, 0.12) !important;
	padding: 2px 8px !important;
	border-radius: 9999px !important;
}

.hp-listing--view-block .hp-listing__title {
	margin: 0 0 0.35rem !important;
	color: #121a26 !important;
	font-size: 1.05rem !important;
	font-weight: 700 !important;
	line-height: 1.55 !important;
	text-align: right !important;
}

.hp-listing--view-block .hp-listing__title a {
	color: inherit !important;
	text-decoration: none !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	transition: color 0.2s !important;
}

.hp-listing--view-block .hp-listing__title a:hover {
	color: var(--sc-green, #6abf40) !important;
}

.hp-listing--view-block .hp-listing__details {
	margin: 0 !important;
	padding: 0 !important;
	direction: rtl !important;
	text-align: right !important;
}

.hp-listing--view-block .hp-listing__details--primary {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-end !important;
	gap: 0.12rem;
	width: 100% !important;
}

.hp-listing--view-block .hp-listing__location {
	font-size: 0.83rem !important;
	font-weight: 500 !important;
	color: #8b96a8 !important;
	margin-bottom: 0.2rem !important;
	direction: rtl !important;
	text-align: right !important;
	unicode-bidi: isolate !important;
}

.hp-listing--view-block .hp-listing__location a {
	color: inherit !important;
	text-decoration: none !important;
	unicode-bidi: isolate !important;
}

.hp-listing--view-block .hp-listing__location i {
	color: #a3b1c5 !important;
	margin-inline-end: 3px !important;
	font-size: 0.78rem !important;
}

.hp-listing--view-block .hp-listing__created-date {
	color: #8b96a8 !important;
	font-size: 0.83rem !important;
	font-weight: 500 !important;
	font-style: normal !important;
	direction: rtl !important;
	text-align: right !important;
	unicode-bidi: isolate !important;
}

.hp-listing--view-block .hp-listing__attribute--price,
.hp-listing--view-block [class*="hp-listing__attribute--price"] {
	display: inline-flex !important;
	align-items: center !important;
	padding: 0.38rem 0.7rem !important;
	border-radius: 9999px !important;
	background: #305c2a !important;
	color: #ffffff !important;
	font-size: 0.92rem !important;
	font-weight: 800 !important;
	margin-top: 0.6rem !important;
}

.hp-listing--view-block .hp-listing__footer {
	padding: 0.2rem 1rem 1rem !important;
	border-top: none !important;
	background: transparent !important;
}

.hp-listing--view-block .hp-listing__actions {
	display: flex !important;
	justify-content: flex-end !important;
	gap: 0.55rem !important;
	padding: 0 !important;
}

.hp-listing--view-block .hp-listing__action {
	width: 2.5rem !important;
	height: 2.5rem !important;
	padding: 0 !important;
	border-radius: 9999px !important;
	border: 1px solid #e0e6ef !important;
	background: #fff !important;
	color: #4b5563 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: none !important;
	transition: all 0.25s ease !important;
	text-decoration: none !important;
	font-size: 0 !important;
}

.hp-listing--view-block .hp-listing__action i {
	font-size: 0.95rem !important;
	line-height: 1 !important;
}

.hp-listing--view-block .hp-listing__action:hover {
	transform: translateY(-2px) !important;
}

.hp-listing--view-block .hp-listing__action--message {
	background: #a6e43a !important;
	border-color: #a6e43a !important;
	color: #133116 !important;
}

.hp-listing--view-block .hp-listing__action--message:hover {
	background: #d2ff7e !important;
	border-color: #d2ff7e !important;
	color: #0e2c12 !important;
}

.hp-listing--view-block .hp-listing__action--favorite:hover {
	color: #e03131 !important;
	border-color: #f7c6c6 !important;
	background: #fff4f4 !important;
}

/* Card Style 1: keep real favorite button in footer (not over image) */
.hp-listing--view-block .hp-listing__action--favorite {
	position: static !important;
	inset: auto !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	order: 1;
}

.hp-listing--view-block .hp-listing__action--message {
	order: 2;
}

@media (max-width: 640px) {
	.sc-card-style-1 {
		max-width: 100%;
	}
}

/* ==========================================================================
   Single Listing – Similar Listings (native HivePress block)
   Keep logic native, style to match Card Style 1.
   ========================================================================== */
body.hp-template--listing-view-page .hp-page__footer .hp-section {
	background: #fff;
	border: 1px solid var(--sc-product-border, #e8ecf2);
	border-radius: 1rem;
	padding: 1.1rem;
	margin-top: 1.25rem;
	box-shadow: 0 8px 28px rgba(8, 18, 35, 0.06);
}

body.hp-template--listing-view-page .hp-page__footer .hp-section__title {
	margin: 0 0 0.9rem;
	padding-top: 0.8rem;
	font-family: "Tajawal", "IBM Plex Sans Arabic", "Segoe UI", sans-serif;
	font-weight: 800;
	font-size: 1.15rem;
	color: #101828;
}

body.hp-template--listing-view-page .hp-page__footer .hp-section__title::before {
	width: 54px;
	height: 4px;
	background: var(--sc-green, #c4f837);
	border-radius: 999px;
	left: 0;
	right: auto;
}

body.rtl.hp-template--listing-view-page .hp-page__footer .hp-section__title::before {
	left: auto;
	right: 0;
}

body.hp-template--listing-view-page .hp-page__footer .hp-listings > .hp-row {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

body.hp-template--listing-view-page .hp-page__footer .hp-listings > .hp-row > .hp-grid__item {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

@media (max-width: 991px) {
	body.hp-template--listing-view-page .hp-page__footer .hp-listings > .hp-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	body.hp-template--listing-view-page .hp-page__footer .hp-listings > .hp-row {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ==========================================================================
   تعديلات سوقنا – مارس 2026
   ========================================================================== */

/* 1. إخفاء كل عناصر المطالبات (claim) */
.hp-listing__attribute--claim,
.hp-listing__claim,
[data-component="listing-claim-button"],
.hp-listing__action--claim,
a.hp-link[href*="/claims/"],
.hp-menu--user-account .hp-menu__item a[href*="/claims/"],
.hp-menu--user-account .hp-menu__item a[href*="claim"] { display: none !important; }

/* 2. لون الخلفية: إزالة الخلفية الداكنة من widget القائمة في صفحة الحساب */
.hp-page__sidebar .hp-widget,
.hp-page__sidebar .widget,
.hp-page__sidebar .hp-vendor__summary {
	background: #fff !important;
	color: var(--sc-text-dark) !important;
}
.hp-page__sidebar .hp-widget a,
.hp-page__sidebar .widget a,
.hp-page__sidebar .hp-menu__item a,
.hp-page__sidebar .hp-vendor__summary a {
	color: var(--sc-text-dark) !important;
}

/* 3. صورة المستخدم + الاسم جنباً إلى جنب (RTL: صورة يمين، اسم يسار) */
.hp-page__sidebar .hp-vendor__summary {
	display: flex !important;
	flex-wrap: wrap !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 12px !important;
	direction: rtl !important;
}
.hp-page__sidebar .hp-vendor__image {
	flex: 0 0 60px !important;
	width: 60px !important;
	height: 60px !important;
	order: 1;
	margin: 0 !important;
}
.hp-page__sidebar .hp-vendor__image img {
	width: 60px !important;
	height: 60px !important;
	border-radius: 50%;
	object-fit: cover;
}
.hp-page__sidebar h3.hp-vendor__name {
	flex: 1 !important;
	order: 2;
	text-align: right !important;
	margin: 0 !important;
	font-size: 1rem !important;
}
/* باقي عناصر السمري: صف كامل تحت الصورة والاسم */
.hp-page__sidebar .hp-vendor__details--primary,
.hp-page__sidebar .hp-vendor__registered-date,
.hp-page__sidebar .hp-vendor__actions--primary,
.hp-page__sidebar .hp-vendor__attributes--primary,
.hp-page__sidebar .hp-vendor__actions--secondary {
	flex: 0 0 100% !important;
	order: 3;
	align-items: flex-end !important;
	text-align: right !important;
}

/* 4. إبراز مربع الشروط والأحكام */
.hp-form__field--checkbox label,
.hp-form__field[data-name="terms"] label {
	font-weight: 600;
	color: var(--sc-text-dark);
	font-size: 14px;
}
.hp-form__field--checkbox input[type="checkbox"],
.hp-form__field[data-name="terms"] input[type="checkbox"] {
	width: 18px;
	height: 18px;
	accent-color: var(--sc-primary-dark);
	cursor: pointer;
}

/* 5. صورة الغلاف في الصفحة الرئيسية */
.sc-hero-cover {
	position: relative;
	width: 100%;
	min-height: 400px;
	background: #111;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
/* Black overlay over images */
.sc-hero-cover::before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.45);
	z-index: 1;
	pointer-events: none;
}
/* ============ Hero Slider ============ */
.sc-hero-slider__track {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
.sc-hero-slider__slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 1s ease;
}
.sc-hero-slider__slide.is-active {
	opacity: 1;
}
.sc-hero-slider__slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
/* Dots navigation */
.sc-hero-slider__dots {
	position: absolute;
	bottom: 16px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 8px;
	z-index: 2;
}
.sc-hero-slider__dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(255,255,255,0.45);
	border: none;
	cursor: pointer;
	padding: 0;
	transition: background .3s, transform .3s;
}
.sc-hero-slider__dot.is-active {
	background: var(--sc-primary);
	transform: scale(1.3);
}
/* Legacy single image support */
.sc-hero-cover__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.sc-hero-cover__content {
	position: relative;
	z-index: 2;
	text-align: center;
	padding: 60px 24px 52px;
	direction: rtl;
	max-width: 720px;
	margin: 0 auto;
}
.sc-hero-cover__title {
	font-family: 'Cairo', sans-serif;
	font-size: clamp(24px, 4.5vw, 44px);
	font-weight: 900;
	color: #fff;
	margin: 0 0 14px;
	line-height: 1.25;
	text-shadow: 0 3px 12px rgba(0,0,0,0.35);
	letter-spacing: -0.5px;
}
.sc-hero-cover__subtitle {
	font-family: 'Tajawal', sans-serif;
	font-size: clamp(14px, 2vw, 18px);
	color: rgba(255,255,255,0.85);
	margin: 0;
	line-height: 1.6;
}
/* زر CTA داخل الهيرو */
.sc-hero-cover__cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 24px;
	background: var(--sc-primary);
	color: var(--sc-primary-dark);
	font-family: 'Cairo', sans-serif;
	font-size: 15px;
	font-weight: 700;
	padding: 12px 28px;
	border-radius: var(--sc-radius-full);
	text-decoration: none;
	transition: transform .15s, box-shadow .15s;
	box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}
.sc-hero-cover__cta:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0,0,0,0.28);
	color: var(--sc-primary-dark);
	text-decoration: none;
}

/* 6. قسم الإحصائيات مستقل (تحت الغلاف) */
.sc-hero-stats-bar {
	background: #fff;
	border-bottom: 1px solid var(--sc-border);
	padding: 20px 24px;
	direction: rtl;
	box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.sc-hero-stats-bar__inner {
	max-width: 900px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	justify-content: center;
}
.sc-hero-stats-bar .sc-hero-stat {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 4px 32px;
	border-inline-end: 1px solid var(--sc-border);
}
.sc-hero-stats-bar .sc-hero-stat:last-child {
	border-inline-end: none;
}
.sc-hero-stats-bar .sc-hero-stat__icon {
	font-size: 22px;
	flex-shrink: 0;
}
.sc-hero-stats-bar .sc-hero-stat__text {
	display: flex;
	flex-direction: column;
	line-height: 1.3;
}
.sc-hero-stats-bar .sc-hero-stat__text strong {
	font-family: 'Cairo', sans-serif;
	font-size: 20px;
	font-weight: 800;
	color: var(--sc-primary-dark);
	display: block;
}
.sc-hero-stats-bar .sc-hero-stat__text span:not(strong) {
	font-size: 12px;
	color: var(--sc-text-muted);
}

/* 7. قسم التصنيفات الرئيسية */
.sc-main-categories {
	padding: 36px 20px;
	background: #fff;
	direction: rtl;
	border-bottom: 1px solid var(--sc-border);
}
.sc-main-categories__inner {
	max-width: 1200px;
	margin: 0 auto;
}
.sc-main-categories__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.sc-main-categories__title {
	font-family: 'Cairo', sans-serif;
	font-size: 20px;
	font-weight: 800;
	color: var(--sc-primary-dark);
	margin: 0;
	position: relative;
	padding-inline-end: 16px;
}
.sc-main-categories__title::after {
	content: '';
	position: absolute;
	bottom: -6px;
	right: 0;
	width: 36px;
	height: 3px;
	background: var(--sc-primary);
	border-radius: 2px;
}
.sc-main-categories__view-all {
	font-size: 13px;
	color: var(--sc-link);
	text-decoration: none;
	font-weight: 600;
	white-space: nowrap;
}
.sc-main-categories__view-all:hover { text-decoration: underline; }
.sc-main-categories__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
	gap: 14px;
}
.sc-main-cat-card {
	background: var(--sc-bg-light);
	border: 1.5px solid var(--sc-border);
	border-radius: var(--sc-radius-lg);
	padding: 18px 12px 14px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	color: var(--sc-text-dark);
	transition: border-color .18s, box-shadow .18s, background .18s;
	text-align: center;
}
.sc-main-cat-card:hover {
	border-color: var(--sc-primary-dark);
	background: #fff;
	box-shadow: 0 4px 16px rgba(48,92,42,0.12);
	text-decoration: none;
}
.sc-main-cat-card__icon {
	width: 48px;
	height: 48px;
	background: linear-gradient(135deg, #e8f5e6 0%, #d4edcf 100%);
	border-radius: var(--sc-radius);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	flex-shrink: 0;
	transition: transform .18s;
}
.sc-main-cat-card:hover .sc-main-cat-card__icon {
	transform: scale(1.08);
}
.sc-main-cat-card__name {
	font-family: 'Cairo', sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
	color: var(--sc-text-dark);
}
.sc-main-cat-card__count {
	font-size: 11px;
	color: var(--sc-text-muted);
	background: rgba(0,0,0,0.05);
	border-radius: 99px;
	padding: 1px 8px;
}

@media (max-width: 767px) {
	.sc-hero-cover { min-height: 260px; }
	.sc-hero-cover__content { padding: 36px 16px 32px; }
	.sc-hero-cover__title { letter-spacing: 0; }
	.sc-hero-stats-bar { padding: 14px 12px; }
	.sc-hero-stats-bar .sc-hero-stat { padding: 4px 16px; }
	.sc-hero-stats-bar .sc-hero-stat__text strong { font-size: 17px; }
	.sc-main-categories { padding: 24px 12px; }
	.sc-main-categories__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
	.sc-main-cat-card { padding: 12px 6px 10px; }
	.sc-main-cat-card__icon { width: 38px; height: 38px; font-size: 18px; }
	.sc-main-cat-card__name { font-size: 12px; }
}

/* ---- فاصل قسم في نموذج الإعلان ---- */
.sc-form-section-divider {
	display: flex;
	align-items: center;
	gap: 8px;
	direction: rtl;
	padding: 14px 0 6px;
	margin: 8px 0 4px;
	border-top: 2px solid var(--sc-border);
}
.sc-form-section-divider__icon {
	font-size: 18px;
	flex-shrink: 0;
}
.sc-form-section-divider__title {
	font-family: 'Cairo', sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: var(--sc-primary-dark);
}

/* ---- اسم المستخدم تحت الصورة (البطاقة) ---- */
.sc-card-style-1__vendor-rating {
	border-bottom: 1px solid var(--sc-border);
	padding-bottom: 6px;
	margin-bottom: 4px;
}

/* ---- صورة الغلاف في صفحة الإعلان ---- */
.hp-listing .hp-listing__images,
.hp-template--listing-view-page .hp-listing__images {
	border-radius: var(--sc-radius-lg);
	overflow: hidden;
	margin-bottom: 16px;
}
.hp-listing__images .hp-image:first-child img,
.hp-listing__images .slick-slide:first-child img {
	width: 100%;
	max-height: 460px;
	object-fit: cover;
	object-position: center;
	border-radius: var(--sc-radius-lg);
}
@media (max-width: 767px) {
	.hp-listing__images .hp-image:first-child img,
	.hp-listing__images .slick-slide:first-child img {
		max-height: 260px;
	}
}

/* ==========================================================================
   ACCOUNT PAGE – Profile Header (avatar + name in sidebar)
   RTL: avatar on right, name on left
   ========================================================================== */

.sc-account-profile-header {
	margin-bottom: 12px;
}

.sc-account-profile-header__link {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid var(--sc-border, #e5e7eb);
	border-radius: var(--sc-radius-lg, 12px);
	text-decoration: none;
	transition: box-shadow 0.18s, border-color 0.18s;
	direction: rtl;
}

.sc-account-profile-header__link:hover {
	border-color: #b8d9b0;
	box-shadow: 0 4px 14px rgba(48, 92, 42, 0.1);
	text-decoration: none;
}

/* الصورة على اليمين (RTL) */
.sc-account-profile-header__avatar-wrap {
	position: relative;
	flex-shrink: 0;
}

.sc-account-profile-header__avatar {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	border: 2px solid #cbed44;
	object-fit: cover;
	display: block;
}

.sc-account-profile-header__edit-icon {
	position: absolute;
	bottom: -2px;
	left: -2px;
	width: 20px;
	height: 20px;
	background: #305c2a;
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* الاسم والرابط على اليسار */
.sc-account-profile-header__info {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
	text-align: start;
}

.sc-account-profile-header__name {
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--sc-text-dark, #121212);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

.sc-account-profile-header__edit-label {
	font-size: 0.75rem;
	color: var(--sc-text-muted, #555);
	display: block;
}

/* خلفية بيضاء لصفحات الحساب */
body.sc-account-workspace {
	background-color: #f4f6f8 !important;
	background-image: none !important;
}

/* ==========================================================================
   UI/UX AUDIT FIXES
   ========================================================================== */

/* 1. إخفاء الويدجت الجانبية الفارغة في صفحة الإعلان المفرد */
.hp-listing-view .hp-page__sidebar .hp-widget:empty,
.hp-listing-view .hp-page__sidebar .widget:empty {
	display: none !important;
}
/* إخفاء ويدجت يحتوي فقط على عنوان بدون محتوى */
.hp-listing-view .hp-page__sidebar .hp-widget .hp-block__content:empty,
.hp-listing-view .hp-page__sidebar .widget .widget-inner:empty {
	display: none !important;
}
.hp-listing-view .hp-page__sidebar .hp-widget:has(.hp-block__content:empty),
.hp-listing-view .hp-page__sidebar .hp-widget:has(> *:only-child:empty) {
	display: none !important;
}

/* 2. ألوان تسميات حقول الإعدادات – أداكن وأوضح */
.hp-page--user-edit-settings-page .hp-form__label,
.hp-page--user-edit-settings-page .hp-field__label,
body[class*="hp-template--user-edit"] .hp-form__label,
body[class*="hp-template--user-edit"] .hp-field__label {
	color: var(--sc-text-dark, #121212) !important;
	font-weight: 600 !important;
}

/* 3. تحسين لون خلفية بادج السعر العام (أي مكان لم يُغطَّ بعد) */
[class*="hp-listing__attribute--price"],
.hp-listing__price {
	background: #305c2a !important;
	color: #ffffff !important;
}

/* 4. إصلاح حالة نشاط قائمة الحساب – لون أخضر داكن بدل البرتقالي */
.hp-user-account .hp-nav__item--active > a,
.hp-user-account .hp-nav__item.current-menu-item > a,
.hp-user-account .hp-nav__item > a:hover {
	color: var(--sc-primary-dark, #305c2a) !important;
	border-inline-end-color: var(--sc-primary-dark, #305c2a) !important;
}

/* 5. السعر في كروت أرشيف/بحث HivePress – يظهر دائماً بوضوح */
.hp-listings .hp-listing--view-block .hp-listing__attributes--primary,
.hp-listings--view-grid .hp-listing__attributes--primary {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 6px !important;
}


/* ==========================================================================
   ACCOUNT WORKSPACE – compact, task-focused shell
   Applied via body.sc-account-workspace (set by workspace-ux.php)
   ========================================================================== */

/* Reduce header search prominence on account pages */
body.sc-account-workspace .sc-header-search-row,
body.sc-account-workspace .sc-header__search-bar {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

/* Compact footer on account/management pages */
body.sc-account-workspace .sc-footer-columns {
	padding-top: 20px !important;
	padding-bottom: 16px !important;
}
body.sc-account-workspace .sc-footer-col:not(:first-child) {
	display: none !important;
}
body.sc-account-workspace .sc-footer-col:first-child {
	grid-column: 1 / -1;
}
body.sc-account-workspace .sc-footer-copyright {
	padding: 12px 20px !important;
}

/* Ensure enough space so account content pushes footer down */
body.sc-account-workspace .site-content,
body.sc-account-workspace #primary,
body.sc-account-workspace .hp-page {
	min-height: calc(100vh - 260px) !important;
}

/* Account nav – stronger active state (overrides parent theme orange) */
body.sc-account-workspace .hp-nav--user-account-page .hp-nav__item--active > a,
body.sc-account-workspace .hp-nav__item--active > a,
.hp-user-account .hp-nav__item--active > a {
	color: var(--sc-primary-dark, #305c2a) !important;
	background: rgba(48, 92, 42, 0.08) !important;
	border-inline-end: 3px solid var(--sc-primary-dark, #305c2a) !important;
	border-radius: 6px 0 0 6px !important;
	font-weight: 700 !important;
}
body.sc-account-workspace .hp-nav__item--active > a svg,
body.sc-account-workspace .hp-nav__item--active > a i {
	color: var(--sc-primary-dark, #305c2a) !important;
}

/* Account nav – hover state */
.hp-user-account .hp-nav__item > a:hover {
	color: var(--sc-primary-dark, #305c2a) !important;
	background: rgba(48, 92, 42, 0.05) !important;
}

/* Account nav – group spacing */
.hp-user-account .hp-nav__item:nth-last-child(2) {
	margin-top: 16px !important;
	border-top: 1px solid var(--sc-border, #e5e7eb) !important;
	padding-top: 8px !important;
}

/* Hide WP admin bar gap on non-admin pages */
body:not(.admin-bar) #wpadminbar { display: none !important; }
body:not(.admin-bar) { margin-top: 0 !important; }

/* ==========================================================================
   EMPTY STATE CARDS
   Used by .sc-empty-state injected by frontend-enhancements.js
   ========================================================================== */

.sc-empty-state {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 48px 24px 56px;
	background: #fff;
	border: 1.5px dashed var(--sc-border, #e5e7eb);
	border-radius: var(--sc-radius-lg, 12px);
	margin: 24px 0;
	direction: rtl;
}

.sc-empty__icon {
	font-size: 48px;
	margin-bottom: 16px;
	line-height: 1;
}

.sc-empty__title {
	font-family: 'Cairo', sans-serif;
	font-size: 18px;
	font-weight: 800;
	color: var(--sc-text-dark, #121212);
	margin: 0 0 10px;
}

.sc-empty__body {
	font-size: 14px;
	color: var(--sc-text-muted, #555);
	margin: 0 0 24px;
	max-width: 360px;
	line-height: 1.65;
}

.sc-empty__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}

.sc-empty__cta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 22px;
	border-radius: var(--sc-radius-full, 9999px);
	font-family: 'Cairo', sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	transition: opacity .15s, transform .15s;
}
.sc-empty__cta:hover { opacity: .88; transform: translateY(-1px); text-decoration: none; }

.sc-empty__cta--primary {
	background: var(--sc-primary-dark, #305c2a);
	color: #fff !important;
}

.sc-empty__cta--secondary {
	background: transparent;
	color: var(--sc-primary-dark, #305c2a) !important;
	border: 1.5px solid var(--sc-primary-dark, #305c2a);
}


/* ==========================================================================
   SPRINT 2 — SELLER TASK COMPLETION
   ========================================================================== */

/* ── CTA Button System ────────────────────────────────────────────────────── */
.sc-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 20px;
	border-radius: var(--sc-radius-full, 9999px);
	font-family: 'Cairo', sans-serif;
	font-size: 14px;
	font-weight: 700;
	border: none;
	cursor: pointer;
	text-decoration: none !important;
	transition: opacity .15s ease, transform .15s ease, box-shadow .15s ease;
	white-space: nowrap;
	line-height: 1.4;
}
.sc-btn:hover { transform: translateY(-1px); text-decoration: none !important; }
.sc-btn:focus-visible { outline: 3px solid var(--sc-primary, #cbed44); outline-offset: 2px; }

/* Primary: filled dark-green */
.sc-btn--primary {
	background: var(--sc-primary-dark, #305c2a);
	color: #fff !important;
	box-shadow: 0 2px 8px rgba(48,92,42,.18);
}
.sc-btn--primary:hover { opacity: .9; box-shadow: 0 4px 16px rgba(48,92,42,.28); color: #fff !important; }

/* Secondary: outlined dark-green */
.sc-btn--secondary {
	background: transparent;
	color: var(--sc-primary-dark, #305c2a) !important;
	border: 1.5px solid var(--sc-primary-dark, #305c2a);
}
.sc-btn--secondary:hover { background: rgba(48,92,42,.06); }

/* Tertiary: text-only link */
.sc-btn--tertiary {
	background: transparent;
	color: var(--sc-primary-dark, #305c2a) !important;
	padding-inline: 4px;
	text-decoration: underline !important;
	border: none;
}
.sc-btn--tertiary:hover { opacity: .75; }

/* Accent: lime background (for homepage hero only) */
.sc-btn--lime {
	background: var(--sc-primary, #cbed44);
	color: var(--sc-primary-dark, #305c2a) !important;
}
.sc-btn--lime:hover { opacity: .9; }

/* Sizes */
.sc-btn--sm { padding: 7px 14px; font-size: 13px; }
.sc-btn--lg { padding: 14px 28px; font-size: 16px; }

/* Apply sc-btn system to HP's primary form action buttons site-wide */
.hp-form__button--submit,
.hp-form__action--submit,
.hp-button--listing-submit {
	border-radius: var(--sc-radius-full, 9999px) !important;
	font-family: 'Cairo', sans-serif !important;
	font-weight: 700 !important;
}

/* ── Account Nav — Section Labels & Group Visual Structure ────────────────── */

/* Injected by JS: section heading labels */
.sc-nav-group-label {
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--sc-text-muted, #555);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	padding: 12px 16px 2px;
	display: block;
	pointer-events: none;
	user-select: none;
	direction: rtl;
}

/* Injected by JS: visual separator between nav groups */
.sc-nav-separator {
	height: 1px;
	background: var(--sc-border, #e5e7eb);
	margin: 6px 12px;
}

/* Nav item: tighter gap */
.hp-user-account .hp-menu__item,
.hp-user-account .hp-nav__item {
	margin-bottom: 2px !important;
}

/* ── Listings Management Table — Visual Hierarchy ─────────────────────────── */

/* Row hover */
.hp-listing--edit-block {
	transition: background .12s ease !important;
}
.hp-user-account .hp-block table tr:has(.hp-listing--edit-block):hover,
.hp-listing--edit-block:hover {
	background: #f8fafc !important;
}

/* Status chip pill system */
.hp-listing__status.hp-status,
.hp-listing--edit-block .hp-listing__status {
	display: inline-flex !important;
	align-items: center !important;
	padding: 3px 10px !important;
	border-radius: 9999px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	white-space: nowrap !important;
	min-width: auto !important;
}

/* Pending = amber */
.hp-listing--edit-block .hp-listing__status--pending,
.hp-listing--edit-block .hp-status--pending,
td .hp-status--pending {
	background: #fef3c7 !important;
	color: #92400e !important;
	border: none !important;
}
/* Published = green */
.hp-listing--edit-block .hp-listing__status--publish,
.hp-listing--edit-block .hp-status--publish,
td .hp-status--publish {
	background: #dcfce7 !important;
	color: #166534 !important;
	border: 1px solid #86efac !important;
}
/* Rejected = red */
.hp-listing--edit-block .hp-listing__status--rejected,
.hp-listing--edit-block .hp-status--rejected,
td .hp-status--rejected {
	background: #fee2e2 !important;
	color: #991b1b !important;
	border: 1px solid #fca5a5 !important;
}
/* Draft = gray */
.hp-listing--edit-block .hp-listing__status--draft,
.hp-listing--edit-block .hp-status--draft,
td .hp-status--draft {
	background: #f1f5f9 !important;
	color: #475569 !important;
	border: 1px solid #cbd5e1 !important;
}
/* Expired = slate */
.hp-listing--edit-block .hp-listing__status--expired,
td .hp-status--expired {
	background: #f1f5f9 !important;
	color: #64748b !important;
	border: 1px solid #cbd5e1 !important;
}

/* Row action buttons — better affordance */
.hp-listing--edit-block .hp-listing__action,
.hp-listing--edit-block .hp-listing__actions a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 32px !important;
	height: 32px !important;
	border-radius: 6px !important;
	background: #f1f5f9 !important;
	color: #374151 !important;
	transition: background .12s, color .12s !important;
	text-decoration: none !important;
}
.hp-listing--edit-block .hp-listing__action:hover,
.hp-listing--edit-block .hp-listing__actions a:hover {
	background: #305c2a !important;
	color: #fff !important;
}
/* Delete action: red hover */
.hp-listing--edit-block .hp-listing__action--delete:hover,
.hp-listing--edit-block .hp-listing__actions a[href*="delete"]:hover {
	background: #dc2626 !important;
}

/* ── Submit Listing — Step Guidance ──────────────────────────────────────── */

/* Step header block injected by JS or shown via CSS context */
.sc-step-header {
	background: #fff;
	border-radius: var(--sc-radius-lg, 12px);
	padding: 20px 24px;
	margin-bottom: 20px;
	border-right: 4px solid var(--sc-primary-dark, #305c2a);
	direction: rtl;
}
.sc-step-header__title {
	font-family: 'Cairo', sans-serif;
	font-size: 17px;
	font-weight: 800;
	color: var(--sc-text-dark, #121212);
	margin: 0 0 4px;
}
.sc-step-header__desc {
	font-size: 13px;
	color: var(--sc-text-muted, #555);
	margin: 0;
	line-height: 1.6;
}

/* Upload dropzone — clearer guidance */
.hp-form__field--images .hp-field__description,
.hp-form__field--images .hp-image-upload__hint {
	font-size: 13px !important;
	color: var(--sc-text-muted, #555) !important;
	text-align: center !important;
	margin-top: 8px !important;
	direction: rtl !important;
}

/* ── Page Content Header (for account pages) ──────────────────────────────── */
.sc-page-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	direction: rtl;
	flex-wrap: wrap;
	gap: 12px;
}
.sc-page-header__title {
	font-family: 'Cairo', sans-serif;
	font-size: 20px;
	font-weight: 800;
	color: var(--sc-primary-dark, #305c2a);
	margin: 0;
}

/* ── Form Field Required Indicator ──────────────────────────────────────── */
.hp-form__field .hp-form__label .hp-form__label-required,
abbr.required {
	color: var(--sc-danger, #ef4444) !important;
	font-weight: 700 !important;
}


/* ── Claims Page Filter Tabs ─────────────────────────────────────────────── */
.sc-claims-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 16px;
	direction: rtl;
}
.sc-claims-filter {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 6px 14px;
	border: 1.5px solid var(--sc-border, #e5e7eb);
	border-radius: var(--sc-radius-full, 9999px);
	background: #fff;
	color: var(--sc-text-dark, #121212);
	font-size: 13px;
	font-weight: 600;
	font-family: 'Cairo', sans-serif;
	text-decoration: none;
	transition: border-color .15s, background .15s;
}
.sc-claims-filter:hover {
	border-color: var(--sc-primary-dark, #305c2a);
	color: var(--sc-primary-dark, #305c2a);
	text-decoration: none;
}
.sc-claims-filter.is-active {
	background: var(--sc-primary-dark, #305c2a);
	border-color: var(--sc-primary-dark, #305c2a);
	color: #fff;
}

/* ==========================================================================
   HOMEPAGE — Sprint 3 fixes
   ========================================================================== */

/* ── Hero: Dual CTA layout ───────────────────────────────────────────────── */
.sc-hero-cover__ctas {
	display: flex;
	gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 24px;
}
/* Override the old single-button margin-top */
.sc-hero-cover__ctas .sc-hero-cover__cta {
	margin-top: 0;
}
/* Outline variant: buyer secondary CTA on dark hero background */
.sc-hero-cover__cta--outline {
	background: transparent !important;
	color: #fff !important;
	border: 2px solid rgba(255, 255, 255, 0.75) !important;
	box-shadow: none !important;
}
.sc-hero-cover__cta--outline:hover {
	background: rgba(255, 255, 255, 0.12) !important;
	border-color: rgba(255, 255, 255, 1) !important;
	color: #fff !important;
}

/* ── Trust item: badge variant (shows emoji/tick instead of a number) ────── */
.sc-trust-item__num--badge {
	font-size: 1.8rem !important;
	line-height: 1.2 !important;
	background: none !important;
	color: var(--sc-primary-dark, #305c2a) !important;
}

/* ── Why Us – sc-why-us section (replaces Tailwind version) ─────────────── */
.sc-why-us {
	padding: 48px 20px;
	background: #f9fafb;
	border-top: 1px solid var(--sc-border, #e5e7eb);
	direction: rtl;
}

.sc-why-us__grid {
	max-width: 1100px;
	margin: 24px auto 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 20px;
}

.sc-why-us__card {
	position: relative;
	background: #fff;
	border: 1px solid var(--sc-border, #e5e7eb);
	border-radius: var(--sc-radius-lg, 12px);
	padding: 28px 24px;
	text-align: center;
	overflow: hidden;
	transition: transform .2s ease, box-shadow .2s ease;
}
.sc-why-us__card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.09);
}

.sc-why-us__icon {
	width: 56px;
	height: 56px;
	margin: 0 auto 16px;
	background: #f0fdf4;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--sc-primary-dark, #305c2a);
	transition: transform .2s ease;
}
.sc-why-us__card:hover .sc-why-us__icon {
	transform: rotate(6deg) scale(1.05);
}

.sc-why-us__title {
	font-family: 'Cairo', sans-serif;
	font-size: 15px;
	font-weight: 800;
	color: var(--sc-text-dark, #121212);
	margin: 0 0 8px;
}

.sc-why-us__text {
	font-size: 13px;
	color: var(--sc-text-muted, #555);
	line-height: 1.65;
	margin: 0;
}

/* Accent underline bar: animates on card hover */
.sc-why-us__bar {
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	height: 3px;
	background: var(--sc-primary, #cbed44);
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .25s ease;
}
.sc-why-us__card:hover .sc-why-us__bar {
	transform: scaleX(1);
}

@media (max-width: 767px) {
	.sc-why-us__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
	.sc-why-us__card {
		padding: 20px 16px;
	}
	.sc-hero-cover__ctas {
		flex-direction: column;
		align-items: center;
	}
}

/* ==========================================================================
   WIZARD PROGRESS BAR — Mobile compact view
   ========================================================================== */

/* On mobile: shrink to dots-only horizontal strip */
@media (max-width: 767px) {
	body.hp-template--listing-submit-details-page .sc-post-ad-progress {
		grid-template-columns: repeat(5, 1fr);
		gap: 4px;
	}
	body.hp-template--listing-submit-details-page .sc-post-ad-progress__item {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 4px;
		padding: 6px 4px;
		border-radius: 10px;
	}
	/* Hide the text on mobile — show only dot + optional icon */
	body.hp-template--listing-submit-details-page .sc-post-ad-progress__text {
		display: none;
	}
	body.hp-template--listing-submit-details-page .sc-post-ad-progress__dot {
		width: 22px;
		height: 22px;
		font-size: 0.7rem;
	}
}

/* ==========================================================================
   SETTINGS FORM — Visual section grouping (F1)
   ========================================================================== */

/* Group HP settings fieldsets with a subtle card feel */
.hp-form--user-update-settings .hp-form__field,
.hp-form--user-update .hp-form__field {
	margin-bottom: 16px !important;
}

/* Subtle divider between major field groups */
.hp-form--user-update-settings .hp-form__field + .hp-form__field--file,
.hp-form--user-update-settings .hp-form__field--password {
	padding-top: 20px !important;
	border-top: 1px solid var(--sc-border, #e5e7eb) !important;
	margin-top: 8px !important;
}

/* Settings form labels — dark, readable */
.hp-form--user-update-settings .hp-form__label,
.hp-form--user-update .hp-form__label {
	color: var(--sc-text-dark, #121212) !important;
	font-weight: 600 !important;
	font-size: 14px !important;
}

/* ==========================================================================
   LISTING CARD — Image aspect ratio standardization (H-VIS1)
   ========================================================================== */

/* Enforce consistent image height so cards align in a grid */
.hp-listing--view-block .hp-listing__image,
.sc-listing-card .hp-listing__image {
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.hp-listing--view-block .hp-listing__image img,
.sc-listing-card .hp-listing__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

/* ==========================================================================
   LISTING SUBMIT FORM — "وسائل التواصل مع البائع" section heading
   ========================================================================== */

/* Inject a visual section heading before the phone/contact field group */
.hp-form--listing-submit .hp-form__field--contact-phone::before,
.hp-form--listing-submit .hp-form__field--phone::before {
	content: 'وسائل التواصل مع البائع';
	display: block;
	font-family: 'Cairo', sans-serif;
	font-size: 15px;
	font-weight: 800;
	color: var(--sc-text-dark, #121212);
	padding-bottom: 8px;
	margin-bottom: 12px;
	border-bottom: 2px solid var(--sc-primary, #cbed44);
	direction: rtl;
}

/* Also apply to listing update form */
.hp-form--listing-update .hp-form__field--contact-phone::before,
.hp-form--listing-update .hp-form__field--phone::before {
	content: 'وسائل التواصل مع البائع';
	display: block;
	font-family: 'Cairo', sans-serif;
	font-size: 15px;
	font-weight: 800;
	color: var(--sc-text-dark, #121212);
	padding-bottom: 8px;
	margin-bottom: 12px;
	border-bottom: 2px solid var(--sc-primary, #cbed44);
	direction: rtl;
}

/* ==========================================================================
   PASSWORD FIELD — Fix eye-icon toggle in RTL context
   ========================================================================== */

/* Position the show/hide toggle correctly in RTL forms */
.hp-field--password {
	position: relative;
}

/* The toggle link HivePress appends after the input */
.hp-field--password + a.hp-field__icon,
.hp-field--password ~ a.hp-field__icon,
.hp-form__field .hp-field--password ~ a[data-component="toggle"],
.hp-form__field .hp-field__icon[data-component="toggle"] {
	position: absolute;
	inset-inline-start: 10px; /* RTL: left side visually = logical start */
	top: 50%;
	transform: translateY(-50%);
	color: var(--sc-text-muted, #555) !important;
	font-size: 15px;
	cursor: pointer;
	z-index: 2;
	background: transparent;
	border: none;
	padding: 4px;
	line-height: 1;
	text-decoration: none !important;
}

.hp-form__field .hp-field__icon[data-component="toggle"]:hover {
	color: var(--sc-primary-dark, #305c2a) !important;
}

/* Give password input left padding so text doesn't overlap the icon (RTL = padding-inline-start) */
.hp-field--password {
	padding-inline-start: 36px !important;
}

/* ==========================================================================
   ACCOUNT SETTINGS — Danger Zone isolation
   ========================================================================== */

/* HivePress renders "Delete Account" block inside the settings page template.
   We target the delete form/block to visually isolate it. */

/* Wrapper for delete account section — target by form class */
.hp-form--user-delete,
.hp-block--user-delete {
	margin-top: 40px !important;
	padding: 20px 24px !important;
	border: 1.5px solid #fca5a5 !important;
	border-radius: var(--sc-radius-lg, 12px) !important;
	background: #fff5f5 !important;
	direction: rtl;
}

/* "Danger Zone" section label injected before the delete block via CSS ::before */
.hp-form--user-delete::before,
.hp-block--user-delete::before {
	content: '⚠ منطقة الخطر';
	display: block;
	font-family: 'Cairo', sans-serif;
	font-size: 13px;
	font-weight: 800;
	color: #dc2626;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-bottom: 12px;
}

/* Delete account button — red destructive style */
.hp-form--user-delete .hp-form__button,
.hp-form--user-delete button[type="submit"],
.hp-block--user-delete .hp-btn {
	background: #dc2626 !important;
	border-color: #dc2626 !important;
	color: #fff !important;
	font-weight: 700 !important;
}

.hp-form--user-delete .hp-form__button:hover,
.hp-block--user-delete .hp-btn:hover {
	background: #b91c1c !important;
	border-color: #b91c1c !important;
}

/* Separation line before danger zone */
.hp-form--user-delete,
.hp-block--user-delete {
	position: relative;
}

/* ==========================================================================
   ACCOUNT SETTINGS PAGE — Section grouping & identity summary
   ========================================================================== */

/* Settings page: stronger section separators between HP setting blocks */
.hp-template--user-edit-settings-page .hp-block + .hp-block {
	margin-top: 24px !important;
	padding-top: 20px !important;
	border-top: 1px solid var(--sc-border, #e5e7eb) !important;
}

/* Settings block titles */
.hp-template--user-edit-settings-page .hp-block__title,
.hp-template--user-edit-settings-page .hp-section__title {
	font-family: 'Cairo', sans-serif !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	color: var(--sc-primary-dark, #305c2a) !important;
	margin-bottom: 16px !important;
	padding-bottom: 8px !important;
	border-bottom: 2px solid var(--sc-primary, #cbed44) !important;
}

/* Settings form inside account workspace: more breathing room */
body.sc-account-workspace .hp-template--user-edit-settings-page .hp-form__field {
	margin-bottom: 18px !important;
}

/* ==========================================================================
   PHASE 2 — Account/Profile section-card system + identity summary scaffold
   Safest-first DOM hooks generated in frontend-enhancements.js
   ========================================================================== */

.sc-account-workspace .sc-account-workspace-header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 20px;
	align-items: start;
	padding: 0 0 20px;
	margin: 0 0 24px;
	border-bottom: 1px solid var(--sc-border, #e5e7eb);
}

.sc-account-workspace .sc-account-workspace-header__eyebrow,
.sc-account-status-chip,
.sc-profile-completeness__list strong {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border-radius: 999px;
	background: #eef7ef;
	color: var(--sc-primary-dark, #305c2a);
	font-size: 12px;
	font-weight: 700;
}

.sc-account-workspace .sc-account-workspace-header__title {
	margin: 10px 0 8px;
	font-size: clamp(24px, 2.5vw, 32px);
	line-height: 1.2;
	color: var(--sc-text-dark, #121212);
}

.sc-account-workspace .sc-account-workspace-header__description,
.sc-account-workspace .sc-account-workspace-header__status-note,
.sc-account-workspace .sc-account-section-card__helper,
.sc-account-workspace .sc-section-save-note,
.sc-account-workspace .sc-identity-summary-card__meta {
	margin: 0;
	color: var(--sc-text-muted, #555);
	font-size: 14px;
	line-height: 1.8;
}

.sc-account-workspace .sc-account-workspace-header__status {
	display: grid;
	gap: 10px;
	justify-items: end;
	text-align: right;
}

.sc-account-workspace .sc-identity-summary-card,
.sc-account-workspace .sc-account-section-card {
	background: linear-gradient(180deg, #ffffff 0%, #fcfcfd 100%);
	border: 1px solid var(--sc-border, #e5e7eb);
	border-radius: 20px;
	box-shadow: 0 14px 32px rgba(15, 23, 42, 0.05);
}

.sc-account-workspace .sc-identity-summary-card {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 20px;
	align-items: start;
	padding: 22px;
	margin-bottom: 24px;
}

.sc-account-workspace .sc-identity-summary-card__avatar {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid #eef2f7;
}

.sc-account-workspace .sc-identity-summary-card__avatar--placeholder {
	display: grid;
	place-items: center;
	background: #f3f4f6;
	color: #475569;
	font-size: 28px;
}

.sc-account-workspace .sc-identity-summary-card__body {
	display: grid;
	gap: 18px;
}

.sc-account-workspace .sc-identity-summary-card__kicker {
	display: inline-block;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.04em;
	color: var(--sc-primary-dark, #305c2a);
}

.sc-account-workspace .sc-identity-summary-card__name {
	margin: 6px 0 4px;
	font-size: 22px;
	line-height: 1.25;
}

.sc-account-workspace .sc-profile-completeness {
	display: grid;
	gap: 12px;
}

.sc-account-workspace .sc-profile-completeness__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	font-size: 14px;
}

.sc-account-workspace .sc-profile-completeness__bar {
	height: 10px;
	background: #edf2f7;
	border-radius: 999px;
	overflow: hidden;
}

.sc-account-workspace .sc-profile-completeness__bar > span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--sc-primary, #cbed44), var(--sc-primary-dark, #305c2a));
}

.sc-account-workspace .sc-profile-completeness__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 10px;
}

.sc-account-workspace .sc-profile-completeness__list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 12px;
	border-radius: 14px;
	background: #f8fafc;
	font-size: 14px;
}

.sc-account-workspace .sc-profile-completeness__list li.is-pending strong {
	background: #fff7ed;
	color: #c2410c;
}

.sc-account-workspace .sc-profile-completeness__list li.is-done strong {
	background: #eefbf3;
	color: #166534;
}

.sc-account-workspace .sc-account-section-card {
	padding: 22px;
	margin-bottom: 20px;
}

.sc-account-workspace .sc-account-section-card > .hp-block,
.sc-account-workspace .sc-account-section-card > .hp-form,
.sc-account-workspace .sc-account-section-card > form {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

.sc-account-workspace .sc-account-section-card__header {
	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 16px;
	padding-bottom: 16px;
	margin-bottom: 18px;
	border-bottom: 1px solid #edf2f7;
}

.sc-account-workspace .sc-account-section-card__title {
	margin: 0 0 8px;
	font-size: 18px;
	font-weight: 800;
	color: var(--sc-text-dark, #121212);
}

.sc-account-workspace .sc-account-section-card__status {
	min-width: 120px;
	min-height: 20px;
}

.sc-account-workspace .sc-section-save-note {
	padding: 12px 14px;
	margin: 0 0 16px;
	border-radius: 14px;
	background: #f8fafc;
	border: 1px dashed #dbe3ee;
}

.sc-account-workspace .sc-account-section-card--danger,
.sc-account-workspace .sc-danger-zone-card,
.sc-account-workspace .sc-danger-zone-card .hp-form--user-delete,
.sc-account-workspace .sc-danger-zone-card .hp-block--user-delete {
	background: linear-gradient(180deg, #fff7f7 0%, #fff1f2 100%) !important;
	border-color: #fecaca !important;
}

.sc-account-workspace .sc-account-section-card--danger .sc-account-section-card__title {
	color: #b91c1c;
}

.sc-account-workspace .sc-account-section-card--danger .sc-section-save-note {
	background: #fff5f5;
	border-color: #fbcaca;
	color: #991b1b;
}

.sc-account-workspace .hp-form--user-delete::before,
.sc-account-workspace .hp-block--user-delete::before {
	content: none;
}

@media (max-width: 767px) {
	.sc-account-workspace .sc-account-workspace-header,
	.sc-account-workspace .sc-identity-summary-card,
	.sc-account-workspace .sc-account-section-card__header {
		grid-template-columns: 1fr;
		display: grid;
	}

	.sc-account-workspace .sc-account-workspace-header__status {
		justify-items: start;
		text-align: right;
	}

	.sc-account-workspace .sc-identity-summary-card {
		padding: 18px;
	}

	.sc-account-workspace .sc-profile-completeness__list li {
		align-items: start;
		flex-direction: column;
	}
}

/* Make the vendor/profile avatar area stand out */
.hp-template--user-edit-settings-page .hp-field--file .hp-field__area {
	border: 2px dashed var(--sc-border, #e5e7eb) !important;
	border-radius: var(--sc-radius-lg, 12px) !important;
	padding: 20px !important;
	text-align: center !important;
	background: #f9fafb !important;
	transition: border-color .2s;
}

.hp-template--user-edit-settings-page .hp-field--file .hp-field__area:hover {
	border-color: var(--sc-primary-dark, #305c2a) !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   ACCOUNT / PROFILE WORKSPACE
   Applies to body.sc-account-workspace (all account-related pages)
   ════════════════════════════════════════════════════════════════════════════ */

/* ── Layout: sidebar right, content left (RTL) ─────────────────────────── */
.sc-account-workspace .hp-template--user-account-page,
.sc-account-workspace .hp-template--listings-edit-page,
.sc-account-workspace .hp-template--listings-favorite-page,
.sc-account-workspace .hp-template--messages-thread-page,
.sc-account-workspace .hp-template--messages-view-page,
.sc-account-workspace .hp-template--user-edit-settings-page,
.sc-account-workspace .hp-template--user-edit-profile-page,
.sc-account-workspace .hp-template--vendor-edit-profile-page {
	display: grid;
	grid-template-columns: 1fr 260px;
	gap: var(--sc-space-6, 24px);
	align-items: start;
	max-width: 1080px;
	margin: 32px auto;
	padding: 0 var(--sc-space-4, 16px);
}

.sc-account-workspace .hp-page__sidebar,
.sc-account-workspace .page-sidebar {
	position: sticky;
	top: 88px;
}

@media (max-width: 767px) {
	.sc-account-workspace .hp-template--user-account-page,
	.sc-account-workspace .hp-template--listings-edit-page,
	.sc-account-workspace .hp-template--listings-favorite-page,
	.sc-account-workspace .hp-template--messages-thread-page,
	.sc-account-workspace .hp-template--messages-view-page,
	.sc-account-workspace .hp-template--user-edit-settings-page,
	.sc-account-workspace .hp-template--user-edit-profile-page,
	.sc-account-workspace .hp-template--vendor-edit-profile-page {
		grid-template-columns: 1fr;
		gap: 16px;
		margin: 20px auto;
	}
	.sc-account-workspace .hp-page__sidebar {
		position: static;
		order: 1;
	}
	.sc-account-workspace .hp-page__content,
	.sc-account-workspace .page-content {
		order: 2;
		padding: 20px 16px;
		min-height: 0;
	}
	.sc-seller-workspace-card {
		padding: 14px;
	}
	.sc-seller-workspace-panel-header__title {
		font-size: 22px;
	}
}

/* ── Seller rail card (dashboard-first compact identity module) ────────── */
.sc-seller-workspace-card {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 12px;
	align-items: center;
	background: #fff;
	border: 1px solid var(--sc-border, #e5e7eb);
	border-radius: var(--sc-radius-lg, 12px);
	padding: 16px;
	margin-bottom: 16px;
}

.sc-seller-workspace-card__avatar {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	border: 2px solid #eef2f7;
}

.sc-seller-workspace-card__avatar--placeholder {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #f4f7f3;
	color: var(--sc-primary-dark, #305c2a);
	font-size: 24px;
}

.sc-seller-workspace-card__body {
	min-width: 0;
}

.sc-seller-workspace-card__eyebrow {
	display: inline-flex;
	align-items: center;
	padding: 3px 10px;
	margin-bottom: 6px;
	border-radius: 999px;
	background: #f0f9f0;
	color: var(--sc-primary-dark, #305c2a);
	font-size: 11px;
	font-weight: 700;
}

.sc-seller-workspace-card__name {
	margin: 0;
	font-size: 16px;
	font-weight: 800;
	color: var(--sc-text-dark, #121212);
	line-height: 1.35;
}

.sc-seller-workspace-card__meta {
	margin: 4px 0 0;
	font-size: 12px;
	color: var(--sc-text-muted, #555);
	line-height: 1.55;
}

/* ── Profile Header (avatar card inside sidebar) ───────────────────────── */
.sc-account-profile-header {
	background: #fff;
	border: 1px solid var(--sc-border, #e5e7eb);
	border-radius: var(--sc-radius-lg, 12px);
	padding: 24px 16px 20px;
	text-align: center;
	margin-bottom: var(--sc-space-4, 16px);
}

.sc-account-profile-header__avatar-wrap {
	position: relative;
	display: inline-block;
	margin-bottom: 12px;
}

.sc-account-profile-header__avatar {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	border: 3px solid var(--sc-border, #e5e7eb);
}

.sc-account-profile-header__edit-icon {
	position: absolute;
	bottom: 2px;
	inset-inline-end: 0;
	width: 26px;
	height: 26px;
	background: var(--sc-primary-dark, #305c2a);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-decoration: none;
	transition: background .18s;
}

.sc-account-profile-header__edit-icon:hover {
	background: var(--sc-link, #1f5b2e);
}

.sc-account-profile-header__name {
	font-size: 18px;
	font-weight: 700;
	color: var(--sc-text-dark, #121212);
	display: block;
	line-height: 1.3;
}

.sc-account-profile-header__since {
	font-size: 12px;
	color: var(--sc-text-muted, #555);
	display: block;
	margin-top: 4px;
}

/* ── Account Navigation Menu ────────────────────────────────────────────── */
.sc-account-workspace .hp-menu--user-account {
	background: #fff;
	border: 1px solid var(--sc-border, #e5e7eb);
	border-radius: var(--sc-radius-lg, 12px);
	overflow: hidden;
	padding: 8px 0;
}

.sc-account-workspace .hp-menu--user-account ul,
.sc-account-workspace .hp-menu--user-account .hp-menu__items {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sc-account-workspace .hp-menu--user-account li,
.sc-account-workspace .hp-menu--user-account .hp-menu__item {
	display: block;
}

.sc-account-workspace .hp-menu--user-account a {
	display: flex;
	align-items: center;
	justify-content: flex-start !important; /* override HP's space-between that pushes icon to wrong side */
	gap: 10px;
	padding: 11px 18px;
	font-size: 14px;
	font-weight: 500;
	color: var(--sc-text-dark, #121212);
	text-decoration: none;
	transition: background .15s, color .15s;
	border-radius: 0;
	direction: rtl;
}

.sc-account-workspace .hp-menu--user-account a:hover {
	background: var(--sc-bg-light, #f9f9f9);
	color: var(--sc-primary-dark, #305c2a);
}

/* Active/current menu item */
.sc-account-workspace .hp-menu--user-account a[aria-current="page"],
.sc-account-workspace .hp-menu--user-account .hp-menu__item--active > a,
.sc-account-workspace .hp-menu--user-account .current-menu-item > a {
	background: #f0f9f0;
	color: var(--sc-primary-dark, #305c2a);
	font-weight: 700;
	border-inline-end: 3px solid var(--sc-primary-dark, #305c2a);
}

/* Icon inside menu items (injected by JS) */
.sc-menu-icon {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	color: inherit;
	opacity: .75;
}

/* RTL fix: push icon to far LEFT, keep text on RIGHT (applies to both icon span classes) */
.sc-account-workspace .hp-menu--user-account a .sc-menu-icon,
.sc-account-workspace .hp-menu--user-account a .sc-dash-icon {
	order: 1;                   /* after text in flex order = LEFT in RTL */
	margin-inline-start: auto;  /* fills remaining space, pushes icon to left edge */
	opacity: .75;
}

.sc-account-workspace .hp-menu--user-account a:hover .sc-menu-icon,
.sc-account-workspace .hp-menu--user-account a:hover .sc-dash-icon,
.sc-account-workspace .hp-menu--user-account a[aria-current="page"] .sc-menu-icon,
.sc-account-workspace .hp-menu--user-account a[aria-current="page"] .sc-dash-icon {
	opacity: 1;
}

/* Hide Font Awesome chevron (\f054) added by hivetheme on .widget_nav_menu li::before */
.sc-account-workspace .widget_nav_menu li::before,
.sc-account-workspace .hp-menu--user-account li::before,
.sc-account-workspace .hp-menu--user-account li::after,
.sc-account-workspace .hp-menu--user-account .hp-menu__item > a::before,
.sc-account-workspace .hp-menu--user-account .hp-menu__item > a::after {
	display: none !important;
	content: none !important;
}

/* Logout item — red tint */
.sc-account-workspace .hp-menu--user-account a[href*="logout"],
.sc-account-workspace .hp-menu--user-account a[href*="sign-out"] {
	color: var(--sc-danger, #ef4444);
	margin-top: 4px;
	border-top: 1px solid var(--sc-border, #e5e7eb);
}

.sc-account-workspace .hp-menu--user-account a[href*="logout"]:hover,
.sc-account-workspace .hp-menu--user-account a[href*="sign-out"]:hover {
	background: #fff5f5;
	color: #dc2626;
}

/* ── Workspace content header ───────────────────────────────────────────── */
.sc-seller-workspace-panel-header {
	padding: 0 0 18px;
	margin-bottom: 22px;
	border-bottom: 1px solid var(--sc-border, #e5e7eb);
}

.sc-seller-workspace-panel-header__eyebrow {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 999px;
	background: #f4f7f3;
	color: var(--sc-primary-dark, #305c2a);
	font-size: 11px;
	font-weight: 700;
	margin-bottom: 8px;
}

.sc-seller-workspace-panel-header__title {
	margin: 0;
	font-size: 26px;
	font-weight: 800;
	color: var(--sc-text-dark, #121212);
	line-height: 1.25;
}

.sc-seller-workspace-panel-header__description {
	margin: 8px 0 0;
	font-size: 14px;
	color: var(--sc-text-muted, #555);
	line-height: 1.7;
	max-width: 60ch;
}

/* ── Main content card wrapper ──────────────────────────────────────────── */
.sc-account-workspace .hp-page__content,
.sc-account-workspace .page-content {
	background: #fff;
	border: 1px solid var(--sc-border, #e5e7eb);
	border-radius: var(--sc-radius-lg, 12px);
	padding: 28px 24px;
	min-height: 400px;
}

/* Page title */
.sc-account-workspace .hp-page__title,
.sc-account-workspace .hp-template__title {
	font-size: 20px;
	font-weight: 700;
	color: var(--sc-text-dark, #121212);
	margin: 0 0 20px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--sc-border, #e5e7eb);
}

/* ── Listing Status Tabs (My Listings filter bar) ───────────────────────── */
.sc-account-workspace .hp-statuses,
.sc-account-workspace .hp-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-bottom: 20px;
	border-bottom: 2px solid var(--sc-border, #e5e7eb);
	padding-bottom: 0;
}

.sc-account-workspace .hp-statuses a,
.sc-account-workspace .hp-statuses span,
.sc-account-workspace .hp-filters a,
.sc-account-workspace .hp-filters span {
	display: inline-block;
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 500;
	color: var(--sc-text-muted, #555);
	text-decoration: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -2px;
	transition: color .15s, border-color .15s;
	white-space: nowrap;
}

.sc-account-workspace .hp-statuses a:hover,
.sc-account-workspace .hp-filters a:hover {
	color: var(--sc-primary-dark, #305c2a);
}

.sc-account-workspace .hp-statuses a[aria-current="page"],
.sc-account-workspace .hp-statuses .is-active,
.sc-account-workspace .hp-filters a[aria-current="page"],
.sc-account-workspace .hp-filters .is-active {
	color: var(--sc-primary-dark, #305c2a);
	font-weight: 700;
	border-bottom-color: var(--sc-primary-dark, #305c2a);
}

/* ── Manage Listing Card (hp_listing manage block) ──────────────────────── */
.sc-account-workspace .hp-listing--manage-block {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 0;
	align-items: start;
	background: #fff;
	border: 1px solid var(--sc-border, #e5e7eb);
	border-radius: var(--sc-radius, 8px);
	padding: 16px;
	margin-bottom: 12px;
	transition: box-shadow .2s;
	direction: rtl;
}

.sc-account-workspace .hp-listing--manage-block:hover {
	box-shadow: var(--sc-shadow-2, 0 2px 12px rgba(0,0,0,.08));
}

/* Image (shows on right in RTL via grid) */
.sc-account-workspace .hp-listing--manage-block .hp-listing__image {
	grid-column: 2;
	grid-row: 1 / 4;
	width: 80px;
	height: 80px;
	margin-inline-start: 16px;
	flex-shrink: 0;
}

.sc-account-workspace .hp-listing--manage-block .hp-listing__image img {
	width: 80px;
	height: 80px;
	object-fit: cover;
	border-radius: var(--sc-radius, 8px);
	display: block;
}

/* Title */
.sc-account-workspace .hp-listing--manage-block .hp-listing__title {
	font-size: 15px;
	font-weight: 700;
	color: var(--sc-text-dark, #121212);
	margin: 0 0 4px;
	line-height: 1.4;
}

.sc-account-workspace .hp-listing--manage-block .hp-listing__title a {
	color: inherit;
	text-decoration: none;
}

.sc-account-workspace .hp-listing--manage-block .hp-listing__title a:hover {
	color: var(--sc-link, #1f5b2e);
}

/* Category + Date meta */
.sc-account-workspace .hp-listing--manage-block .hp-listing__category,
.sc-account-workspace .hp-listing--manage-block .hp-listing__details {
	font-size: 12px;
	color: var(--sc-text-muted, #555);
	margin: 0 0 10px;
}

/* Status badge row */
.sc-account-workspace .hp-listing--manage-block .hp-listing__statuses {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 10px;
}

.sc-account-workspace .hp-listing--manage-block .hp-listing__status {
	display: inline-flex;
	align-items: center;
	padding: 3px 10px;
	font-size: 12px;
	font-weight: 600;
	border-radius: var(--sc-radius-full, 9999px);
	background: #fef9c3;
	color: #854d0e;
	border: 1px solid #fde68a;
}

.sc-account-workspace .hp-listing--manage-block .hp-listing__status--publish {
	background: #dcfce7;
	color: #166534;
	border-color: #bbf7d0;
}

.sc-account-workspace .hp-listing--manage-block .hp-listing__status--pending {
	background: #fef9c3;
	color: #854d0e;
	border-color: #fde68a;
}

.sc-account-workspace .hp-listing--manage-block .hp-listing__status--draft {
	background: #f3f4f6;
	color: #6b7280;
	border-color: #e5e7eb;
}

.sc-account-workspace .hp-listing--manage-block .hp-listing__status--trash {
	background: #fee2e2;
	color: #991b1b;
	border-color: #fecaca;
}

/* Action buttons (edit / delete / pause) */
.sc-account-workspace .hp-listing--manage-block .hp-listing__actions {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 4px;
}

.sc-account-workspace .hp-listing--manage-block .hp-listing__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: var(--sc-radius, 8px);
	border: 1px solid var(--sc-border, #e5e7eb);
	background: #fff;
	color: var(--sc-text-muted, #555);
	text-decoration: none;
	transition: background .15s, border-color .15s, color .15s;
	cursor: pointer;
	font-size: 0;
}

.sc-account-workspace .hp-listing--manage-block .hp-listing__action:hover {
	background: var(--sc-bg-light, #f9f9f9);
	border-color: #d1d5db;
	color: var(--sc-text-dark, #121212);
}

/* Destructive (delete) */
.sc-account-workspace .hp-listing--manage-block .hp-listing__action--delete:hover,
.sc-account-workspace .hp-listing--manage-block .hp-listing__action[data-hp-action="delete"]:hover {
	background: #fee2e2;
	border-color: #fca5a5;
	color: var(--sc-danger, #ef4444);
}

/* Stats row (views, favorites) */
.sc-account-workspace .hp-listing--manage-block .hp-listing__stats,
.sc-account-workspace .hp-listing--manage-block .hp-listing__meta {
	display: flex;
	align-items: center;
	gap: 14px;
	font-size: 12px;
	color: var(--sc-text-muted, #555);
	margin-top: 8px;
}

.sc-account-workspace .hp-listing--manage-block .hp-listing__stats svg,
.sc-account-workspace .hp-listing--manage-block .hp-listing__meta svg {
	flex-shrink: 0;
	opacity: .6;
}

/* ── Listing Meta Bar (views + date + category) ─────────────────────────── */
.sc-listing-meta-bar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px 12px;
	font-size: 0.82rem;
	color: var(--sc-text-muted, #555);
	margin-bottom: 12px;
	direction: rtl;
}
.sc-listing-meta-bar__item {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
.sc-listing-meta-bar__item svg {
	flex-shrink: 0;
	opacity: 0.6;
}
.sc-listing-meta-bar__sep {
	color: #d1d5db;
	font-size: 1rem;
}
.sc-listing-meta-bar__cat {
	display: inline-flex;
	align-items: center;
	background: #f0fdf4;
	color: var(--sc-primary-dark, #305c2a);
	font-weight: 600;
	font-size: 0.8rem;
	padding: 2px 10px;
	border-radius: var(--sc-radius-full, 9999px);
	border: 1px solid #bbf7d0;
	text-decoration: none;
	transition: background 0.15s;
}
.sc-listing-meta-bar__cat:hover {
	background: #dcfce7;
	text-decoration: none;
}

/* ── Description Section Styling ─────────────────────────────────────────── */
.hp-listing__description {
	background: #fff;
	border: 1px solid var(--sc-border, #e5e7eb);
	border-radius: var(--sc-radius-lg, 12px);
	padding: 20px 24px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.hp-listing__description::before {
	content: 'وصف الإعلان';
	display: block;
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--sc-primary-dark, #305c2a);
	margin-bottom: 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--sc-border, #e5e7eb);
}
.hp-listing__description p {
	color: #374151;
	line-height: 1.8;
	font-size: 0.95rem;
	margin-bottom: 8px;
}
.hp-listing__description p:last-child {
	margin-bottom: 0;
}

/* ── Vendor Trust Badge ─────────────────────────────────────────────────── */
.sc-vendor-trust-badge {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	padding: .28rem .6rem;
	border-radius: var(--sc-radius-full, 9999px);
	background: #ecfeff;
	border: 1px solid #bae6fd;
	color: #0f172a;
	font-size: .77rem;
	font-weight: 700;
	margin-top: .45rem;
}

/* ==========================================================================
   PROFILE PAGE REDESIGN — Listings Edit Page (My Listings)
   Matches screenshot: card-style rows, thumbnail, status tabs, sidebar.
   ========================================================================== */

/* ── Status Filter Tabs ─────────────────────────────────────────────────── */
.sc-listing-status-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-bottom: 20px;
	border-bottom: 2px solid var(--sc-border, #e5e7eb);
	padding-bottom: 0;
	direction: rtl;
}

.sc-listing-status-tab {
	display: inline-block;
	padding: 8px 16px;
	font-family: 'Cairo', sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: var(--sc-text-muted, #555);
	text-decoration: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -2px;
	transition: color .15s, border-color .15s;
	white-space: nowrap;
	cursor: pointer;
}

.sc-listing-status-tab:hover {
	color: var(--sc-primary-dark, #305c2a);
	text-decoration: none;
}

.sc-listing-status-tab.is-active {
	color: var(--sc-primary-dark, #305c2a);
	font-weight: 700;
	border-bottom-color: var(--sc-primary-dark, #305c2a);
}

/* ── Listing Edit Card Layout ───────────────────────────────────────────── */

/* Remove table formatting; each <tbody> becomes a flex column of cards */
table.hp-listings {
	display: block !important;
	width: 100% !important;
	border: none !important;
}

table.hp-listings thead {
	display: none !important;
}

table.hp-listings tbody {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	width: 100% !important;
}

/* Each <tr> → white card with CSS Grid */
table.hp-listings .hp-listing--edit-block {
	display: grid !important;
	grid-template-columns: 85px 1fr max-content !important;
	grid-template-rows: auto auto 1fr auto !important;
	grid-template-areas:
		"img title   title"
		"img categ   categ"
		"img date    date"
		"img status actions" !important;
	gap: 4px 16px !important;
	align-items: center !important;
	background: #fff !important;
	border-radius: 12px !important;
	border: 1px solid var(--sc-border, #e5e7eb) !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .04) !important;
	padding: 16px !important;
	direction: rtl !important;
	position: relative !important;
	transition: transform 0.2s, box-shadow 0.2s !important;
}

table.hp-listings .hp-listing--edit-block:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, .08) !important;
	transform: translateY(-2px);
}

/* Make entire card clickable via the title link */
table.hp-listings .hp-listing--edit-block .hp-listing__title a::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 1;
}

/* Ensure action buttons remain clickable on top of the card link */
table.hp-listings .hp-listing--edit-block .hp-listing__actions {
	position: relative !important;
	z-index: 2 !important;
}

/* Override table-cell */
table.hp-listings .hp-listing--edit-block > td {
	display: block !important;
	padding: 0 !important;
	border: none !important;
}

/* Image */
table.hp-listings .hp-listing--edit-block .hp-listing__image,
table.hp-listings .hp-listing--edit-block .sc-edit-thumb-cell {
	grid-area: img !important;
	align-self: start !important;
}

.sc-edit-thumb {
	width: 85px !important;
	height: 85px !important;
	object-fit: cover !important;
	border-radius: 8px !important;
	display: block !important;
}

.sc-edit-thumb--empty {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 85px !important;
	height: 85px !important;
	background: #f1f5f9 !important;
	border-radius: 8px !important;
	flex-shrink: 0 !important;
}

/* Title */
table.hp-listings .hp-listing--edit-block .hp-listing__title {
	grid-area: title !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	color: var(--sc-text-dark, #121212) !important;
	margin-bottom: 2px !important;
	position: static !important;
}

table.hp-listings .hp-listing--edit-block .hp-listing__title a {
	color: inherit !important;
	text-decoration: none !important;
	position: static !important;
}

table.hp-listings .hp-listing--edit-block .hp-listing__title a:hover {
	color: var(--sc-primary-dark, #305c2a) !important;
}

/* Hide FontAwesome edit icon inside title link */
table.hp-listings .hp-listing--edit-block .hp-listing__title .hp-icon {
	display: none !important;
}

/* Categories */
table.hp-listings .hp-listing--edit-block .hp-listing__categories {
	grid-area: categ !important;
	font-size: 13px !important;
	color: var(--sc-text-muted, #6b7280) !important;
}

/* Date */
table.hp-listings .hp-listing--edit-block .hp-listing__created-date,
table.hp-listings .hp-listing--edit-block .hp-listing__date {
	grid-area: date !important;
	font-size: 12px !important;
	color: #9ca3af !important;
}

/* Status badge */
table.hp-listings .hp-listing--edit-block .hp-listing__status {
	grid-area: status !important;
	justify-self: end !important; /* Move left in RTL, to be adjacent to actions */
	align-self: end !important;
}

/* Actions */
table.hp-listings .hp-listing--edit-block .hp-listing__actions,
table.hp-listings .hp-listing--edit-block .hp-listing__actions--primary {
	grid-area: actions !important;
	display: flex !important;
	gap: 8px !important;
	align-self: end !important;
	flex-wrap: nowrap !important;
}

/* Individual action buttons as icon-only squares */
table.hp-listings .hp-listing--edit-block .hp-listing__action {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 36px !important;
	height: 36px !important;
	border-radius: 8px !important;
	border: none !important;
	background: #e2e8f0 !important;
	color: #1e293b !important;
	text-decoration: none !important;
	font-size: 15px !important;
	transition: all .2s ease !important;
}

/* Hide non-essential actions like favorites/views to match mockup perfectly */
table.hp-listings .hp-listing--edit-block .hp-listing__action:not(.hp-listing__action--edit):not(.hp-listing__action--delete):not(.hp-listing__action--pause) {
	display: none !important;
}

/* Hide action labels */
table.hp-listings .hp-listing--edit-block .hp-listing__action span {
	display: none !important;
}

table.hp-listings .hp-listing--edit-block .hp-listing__action:hover {
	background: #f3f4f6 !important;
	color: #111827 !important;
	border-color: #d1d5db !important;
}

table.hp-listings .hp-listing--edit-block .hp-listing__action--delete:hover {
	background: #fef2f2 !important;
	color: var(--sc-danger, #ef4444) !important;
	border-color: #fca5a5 !important;
}

/* ── Profile Sidebar — Unified card appearance ──────────────────────────── */

/* Merge profile card + nav menu into one visual card */
body.sc-account-workspace .sc-account-profile-header {
	border-bottom: none !important;
	border-radius: var(--sc-radius-lg, 12px) var(--sc-radius-lg, 12px) 0 0 !important;
	margin-bottom: 0 !important;
	padding-bottom: 16px !important;
}

body.sc-account-workspace .hp-widget--user-account,
body.sc-account-workspace .hp-block--user-account-menu {
	border-top: none !important;
	border-radius: 0 0 var(--sc-radius-lg, 12px) var(--sc-radius-lg, 12px) !important;
	margin-top: 0 !important;
}

body.sc-account-workspace .hp-menu--user-account {
	border: 1px solid var(--sc-border, #e5e7eb) !important;
	border-top: none !important;
	border-radius: 0 0 var(--sc-radius-lg, 12px) var(--sc-radius-lg, 12px) !important;
	margin-top: 0 !important;
}

/* Divider line between profile card and nav */
body.sc-account-workspace .sc-account-profile-header::after {
	content: '';
	display: block;
	height: 1px;
	background: var(--sc-border, #e5e7eb);
	margin: 16px -16px 0;
}

/* ── Mobile: stack listing cards ────────────────────────────────────────── */
@media (max-width: 767px) {
	table.hp-listings .hp-listing--edit-block {
		grid-template-columns: 80px 1fr !important;
		grid-template-rows: auto auto auto auto !important;
		grid-template-areas:
			"img title"
			"img categ"
			"img date"
			"status actions" !important;
		padding: 12px !important;
		gap: 6px !important;
	}
	table.hp-listings .hp-listing--edit-block .hp-listing__status {
		justify-self: start !important;
		margin-top: 8px !important;
	}
	table.hp-listings .hp-listing--edit-block .hp-listing__actions {
		justify-self: end !important;
		margin-top: 8px !important;
	}

	.sc-edit-thumb,
	.sc-edit-thumb--empty {
		width: 60px !important;
		height: 60px !important;
	}

	.sc-listing-status-tabs {
		overflow-x: auto;
		flex-wrap: nowrap;
		padding-bottom: 2px;
	}
}

/* ==========================================================================
   Listing Submit / Update Form – Checkbox duplicate label fix
   HivePress renders: outer <label class="hp-field__label hp-form__label">
   AND an inner checkbox <label> — both show the same text. Hide the outer one.
   Selectors use [class*=] to cover all listing form variants/steps.
   ========================================================================== */

/* Outer label has no [for] attribute — only the inner checkbox label does */
[class*="hp-form--listing"] .hp-form__field--checkbox > label.hp-field__label:not([for]),
[class*="hp-form--listing"] .hp-form__field--checkbox > label.hp-form__label:not([for]) {
	display: none !important;
}

/* CSS fallback: hide price-type field entirely if PHP filter didn't catch it */
[class*="hp-form--listing"] .hp-form__field--price-type,
[class*="hp-form--listing"] [class*="field--price-type"] {
	display: none !important;
}



/* Phase 2 continuation — semantic form sections + per-section save states */
.sc-account-workspace .sc-account-section-card--compound {
	border-color: #dbe3ee;
}

.sc-account-workspace .sc-account-form-sections {
	display: grid;
	gap: 18px;
	margin-bottom: 18px;
}

.sc-account-workspace .sc-account-form-section {
	padding: 18px;
	border: 1px solid #e6edf5;
	border-radius: 18px;
	background: #fbfdff;
}

.sc-account-workspace .sc-account-form-section + .sc-account-form-section {
	margin-top: 0;
}

.sc-account-workspace .sc-account-form-section--login_security {
	background: linear-gradient(180deg, #fffdfa 0%, #fff7ed 100%);
	border-color: #fed7aa;
}

.sc-account-workspace .sc-account-form-section__header {
	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 14px;
	padding-bottom: 12px;
	margin-bottom: 14px;
	border-bottom: 1px solid #edf2f7;
}

.sc-account-workspace .sc-account-form-section__title {
	margin: 0 0 6px;
	font-size: 16px;
	font-weight: 800;
	color: var(--sc-text-dark, #121212);
}

.sc-account-workspace .sc-account-form-section__helper,
.sc-account-workspace .sc-account-form-section__save-note {
	margin: 0;
	font-size: 13px;
	line-height: 1.8;
	color: var(--sc-text-muted, #555);
}

.sc-account-workspace .sc-account-form-section__fields {
	display: grid;
	gap: 2px;
}

.sc-account-workspace .sc-account-form-section__status,
.sc-account-workspace .sc-field-visibility-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

.sc-account-workspace .sc-account-form-section__status--idle {
	background: #eef2f7;
	color: #475569;
}
.sc-account-workspace .sc-account-form-section__status--dirty {
	background: #fff7ed;
	color: #c2410c;
}
.sc-account-workspace .sc-account-form-section__status--saving {
	background: #eff6ff;
	color: #1d4ed8;
}
.sc-account-workspace .sc-account-form-section__status--saved {
	background: #eefbf3;
	color: #166534;
}
.sc-account-workspace .sc-account-form-section__status--error {
	background: #fff1f2;
	color: #be123c;
}

.sc-account-workspace .sc-field-visibility-chip {
	margin-inline-start: 10px;
	vertical-align: middle;
}
.sc-account-workspace .sc-field-visibility-chip--public {
	background: #eefbf3;
	color: #166534;
}
.sc-account-workspace .sc-field-visibility-chip--private {
	background: #f1f5f9;
	color: #334155;
}
.sc-account-workspace .sc-field-visibility-chip--login-only {
	background: #fff7ed;
	color: #9a3412;
}

.sc-account-workspace .sc-account-form-section__save-note {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px dashed #dbe3ee;
}

@media (max-width: 767px) {
	.sc-account-workspace .sc-account-form-section__header {
		display: grid;
		grid-template-columns: 1fr;
	}
}