:root {
	--cp-accent: #00a651;       
	--cp-accent-dark: #00873f;
	--cp-card-radius: 1rem;
	--cp-border: #e9ecef;
}

.cat-name-figure {
	display: none !important;
}

.listing-meta-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .6rem;
	margin-top: .35rem;
	font-size: .78rem;
	color: #6c757d;
	min-height: 1.4em;
	overflow: visible;
}

.listing-meta-city,
.listing-meta-time,
.listing-meta-comments,
.listing-meta-author {
	white-space: nowrap;
	overflow: visible;
}

.listing-meta-row i {
	font-size: 1.05em;
	vertical-align: -0.05em;
}

.listing-meta-city {
	font-weight: 600;
}

.listing-meta-time i {
	margin-inline-end: .2rem;
}

.listing-meta-author {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	color: #6c757d;
	text-decoration: none;
}

.listing-meta-author:hover {
	color: var(--cp-accent-dark);
	text-decoration: underline;
}

[dir="rtl"] .listing-meta-row {
	justify-content: flex-end;
}

.listing-author-avatar {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}

.listing-card-footer {
	margin-top: auto;
}

.cp-listings .card {
	border: 1px solid var(--cp-border) !important;
	border-radius: var(--cp-card-radius) !important;
	overflow: hidden;
	transition: box-shadow .15s ease, transform .15s ease;
	background: #fff;
}

.cp-listings .card:hover {
	box-shadow: 0 .5rem 1.25rem rgba(0,0,0,.08);
	transform: translateY(-2px);
}

.cp-listings .card.featured {
	border-color: #ffc107 !important;
}

.cp-listings .card-img-container {
	position: relative;
}

.cp-listings .card-img-container .a-img-wrap {
	display: block;
	width: 100%;
	height: 190px;
	overflow: hidden;
	border-radius: 0 !important;
}

.cp-listings .card-img-container img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	border-radius: 0 !important;
	
	max-width: none !important;
	margin: 0 !important;
	transform: none !important;
}

.cp-listings .cat-name-figure {
	position: absolute;
	bottom: .5rem;
	inset-inline-start: .5rem;
	background: rgba(0,0,0,.55);
	color: #fff;
	font-size: .72rem;
	padding: .2rem .6rem !important;
}

.cp-listings .card-fav-btn {
	position: absolute;
	top: .5rem;
	inset-inline-end: .5rem;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(255,255,255,.9);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
	font-size: 1rem;
	color: #6c757d;
	transition: color .15s ease;
}

.cp-listings .card-fav-btn:hover {
	color: #dc3545;
}

.cp-fav-active {
	color: #dc3545 !important;
}

.cp-listings h5 {
	font-size: 1rem;
	font-weight: 700;
	color: #212529;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.cp-listings .latest-listings-address {
	color: #6c757d;
}

.cp-listings .listing-short-desc {
	font-size: .85rem;
	color: #6c757d;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.cp-listings .listing-price-badge {
	font-weight: 800;
	font-size: 1.05rem;
	color: var(--cp-accent-dark);
}

.cp-listings.view-list .listing-short-desc {
	display: -webkit-box;
}

[dir="rtl"] .cp-listings h5,
[dir="rtl"] .cp-listings .latest-listings-address,
[dir="rtl"] .cp-listings .listing-short-desc,
[dir="rtl"] .cp-listings .listing-price-badge,
[dir="rtl"] .cp-listings .custom-field,
[dir="rtl"] .cp-listings .listing-card-footer {
	text-align: right;
}

.cp-listings.view-grid .card-body {
	padding: .75rem !important;
}

.cp-listings.view-list .list-item {
	flex: 0 0 100% !important;
	max-width: 100% !important;
}

.cp-listings.view-list .card {
	flex-direction: row !important;
	align-items: stretch;
	height: 150px;
}

.cp-listings.view-list .card-img-container {
	flex: 0 0 200px;
	max-width: 200px;
	height: 150px;
}

.cp-listings.view-list .card-img-container .a-img-wrap {
	height: 150px;
	min-height: 150px;
}

.cp-listings.view-list .card-body {
	flex: 1 1 auto;
	padding: 1rem !important;
	min-width: 0;
	overflow: hidden;
}

.cp-listings.view-list .listing-card-footer {
	
	margin-top: auto !important;
	padding-bottom: .35rem;
}

.cp-listings.view-list h5 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

@media (max-width: 576px) {
	.cp-listings.view-list .card {
		height: 110px;
	}

	.cp-listings.view-list .card-img-container {
		flex: 0 0 110px;
		max-width: 110px;
		height: 110px;
	}

	.cp-listings.view-list .card-img-container .a-img-wrap {
		height: 110px;
		min-height: 110px;
	}

	.cp-listings.view-list .card-body {
		padding: .6rem !important;
		overflow: hidden;
	}

	.cp-listings.view-list h5 {
		font-size: .9rem;
	}
}

.description {
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
	white-space: normal;
}

.cp-listing-actions .btn {
	border-radius: .5rem !important;
	padding: .45rem .75rem;
	font-size: .85rem;
}

.cp-listing-actions .btn-dark {
	background-color: #3d74c4 !important;
	border-color: #3d74c4 !important;
}

.cp-listing-actions .btn-outline-dark {
	color: #3d74c4 !important;
	border-color: #3d74c4 !important;
}

.cp-listing-actions .btn-outline-dark:hover {
	background-color: #3d74c4 !important;
	color: #fff !important;
}

.social [class*="lab la-"],
.social [class*="lar la-"] {
	background-color: #3d74c4 !important;
	width: 38px;
	height: 38px;
	line-height: 38px;
	font-size: 18px;
}

.listing-title {
	font-size: 1.6rem;
	font-weight: 800;
	text-align: right;
}

#gallery,
#gallery .splide__slide,
#gallery .splide__track,
#gallery .splide__list {
	text-align: center;
}

#primary-slider .splide__slide img,
#secondary-slider .splide__slide img {
	margin-left: auto;
	margin-right: auto;
}

.comment-row {
	position: relative;
}

.comment-number {
	display: block;
	font-size: .7rem;
	color: #adb5bd;
	text-align: center;
	margin-bottom: .25rem;
}

.comment-row.comment-seller-reply {
	background: #f1f3f5;
	border-inline-start: 3px solid #adb5bd;
	border-radius: .5rem;
	padding: .75rem .5rem;
	margin-inline-start: -0.5rem;
	margin-inline-end: -0.5rem;
}

.seller-reply-badge {
	display: inline-flex;
	align-items: center;
	gap: .25rem;
	background: #e9ecef;
	color: #495057;
	font-size: .7rem;
	font-weight: 700;
	padding: .1rem .5rem;
	border-radius: 999px;
	margin-inline-start: .4rem;
}

.item-rating,
.review-rating,
#rating-input-group {
	display: none !important;
}

#show-more-btn, #home-show-more-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-width: 160px;
	border-radius: 999px;
	border-width: 1px;
	font-weight: 600;
	font-size: .85rem;
	padding: .4rem 1.25rem;
	transition: background .15s ease, color .15s ease;
}

#show-more-btn:hover, #home-show-more-btn:hover {
	background-color: #212529;
	border-color: #212529;
	color: #fff;
}

.cp-featured-scroll {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x proximity;
	gap: 1rem;
	padding-bottom: .75rem;
}

.cp-featured-scroll::-webkit-scrollbar {
	height: 6px;
}

.cp-featured-scroll::-webkit-scrollbar-thumb {
	background: #dee2e6;
	border-radius: 999px;
}

.cp-featured-scroll-item {
	flex: 0 0 auto;
	scroll-snap-align: start;
	width: 180px;
}

@media (max-width: 576px) {
	.cp-featured-scroll-item {
		width: 120px;
	}
}

.cp-featured-card {
	border: 1px solid #dee2e6 !important;
	border-radius: var(--cp-card-radius) !important;
	overflow: hidden;
}

.cp-featured-card .card-img-container .a-img-wrap {
	height: 130px;
}

.cp-featured-card h5 {
	font-size: .9rem;
	line-height: 1.3;
	margin-bottom: .25rem !important;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.cp-featured-card .latest-listings-address {
	display: none !important;
	font-size: .75rem !important;
	margin-bottom: 0 !important;
}

.cp-featured-card .listing-card-footer {
	margin-top: .35rem !important;
}

.cp-featured-card .listing-price-badge {
	font-size: .9rem;
}

.cp-featured-card .card-body {
	padding: .75rem !important;
}

.cp-featured-ribbon {
	position: absolute;
	top: .5rem;
	inset-inline-start: .5rem;
	background: rgba(108,117,125,.85);
	color: #fff;
	font-size: .68rem;
	font-weight: 700;
	padding: .15rem .55rem;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	gap: .25rem;
}

.cp-home-listings.view-list > div {
	flex: 0 0 100%;
	max-width: 100%;
}

.cp-home-listings.view-list .card {
	flex-direction: row !important;
	align-items: stretch;
	height: 150px;
}

.cp-home-listings.view-list .card-img-container {
	flex: 0 0 200px;
	max-width: 200px;
	height: 150px;
	margin-bottom: 0 !important;
}

.cp-home-listings.view-list .card-img-container .a-img-wrap {
	height: 150px;
	min-height: 150px;
}

.cp-home-listings.view-list .card-body {
	flex: 1 1 auto;
	padding: 1rem !important;
	min-width: 0;
	overflow: hidden;
}

.cp-home-listings.view-list .listing-short-desc {
	display: -webkit-box;
}

.cp-home-listings.view-list h5 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.cp-home-listings.view-grid > div {
	flex: 0 0 25%;
	max-width: 25%;
}

@media (max-width: 991px) {
	.cp-home-listings.view-grid > div {
		flex: 0 0 33.333%;
		max-width: 33.333%;
	}
}

@media (max-width: 767px) {
	.cp-home-listings.view-grid > div {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (max-width: 576px) {
	.cp-home-listings.view-list .card {
		height: 110px;
	}

	.cp-home-listings.view-list .card-img-container {
		flex: 0 0 110px;
		max-width: 110px;
		height: 110px;
	}

	.cp-home-listings.view-list .card-img-container .a-img-wrap {
		height: 110px;
		min-height: 110px;
	}

	.cp-home-listings.view-list .card-body {
		padding: .6rem !important;
		overflow: hidden;
	}

	.cp-home-listings.view-list h5 {
		font-size: .9rem;
	}
}

.view-toggle-group .btn.active {
	background-color: var(--cp-accent);
	border-color: var(--cp-accent);
	color: #fff;
}

.cp-footer-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-bottom: 1.5rem;
}

.cp-footer-badge img {
	height: 40px;
	width: auto;
}

.cp-footer-banners {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-bottom: 1.5rem;
}

.cp-footer-banner img {
	width: 100%;
	max-width: 100%;
	border-radius: .5rem;
}

.cp-footer-social {
	display: flex;
	gap: .6rem;
	margin-top: 1.5rem;
}

.cp-footer-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #343a40;
	color: #fff;
}

.cp-footer-social a:hover {
	background: var(--cp-accent);
	color: #fff;
}

.cp-mobile-bottom-nav {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99999;
	pointer-events: auto;
	display: flex;
	align-items: center;
	justify-content: space-around;
	background: #212529;
	padding: .4rem 0 .3rem;
	box-shadow: 0 -2px 8px rgba(0,0,0,.15);
}

.cp-mobile-nav-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .15rem;
	color: #adb5bd;
	text-decoration: none;
	font-size: .65rem;
	flex: 1;
}

.cp-mobile-nav-item i {
	font-size: 1.2rem;
}

.cp-mobile-nav-icon-wrap {
	position: relative;
	display: inline-block;
	line-height: 1;
}

.cp-mobile-nav-item:hover,
.cp-mobile-nav-item.active {
	color: #fff;
	text-decoration: none;
}

.cp-mobile-nav-item-cta {
	background: var(--cp-accent);
	color: #fff;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 46px;
	margin: -18px .5rem 0;
	box-shadow: 0 2px 8px rgba(0,0,0,.3);
}

.cp-mobile-nav-item-cta i {
	font-size: 1.4rem;
}

@media (max-width: 767px) {
	body {
		padding-bottom: 60px;
	}
}

.cp-footer {
	background-color: #F2F4FA;
}

.cp-footer footer {
	border-top: none !important;
}

[dir="rtl"] .cp-footer h5,
[dir="rtl"] .cp-footer ul,
[dir="rtl"] .cp-footer li,
[dir="rtl"] .cp-footer small {
	text-align: right;
}

[dir="rtl"] .cp-footer ul {
	padding-right: 0;
	padding-left: 0;
	margin-right: 0;
}

.cp-footer h5 {
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 1rem;
}

.cp-footer ul li {
	margin-bottom: .5rem;
}

.cp-footer ul li a {
	color: #495057;
}

.cp-footer ul li a:hover {
	color: var(--cp-accent);
}

.cp-hero-search-form {
	max-width: 480px;
	margin: 0 auto 1rem;
}

.cp-hero-search-form .input-group {
	height: 40px;
}

.cp-hero-search-form .form-control,
.cp-hero-search-form .input-group-text,
.cp-hero-search-form .btn {
	height: 40px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	line-height: 38px !important;
	font-size: .85rem !important;
	box-sizing: border-box;
}

.cp-hero-search-form .input-group-text {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
}

.cp-hero-toolbar {
	position: relative;
	display: flex;
	justify-content: center;
	gap: .75rem;
	margin-top: 1rem;
}

.cp-hero-toolbar .btn {
	border-radius: .5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .35rem;
	line-height: 1;
}

.cp-hero-toolbar .btn i {
	line-height: 1;
	display: inline-flex;
	align-items: center;
}

.cp-region-panel {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	margin-top: .5rem;
	width: 300px;
	max-height: 380px;
	overflow-y: auto;
	background: #fff;
	color: #212529;
	border-radius: .6rem;
	box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.25);
	padding: .75rem;
	text-align: right;
	z-index: 50;
}

.cp-region-search {
	margin-bottom: .5rem;
}

.cp-region-header {
	border-bottom: 1px solid #e9ecef;
	padding-bottom: .5rem;
	margin-bottom: .5rem;
	text-align: center;
}

.cp-region-header a {
	font-weight: 700;
	color: var(--cp-accent);
}

.cp-region-country-row {
	margin-bottom: .5rem;
}

.cp-region-country-label {
	display: flex;
	align-items: center;
	gap: .5rem;
	font-weight: 700;
	margin-bottom: .3rem;
	cursor: pointer;
}

.cp-region-city-list {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
	padding-inline-start: 1.5rem;
	margin-bottom: .3rem;
}

.cp-region-city-item {
	padding: .2rem .6rem;
	border-radius: 999px;
	background: #f1f3f5;
	color: #495057;
	text-decoration: none;
	font-size: .78rem;
	white-space: nowrap;
}

.cp-region-city-item:hover {
	background: var(--cp-accent);
	color: #fff;
	text-decoration: none;
}

.cp-region-loading {
	font-size: .78rem;
	color: #adb5bd;
}

@media (max-width: 767px) {
	.cp-hero-search-form {
		max-width: 100%;
	}

	.cp-region-panel {
		width: 92vw;
	}
}

.icon-saudi_riyal_new {
	font-size: 1.15em;
	vertical-align: -0.05em;
}

.cp-upload-dropzone {
	display: block;
	width: 100%;
	border: 2px dashed #ced4da;
	border-radius: .6rem;
	padding: 2rem 1rem;
	text-align: center;
	cursor: pointer;
	color: #6c757d;
	transition: border-color .15s ease, background .15s ease;
}

.cp-upload-dropzone i {
	font-size: 2rem;
	display: block;
	margin-bottom: .5rem;
	color: #adb5bd;
}

.cp-upload-dropzone:hover,
.cp-upload-dropzone-active {
	border-color: var(--cp-accent);
	background: #f8f9fa;
}

.cp-upload-dropzone.disabled {
	opacity: .5;
	pointer-events: none;
}

.thumbs {
	width: 132px;
}

.thumbs .cp-set-main-btn {
	position: absolute;
	top: .3rem;
	inset-inline-start: .3rem;
	inset-inline-end: .3rem;
	font-size: .65rem;
	padding: .1rem .3rem;
	border-radius: 999px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 2;
}

.thumbs.cp-is-main-pic {
	outline: 3px solid var(--cp-accent);
	border-radius: .4rem;
}

.thumbs .delete_pic {
	position: absolute;
	bottom: .3rem;
	inset-inline-end: .3rem;
	font-size: .68rem;
	padding: .1rem .4rem;
	border-radius: 999px;
	cursor: pointer;
	z-index: 2;
}

@media (max-width: 767px) {
	.col-4.col-sm-4 p {
		font-size: .7rem;
		line-height: 1.2;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: .15rem !important;
	}
}

[dir="rtl"] input[type="tel"] {
	text-align: right;
}

.cp-sold-banner {
	background: #e57373;
	color: #fff;
	font-weight: 700;
	text-align: center;
	padding: .75rem 1rem;
	border-radius: .5rem;
	font-size: 1.05rem;
}

.cp-scheduled-notice {
	font-size: .8rem;
	color: #0d6efd;
	margin-top: .25rem;
}

.cp-unpublished-notice {
	color: #6c757d;
}

.cp-owner-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem;
}

.cp-owner-action-link {
	display: inline-flex;
	align-items: center;
	gap: .3rem;
	color: #3d74c4;
	font-size: .85rem;
	font-weight: 600;
	text-decoration: none;
}

.cp-owner-action-link:hover {
	color: #2a5590;
	text-decoration: none;
}

.cp-owner-sold-link[data-is-sold="1"] {
	color: #dc3545;
}

.cp-unread-badge {
	position: absolute;
	top: -4px;
	inset-inline-end: -6px;
	background: #dc3545;
	color: #fff;
	font-size: .65rem;
	font-weight: 700;
	min-width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	border-radius: 999px;
	padding: 0 3px;
}

.cp-messages-app {
	display: flex;
	border: 1px solid #e9ecef;
	border-radius: .5rem;
	overflow: hidden;
	height: 600px;
	background: #fff;
}

.cp-conversations-panel {
	width: 320px;
	flex: 0 0 320px;
	border-inline-end: 1px solid #e9ecef;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
}

#cp-conversations-list {
	flex: 1;
	overflow-y: auto;
}

.cp-conv-item {
	display: flex;
	align-items: center;
	gap: .6rem;
	padding: .6rem .75rem;
	border-bottom: 1px solid #f1f3f5;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

.cp-conv-item:hover,
.cp-conv-item.active {
	background: #f8f9fa;
	text-decoration: none;
	color: inherit;
}

.cp-conv-item.cp-conv-unread .cp-conv-name,
.cp-conv-item.cp-conv-unread .cp-conv-preview {
	font-weight: 700;
}

.cp-conv-avatar-wrap {
	position: relative;
	flex: 0 0 auto;
}

.cp-conv-avatar {
	width: 42px;
	height: 42px;
	object-fit: cover;
}

.cp-online-dot {
	position: absolute;
	bottom: 0;
	inset-inline-end: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #28a745;
	border: 2px solid #fff;
}

.cp-offline-dot {
	position: absolute;
	bottom: 0;
	inset-inline-end: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #adb5bd;
	border: 2px solid #fff;
}

.cp-conv-info {
	flex: 1;
	min-width: 0;
}

.cp-conv-name {
	font-size: .85rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cp-conv-preview {
	font-size: .75rem;
	color: #6c757d;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cp-conv-listing {
	font-size: .7rem;
	color: var(--cp-accent);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cp-conv-time {
	font-size: .68rem;
	color: #adb5bd;
	flex: 0 0 auto;
}

.cp-thread-panel {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.cp-thread-header {
	display: flex;
	align-items: center;
	gap: .6rem;
	padding: .6rem .75rem;
	border-bottom: 1px solid #e9ecef;
}

.cp-thread-header img {
	width: 38px;
	height: 38px;
	object-fit: cover;
}

.cp-thread-user-name {
	font-weight: 700;
	font-size: .9rem;
	color: #212529;
}

.cp-thread-user-status {
	font-size: .72rem;
	color: #6c757d;
}

.cp-thread-messages {
	flex: 1;
	overflow-y: auto;
	padding: 1rem;
	display: flex;
	flex-direction: column;
}

.cp-msg-row {
	max-width: 75%;
	margin-bottom: .6rem;
	align-self: flex-start;
}

.cp-msg-row.cp-msg-mine {
	align-self: flex-end;
}

.cp-msg-bubble {
	background: #f1f3f5;
	padding: .5rem .8rem;
	border-radius: 1rem;
	font-size: .85rem;
	word-break: break-word;
}

.cp-msg-mine .cp-msg-bubble {
	background: var(--cp-accent);
	color: #fff;
}

.cp-msg-time {
	font-size: .65rem;
	color: #adb5bd;
	margin-top: .15rem;
	text-align: end;
}

.cp-listing-share-card {
	display: flex;
	gap: .6rem;
	background: #fff;
	border: 1px solid #e9ecef;
	border-radius: .6rem;
	padding: .5rem;
	text-decoration: none;
	color: inherit;
}

.cp-listing-share-card:hover {
	text-decoration: none;
	color: inherit;
	border-color: var(--cp-accent);
}

.cp-listing-share-card img {
	width: 60px;
	height: 60px;
	object-fit: cover;
	border-radius: .4rem;
	flex: 0 0 auto;
}

.cp-listing-share-title {
	font-size: .82rem;
	font-weight: 600;
}

.cp-listing-share-price {
	font-size: .8rem;
	color: var(--cp-accent);
	font-weight: 700;
}

.cp-thread-input-wrapper {
	display: flex;
	gap: .5rem;
	padding: .6rem .75rem;
	border-top: 1px solid #e9ecef;
}

.cp-thread-input-wrapper textarea {
	resize: none;
}

@media (max-width: 767px) {
	.cp-messages-app {
		flex-direction: column;
		height: auto;
	}

	.cp-conversations-panel {
		width: 100%;
		flex: 0 0 auto;
		max-height: 300px;
		border-inline-end: none;
		border-bottom: 1px solid #e9ecef;
	}

	.cp-thread-messages {
		height: 400px;
	}

	.cp-conv-name {
		font-size: 1rem;
	}

	.cp-conv-preview {
		font-size: .88rem;
	}
}

#contactUserModal .input-group textarea.form-control {
	border-start-end-radius: .375rem;
	border-end-end-radius: .375rem;
	border-start-start-radius: 0;
	border-end-start-radius: 0;
}

#contactUserModal .input-group > .btn {
	border-start-start-radius: .375rem;
	border-end-start-radius: .375rem;
	border-start-end-radius: 0;
	border-end-end-radius: 0;
}

#home-latest-load-more-btn,
#home-recommended-load-more-btn,
#profile-load-more-btn,
#profile-drob-load-more-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 999px !important;
	padding: 5px 20px !important;
}

.cp-notifications-panel {
	width: 340px;
	max-width: 90vw;
	padding: 0;
	border-radius: 1rem;
	overflow: hidden;
	z-index: 3000;
}

#navbarDropdown + .dropdown-menu {
	min-width: 220px;
}

#cp-notifications-icon + .cp-notifications-panel,
#navbarDropdown + .dropdown-menu,
#navbarDropdownMobile + .dropdown-menu {
	left: 0 !important;
	right: auto !important;
	max-width: calc(100vw - 1rem);
}

@media (max-width: 991px) {
	.cp-notifications-panel {
		position: fixed !important;
		top: 60px !important;
		bottom: 76px !important;
		left: 2vw !important;
		right: 2vw !important;
		width: auto !important;
		max-width: none !important;
		transform: none !important;
		overflow-y: auto;
		flex-direction: column;
	}
	
	.cp-notifications-panel.show {
		display: flex !important;
	}

	#navbarDropdown + .dropdown-menu,
	#navbarDropdownMobile + .dropdown-menu {
		position: fixed !important;
		top: 60px !important;
		bottom: 76px !important;
		left: 2vw !important;
		right: 2vw !important;
		width: auto !important;
		max-width: none !important;
		transform: none !important;
		overflow-y: auto;
	}
}

[data-bs-toggle="collapse"] .la-angle-down {
	transition: transform .2s ease;
}
[data-bs-toggle="collapse"]:not(.collapsed) .la-angle-down {
	transform: rotate(180deg);
}

.cp-cat-scroll {
	margin-top: .75rem;
}

#cp-mobile-bottom-nav {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1055;
	background: #fff;
	border-top: 1px solid #e9ecef;
	display: flex;
	align-items: center;
	justify-content: space-around;
	height: 60px;
	padding-bottom: env(safe-area-inset-bottom, 0);
}

.cp-bottom-nav-item {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .15rem;
	color: #6c757d;
	text-decoration: none;
	font-size: .68rem;
	position: relative;
}

.cp-bottom-nav-item i {
	font-size: 1.3rem;
}

.cp-bottom-nav-item.active {
	color: var(--cp-accent, #00a651);
}

.cp-bottom-nav-item .cp-notifications-badge {
	position: absolute;
	top: 0;
	left: calc(50% - 4px);
}

.cp-bottom-nav-add {
	flex: 0 0 56px;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--cp-accent, #00a651);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	margin-top: -28px;
	box-shadow: 0 4px 10px rgba(0, 166, 81, .35);
	text-decoration: none;
}
.cp-bottom-nav-add:hover,
.cp-bottom-nav-add:focus {
	color: #fff;
}

@media (max-width: 991px) {
	body {
		padding-bottom: 68px;
	}
}

.listing-description-text {
	white-space: pre-line;
}

/* شارة "صورة مباشرة" — تظهر أعلى صورة الإعلان لو أُلتقطت مباشرة
   بكاميرا الجهاز وقت النشر (لا من المعرض/ملف موجود مسبقًا)، تمنح
   موثوقية أكبر للمُشاهد. صغيرة ومحصورة بزاوية علوية عمدًا — لا تحجب
   تفاصيل الصورة الفعلية كما طُلب صراحة */
.cp-camera-badge {
	position: absolute;
	top: .5rem;
	right: .5rem;
	background: rgba(13, 110, 253, .55);
	color: #fff;
	padding: .25rem .6rem;
	border-radius: .375rem;
	font-size: .75rem;
	font-weight: bold;
	align-items: center;
	gap: .3rem;
	z-index: 2;
	pointer-events: none;
	/* ظل نصّي خفيف يُبقي القراءة واضحة رغم شفافية الخلفية المُقلَّلة —
	   بلا هذا، النص الأبيض قد يذوب قليلاً بخلفيات فاتحة بالصورة نفسها */
	text-shadow: 0 1px 3px rgba(0,0,0,.5);
}