/* ==========================================================================
	TurfNet Community Pro - Directorist Design System Alignment
	========================================================================== */

/* ==========================================================================
	1. Color System Override
	========================================================================== */

/* Design tokens defined in: assets/css/global/design-tokens.css */
/* Plugin-specific overrides below use these tokens */

/* ==========================================================================
	2. Layout Structure & Container System
	========================================================================== */

/* Main page containers with card-based design */
.directorist-single,
.directorist-add-listing-wrapper,
.directorist-dashboard-wrapper {
	background: var(--community-color-background) !important;
	min-height: 100vh;
}

/* Content containers with modern card styling */
.directorist-single-wrapper,
.directorist-add-listing-form,
.directorist-dashboard-content,
#directorist .directorist-single-wrapper,
.directorist-content-active .directorist-single-wrapper {
	background: white !important;
	border-radius: 16px !important;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
	border: 1px solid rgba(15, 23, 42, 0.08) !important;
	padding: clamp(24px, 4vw, 40px);
	margin: 0 auto;
	max-width: 1600px !important;
	overflow: hidden;
}

.directorist-add-listing-form {
	padding: 0 !important;
}

.multistep-wizard__nav {
	max-width: fit-content !important;
	padding: 20px;
}

.multistep-wizard__content {
	padding: 25px;
}


/* Multi-step wizard container */
.multistep-wizard {
	background: white !important;
	border-radius: 16px !important;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
	border: 1px solid rgba(15, 23, 42, 0.08) !important;
	overflow: hidden;
}

/* ==========================================================================
	3. Typography Hierarchy System
	========================================================================== */

/* Page titles */
.directorist-single-listing h1,
.directorist-listing-title,
.directorist-add-listing h1,
.directorist-dashboard h1 {
	font-size: clamp(2rem, 4vw, 3rem) !important;
	font-weight: 800 !important;
	color: var(--community-color-text-primary) !important;
	line-height: 1.2 !important;
	margin: 0 0 clamp(16px, 3vw, 24px) 0 !important;
	letter-spacing: -0.02em;
}

/* Section headings */
.directorist-single h2,
.directorist-add-listing h2,
.directorist-dashboard h2,
.multistep-wizard__nav__btn {
	color: var(--community-color-text-primary) !important;
	line-height: 1.3 !important;
}

/* Sub-headings */
.directorist-single h3,
.directorist-add-listing h3,
.directorist-dashboard h3 {
	font-size: clamp(1.125rem, 2vw, 1.25rem) !important;
	font-weight: 600 !important;
	color: var(--community-color-text-primary) !important;
	line-height: 1.4 !important;
}

/* Body text */
.directorist-single p,
.directorist-add-listing p,
.directorist-dashboard p {
	font-size: clamp(0.9rem, 1.5vw, 1rem) !important;
	color: var(--community-color-text-secondary) !important;
	line-height: 1.6 !important;
	margin: 0 0 clamp(12px, 2vw, 16px) 0 !important;
}

.directorist-tab__nav__action {
	display: flex;
	flex-direction: column;
}

/* ==========================================================================
	4. Button System Alignment
	========================================================================== */

/* Primary buttons */
.directorist-btn-primary,
.directorist-single-listing-action:not(.directorist-btn-light),
.multistep-wizard__nav__btn--finish {
	background: var(--community-color-primary) !important;
	background-image: none !important;
	color: white !important;
	border: none !important;
	border-radius: var(--community-border-radius-md) !important;
	padding: 12px 24px !important;
	font-weight: var(--community-font-weight-semibold) !important;
	font-size: var(--community-font-size-base) !important;
	text-decoration: none !important;
	transition: var(--community-transition-fast) !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 44px !important;
	box-shadow: var(--community-shadow-sm) !important;
}

.directorist-btn-primary:hover,
.directorist-single-listing-action:not(.directorist-btn-light):hover {
	background: var(--community-color-primary-dark) !important;
	background-image: none !important;
	border-color: var(--community-color-primary-dark) !important;
	box-shadow: var(--community-shadow-md) !important;
	color: white !important;
	text-decoration: none !important;
	transform: translateY(-1px) !important;
}

/* Secondary/Light buttons */
.directorist-btn-secondary,
.directorist-btn-light,
.directorist-btn-outline {
	background: white !important;
	color: var(--community-color-primary) !important;
	border: 2px solid var(--community-color-primary) !important;
	border-radius: var(--community-border-radius-md) !important;
	padding: 12px 24px !important;
	font-weight: var(--community-font-weight-semibold) !important;
	font-size: var(--community-font-size-base) !important;
	text-decoration: none !important;
	transition: var(--community-transition-fast) !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 44px !important;
	box-shadow: var(--community-shadow-sm) !important;
}

.directorist-btn-secondary:hover,
.directorist-btn-light:hover,
.directorist-btn-outline:hover {
	background: #FEF2F2 !important;
	border-color: var(--community-color-primary) !important;
	color: var(--community-color-primary) !important;
	text-decoration: none !important;
	box-shadow: var(--community-shadow-md) !important;
	transform: translateY(-1px) !important;
}

/* Navigation buttons in multi-step wizard */
.multistep-wizard__nav__btn {
	background: white !important;
	color: var(--community-color-text-secondary) !important;
	border: 1px solid rgba(15, 23, 42, 0.1) !important;
	border-radius: 8px !important;
	padding: clamp(12px, 2vw, 16px) clamp(16px, 3vw, 24px) !important;
	margin: 0 clamp(4px, 1vw, 8px) clamp(8px, 1.5vw, 12px) 0 !important;
	transition: all 0.3s ease !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	text-decoration: none !important;
}

.multistep-wizard__nav__btn:hover,
.multistep-wizard__nav__btn.active {
	background: rgba(126, 0, 0, 0.05) !important;
	color: var(--community-color-primary) !important;
	border-color: rgba(126, 0, 0, 0.2) !important;
}

/* ==========================================================================
	5. Form Elements Styling (Directorist-specific)
	========================================================================== */

/* Directorist form controls - additional styling beyond theme defaults */
.directorist-form-control {
	background: white !important;
	border: 1px solid var(--community-color-border) !important;
	border-radius: var(--community-border-radius-sm) !important;
	padding: 10px 14px !important;
	font-size: var(--community-font-size-base) !important;
	color: var(--community-color-text-primary) !important;
	transition: var(--community-transition-fast) !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.directorist-form-control:focus {
	border-color: var(--community-color-border-focus) !important;
	box-shadow: 0 0 0 3px rgba(0, 84, 166, 0.1) !important;
	outline: none !important;
}

/* Directorist form labels */
.directorist-form-label {
	font-weight: var(--community-font-weight-medium) !important;
	color: var(--community-color-text-primary) !important;
	font-size: var(--community-font-size-sm) !important;
	margin-bottom: 6px !important;
	display: block !important;
}

/* ==========================================================================
	6. Card & Component Styling
	========================================================================== */

/* Listing cards in single page */
.directorist-single-listing-header,
.directorist-single-listing-content,
.directorist-listing-single-meta {
	background: white !important;
	border-radius: 12px !important;
	padding: clamp(20px, 3vw, 24px) !important;
	margin-bottom: clamp(16px, 3vw, 24px) !important;
	transition: all 0.3s ease !important;
}

/* Image gallery styling */
.directorist-single-listing-gallery {
	border-radius: 12px !important;
	overflow: hidden !important;
	margin-bottom: clamp(16px, 3vw, 24px) !important;
}

/* Badges and status indicators */
.directorist-badge,
.directorist-listing-badge {
	border-radius: 6px !important;
	padding: 4px 8px !important;
	font-size: 0.75rem !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.025em !important;
}

/* ==========================================================================
	7. Special Component Fixes
	========================================================================== */

/* Fix "Go Back" button styling */
.directorist-return-back,
.directorist-btn__back {
	background: rgba(126, 0, 0, 0.05) !important;
	color: var(--community-color-primary) !important;
	border: 1px solid rgba(126, 0, 0, 0.15) !important;
	padding: 8px 16px !important;
	border-radius: 8px !important;
	font-weight: 600 !important;
	font-size: 0.875rem !important;
	text-decoration: none !important;
	transition: all 0.3s ease !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.directorist-return-back:hover,
.directorist-btn__back:hover {
	background: rgba(126, 0, 0, 0.1) !important;
	color: var(--community-color-primary) !important;
	text-decoration: none !important;
	transform: translateX(-4px) !important;
}

.directorist-return-back:after,
.directorist-btn__back:after {
	transition: transform 0.3s ease !important;
}

.directorist-return-back:hover:after,
.directorist-btn__back:hover:after {
	transform: translateX(-4px) !important;
}

/* Social sharing and action buttons */
.directorist-social-share,
.directorist-action-bookmark {
	background: white !important;
	border: 1px solid rgba(15, 23, 42, 0.15) !important;
	color: var(--community-color-text-secondary) !important;
	padding: 8px 12px !important;
	border-radius: 8px !important;
	transition: all 0.3s ease !important;
}

.directorist-social-share:hover,
.directorist-action-bookmark:hover {
	background: rgba(126, 0, 0, 0.05) !important;
	border-color: rgba(126, 0, 0, 0.2) !important;
	color: var(--community-color-primary) !important;
}

/* ==========================================================================
	8. Animation & Interaction Enhancements
	========================================================================== */

/* Smooth page transitions */
.directorist-single-wrapper,
.directorist-add-listing-form,
.multistep-wizard {
	animation: fadeIn 0.6s ease-out !important;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ==========================================================================
	9. Quick Action Button Consistency Fixes
	========================================================================== */

/* Fix inconsistent Go Back, Favorite, Share, Report buttons in single listing */
.directorist-single-listing-action.directorist-btn-light,
.directorist-action-bookmark.directorist-btn-light,
.directorist-social-share.directorist-btn-light,
.directorist-action-report.directorist-btn-light,
.directorist-btn__back.directorist-btn-light {
	/* Unified secondary button styling for all light action buttons */
	background: white !important;
	background-image: none !important;
	color: var(--community-color-text-secondary) !important;
	border: 1px solid var(--community-color-border) !important;
	border-radius: 8px !important;
	padding: 8px 12px !important;
	font-size: 0.875rem !important;
	font-weight: 500 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	transition: all 0.3s ease !important;
	text-decoration: none !important;
	cursor: pointer !important;
}

/* Hover state for all light action buttons */
.directorist-single-listing-action.directorist-btn-light:hover,
.directorist-action-bookmark.directorist-btn-light:hover,
.directorist-social-share.directorist-btn-light:hover,
.directorist-action-report.directorist-btn-light:hover,
.directorist-btn__back.directorist-btn-light:hover {
	background: rgba(126, 0, 0, 0.05) !important;
	background-image: none !important;
	border-color: rgba(126, 0, 0, 0.4) !important;
	color: var(--community-color-primary) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 2px 8px rgba(126, 0, 0, 0.15) !important;
}

/* ==========================================================================
	10. Override Specificity Issues
	========================================================================== */


/* Force color consistency throughout */
[class*="directorist-"] {
	--directorist-color-primary: var(--community-color-primary) !important;
	--directorist-color-btn-primary-bg: var(--community-color-primary) !important;
}

/* ==========================================================================
	11. Archive Pages - Blog-Style Design System Integration
	========================================================================== */

/* Archive header styling to match blog archives */
.directorist-archive-contents__top {
	background: white;
	border-radius: 16px;
	padding: clamp(24px, 4vw, 32px);
	margin-bottom: clamp(24px, 4vw, 32px);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
	border: 1px solid rgba(15, 23, 42, 0.08);
}

.directorist-archive-contents footer.directorist-listing-single__meta {
	display: none !important;
}

.directorist-archive-contents .directorist-listing-single {
	padding: 0 !important;
}

.directorist-content-active .directorist-listing-single__info .directorist-listing-title a {
	font-size: var(--community-font-size-xl);
	font-weight: var(--community-font-weight-bold);
	color: var(--community-color-text-primary);
	margin-bottom: var(--community-spacing-md);
	line-height: 1.3;
	margin: 0 0 var(--community-spacing-lg);
	letter-spacing: -0.02em;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
}

/* Override Bootstrap grid with CSS Grid - match blog archive layout */
.directorist-archive-contents .directorist-archive-items.directorist-archive-grid-view .directorist-container-fluid,
.directorist-contents-wrap .directorist-archive-items.directorist-archive-grid-view .directorist-container-fluid {
	max-width: 1600px !important;
	margin: 0 auto !important;
	padding: 0 clamp(16px, 3vw, 24px) !important;
}

.directorist-archive-contents .directorist-archive-items.directorist-archive-grid-view .directorist-row,
.directorist-contents-wrap .directorist-archive-items.directorist-archive-grid-view .directorist-row,
.directorist-archive-items .directorist-row {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: clamp(24px, 4vw, 32px) !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Individual listing cards - apply blog entry card styling */
.directorist-archive-items .directorist-col-4,
.directorist-archive-contents .directorist-col-4,
.directorist-contents-wrap .directorist-col-4 {
	padding: 0 !important;
	margin: 0 !important;
	width: auto !important;
	flex: none !important;
}

.directorist-archive-contents .directorist-listing-single,
.directorist-contents-wrap .directorist-listing-single {
	background: white !important;
	border-radius: 16px !important;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
	border: 1px solid rgba(15, 23, 42, 0.08) !important;
	overflow: hidden !important;
	height: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	transition: all 0.3s ease !important;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	position: relative !important;
}

.directorist-archive-contents .directorist-listing-single:hover,
.directorist-contents-wrap .directorist-listing-single:hover {
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

/* Listing content structure - match blog entry layout */
.directorist-archive-contents .directorist-listing-single .directorist-listing-single__content {
	padding: 0;
	flex: 1;
	display: flex;
	flex-direction: column;
}


/* Resumes Cards: Archive */
.directorist-archive-contents[data-atts*="resumes"] .directorist-listing-single__content,
.directorist-archive-contents[data-atts*="resumes"] .directorist-listing-single__header {
	padding: 15px !important;
}

/* Jobs Cards: Archive */
.directorist-archive-contents[data-atts*="jobs"] .directorist-listing-single__content,
.directorist-archive-contents[data-atts*="jobs"] section.directorist-listing-single__header {
	padding: 15px !important;
}

/* Classifieds Cards: Archive */
.directorist-archive-contents[data-atts*="classifieds"] .directorist-listing-single__content {
	padding: 10px !important;
}


/* Listing title styling - match blog entry titles */
.directorist-listing-single__title,
.directorist-listing-single__title a {
	font-size: clamp(1.125rem, 2vw, 1.25rem) !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	color: var(--community-color-text-primary, #0f172a) !important;
	margin: 0 0 clamp(8px, 2vw, 12px) 0 !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

.directorist-listing-single__title a:hover {
	color: var(--community-color-primary) !important;
}

/* Listing meta information - match blog entry meta */
.directorist-listing-single__meta {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(8px, 2vw, 12px);
	margin-bottom: clamp(12px, 2vw, 16px);
	font-size: 0.875rem;
	color: var(--community-color-text-secondary, #6b7280);
}

/* Listing excerpt/description - match blog excerpts */
.directorist-listing-single__excerpt,
.directorist-listing-single__content p {
	color: var(--community-color-text-secondary, #475569) !important;
	line-height: 1.6 !important;
	margin-bottom: clamp(12px, 2vw, 16px) !important;
	flex-grow: 1;
	font-size: 0.9375rem;
}

/* Listing footer - match blog entry footer */
.directorist-listing-single__footer {
	padding: clamp(12px, 2vw, 16px) clamp(16px, 3vw, 24px) !important;
	border-top: 1px solid var(--community-color-border, #e5e7eb);
	margin-top: auto;
	background: rgba(248, 250, 252, 0.5);
}

/* Price display styling */
.directorist-listing-single__price {
	font-size: clamp(1.125rem, 2.5vw, 1.25rem) !important;
	font-weight: 700 !important;
	color: var(--community-color-primary) !important;
	margin-bottom: clamp(8px, 2vw, 12px);
}

/* Categories and tags styling - match blog categories */
.directorist-listing-single__categories,
.directorist-listing-category-list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: clamp(8px, 2vw, 12px);
}

.directorist-listing-single__categories a,
.directorist-listing-category-list a {
	background: rgba(126, 0, 0, 0.08) !important;
	color: var(--community-color-primary) !important;
	padding: 4px 8px !important;
	border-radius: 6px !important;
	font-size: 0.75rem !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
}

.directorist-listing-single__categories a:hover,
.directorist-listing-category-list a:hover {
	background: rgba(126, 0, 0, 0.12) !important;
}

/* Listing image styling - enhanced for modern look */
.directorist-listing-single__thumb {
	border-radius: 0 !important;
	overflow: hidden;
	margin-bottom: 0 !important;
	padding: 0 !important;
	position: relative !important;
	aspect-ratio: 16 / 10 !important;
	background: var(--community-color-bg-light) !important;
}

.directorist-listing-single__thumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.directorist-listing-single:hover .directorist-listing-single__thumb img {
	transform: scale(1.05) !important;
}

/* Image overlay for better contrast */
.directorist-listing-single__thumb::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.1) 100%);
	transition: opacity 0.3s ease;
	pointer-events: none;
}

.directorist-listing-single:hover .directorist-listing-single__thumb::after {
	opacity: 0.7;
}

/* Image placeholder for listings without images */
.directorist-listing-single__thumb:empty::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	background: var(--community-color-border);
	border-radius: var(--community-border-radius-lg);
	opacity: 0.3;
}

/* Archive pagination - match blog pagination */
.directorist-archive-contents .directorist-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: clamp(8px, 2vw, 12px);
	margin: clamp(40px, 6vw, 60px) 0 clamp(20px, 4vw, 40px);
	padding: 0 clamp(16px, 3vw, 24px);
}

/* ==========================================================================
	12. High-Priority Overrides - Critical Fixes for Visual Issues
	========================================================================== */

/* Force Bootstrap grid override with maximum specificity */
.directorist-archive-contents .directorist-archive-items .directorist-container-fluid .directorist-row {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: clamp(24px, 4vw, 32px) !important;
	margin: 0 !important;
	padding: 0 !important;
	flex-wrap: nowrap !important;
}

/* Force card styling on all Directorist listings in archives */
div.directorist-listing-single.directorist-listing-single--bg {
	background: white !important;
	border-radius: 16px !important;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
	border: 1px solid rgba(15, 23, 42, 0.08) !important;
	overflow: hidden !important;
	height: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	transition: all 0.3s ease !important;
	margin: 0 !important;
}

/* Force column behavior override */
.directorist-archive-items .directorist-col-4 {
	padding: 0 !important;
	margin: 0 !important;
	width: auto !important;
	max-width: none !important;
	flex-basis: auto !important;
	flex-grow: 0 !important;
	flex-shrink: 0 !important;
}

/* Force proper card content structure */
.directorist-listing-single .directorist-listing-single__content,
.directorist-listing-single .directorist-listing-single__header {
	padding: clamp(16px, 3vw, 24px) !important;
	flex: 1;
}

/* Ensure image aspect ratio consistency */
.directorist-listing-single__thumb img,
.directorist-thumnail-card-front-img {
	width: 100% !important;
	object-fit: cover !important;
}


/* ==========================================================================
	Directory Listing Page Specific Styles
	========================================================================== */

/* Listing type specific enhancements */
.directorist-listing-single {
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Enhanced listing content padding and structure */
.directorist-listing-single__content {
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
}

/* Enhanced typography for listing titles */
.directorist-listing-single__title a {
	font-family: var(--community-font-family) !important;
	font-size: var(--community-font-size-xl) !important;
	font-weight: var(--community-font-weight-bold) !important;
	line-height: 1.3 !important;
	color: var(--community-color-text-primary) !important;
	text-decoration: none !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	margin-bottom: var(--community-spacing-md) !important;
	transition: color 0.2s ease !important;
}

.directorist-listing-single__title a:hover {
	color: var(--community-color-primary) !important;
}

/* Enhanced meta information styling */
.directorist-listing-single__meta {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: var(--community-spacing-md) !important;
	margin-bottom: var(--community-spacing-md) !important;
	font-size: var(--community-font-size-sm) !important;
	color: var(--community-color-text-secondary) !important;
}

.directorist-listing-single__meta .directorist-meta-item {
	display: flex !important;
	align-items: center !important;
	gap: var(--community-spacing-xs) !important;
}

/* Enhanced listing excerpt */
.directorist-listing-single__excerpt {
	flex: 1 !important;
	font-size: var(--community-font-size-base) !important;
	line-height: var(--community-line-height-base) !important;
	color: var(--community-color-text-secondary) !important;
	margin-bottom: var(--community-spacing-lg) !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 3 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
}

/* Enhanced price display */
.directorist-listing-single__price {
	font-size: var(--community-font-size-2xl) !important;
	font-weight: var(--community-font-weight-bold) !important;
	color: var(--community-color-primary) !important;
	margin-bottom: var(--community-spacing-md) !important;
	display: flex !important;
	align-items: center !important;
	gap: var(--community-spacing-xs) !important;
}

/* Enhanced category styling */
.directorist-listing-single__categories {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: var(--community-spacing-xs) !important;
	margin-bottom: var(--community-spacing-md) !important;
}

.directorist-listing-single__categories .directorist-listing-category {
	background: rgba(139, 31, 31, 0.1) !important;
	color: var(--community-color-primary) !important;
	padding: 4px 8px !important;
	border-radius: var(--community-border-radius-sm) !important;
	font-size: var(--community-font-size-xs) !important;
	font-weight: var(--community-font-weight-medium) !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
}

.directorist-listing-single__categories .directorist-listing-category:hover {
	background: rgba(139, 31, 31, 0.2) !important;
	transform: translateY(-1px) !important;
}

/* Enhanced footer styling */
.directorist-listing-single__footer {
	padding: var(--community-spacing-md) var(--community-spacing-lg) !important;
	background: rgba(248, 250, 252, 0.8) !important;
	border-top: 1px solid var(--community-color-border) !important;
	margin-top: auto !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
}

/* Enhanced action buttons in footer */
.directorist-listing-single__actions {
	display: flex !important;
	gap: var(--community-spacing-sm) !important;
	align-items: center !important;
}

.directorist-listing-single__action-btn {
	padding: 6px 12px !important;
	border-radius: var(--community-border-radius-sm) !important;
	border: 1px solid var(--community-color-border) !important;
	background: white !important;
	color: var(--community-color-text-secondary) !important;
	font-size: var(--community-font-size-sm) !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: var(--community-spacing-xs) !important;
}

.directorist-listing-single__action-btn:hover {
	background: var(--community-color-primary) !important;
	color: white !important;
	border-color: var(--community-color-primary) !important;
}

/* Listing styling */
.directorist-listing-single.directorist-listing-featured {
	border: 2px solid var(--community-color-primary) !important;
	position: relative !important;
}

.directorist-listing-single.directorist-listing-featured::before {
	content: 'Featured';
	position: absolute;
	top: var(--community-spacing-sm);
	right: var(--community-spacing-sm);
	background: var(--community-color-primary);
	color: white;
	padding: 4px 8px;
	border-radius: var(--community-border-radius-sm);
	font-size: var(--community-font-size-xs);
	font-weight: var(--community-font-weight-semibold);
	z-index: 2;
}

/* Status badges */
.directorist-listing-badge {
	position: absolute !important;
	top: var(--community-spacing-sm) !important;
	left: var(--community-spacing-sm) !important;
	background: var(--community-color-primary) !important;
	color: white !important;
	padding: 4px 8px !important;
	border-radius: var(--community-border-radius-sm) !important;
	font-size: var(--community-font-size-xs) !important;
	font-weight: var(--community-font-weight-semibold) !important;
	z-index: 2 !important;
}

.directorist-listing-badge.badge-popular {
	background: #10B981 !important;
}

.directorist-listing-badge.badge-new {
	background: #3B82F6 !important;
}

.directorist-listing-single__info {
	padding: 10px 20px 24px !important;
}

/* Sort and view options */
.directorist-view-options {
	display: flex !important;
	align-items: center !important;
	gap: var(--community-spacing-md) !important;
}

.directorist-sort-dropdown {
	min-width: 180px !important;
}

.directorist-view-toggle {
	display: flex !important;
	background: var(--community-color-bg-light) !important;
	border-radius: var(--community-border-radius-sm) !important;
	padding: 2px !important;
	gap: 2px !important;
}

.directorist-view-toggle__btn {
	background: transparent !important;
	border: none !important;
	padding: var(--community-spacing-sm) !important;
	border-radius: var(--community-border-radius-sm) !important;
	color: var(--community-color-text-secondary) !important;
	transition: var(--community-transition-fast) !important;
	cursor: pointer !important;
}

.directorist-view-toggle__btn.active {
	background: white !important;
	color: var(--community-color-primary) !important;
	box-shadow: var(--community-shadow-sm) !important;
}

/* Active filters display */
.directorist-active-filters {
	background: var(--community-color-bg-light) !important;
	border-radius: var(--community-border-radius-md) !important;
	padding: var(--community-spacing-md) var(--community-spacing-lg) !important;
	margin-bottom: var(--community-spacing-lg) !important;
}

.directorist-active-filters__title {
	font-size: var(--community-font-size-sm) !important;
	font-weight: var(--community-font-weight-medium) !important;
	color: var(--community-color-text-primary) !important;
	margin-bottom: var(--community-spacing-sm) !important;
}

.directorist-active-filters__list {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: var(--community-spacing-xs) !important;
	align-items: center !important;
}

.directorist-active-filter__item {
	background: var(--community-color-primary) !important;
	color: white !important;
	padding: 4px 8px !important;
	border-radius: var(--community-border-radius-sm) !important;
	font-size: var(--community-font-size-xs) !important;
	font-weight: var(--community-font-weight-medium) !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: var(--community-spacing-xs) !important;
}

.directorist-active-filter__remove {
	background: transparent !important;
	border: none !important;
	color: white !important;
	padding: 0 !important;
	cursor: pointer !important;
	line-height: 1 !important;
}

/* No results styling */
.directorist-search-no-results {
	text-align: center !important;
	padding: var(--community-spacing-3xl) var(--community-spacing-xl) !important;
	background: white !important;
	border-radius: var(--community-border-radius-lg) !important;
	box-shadow: var(--community-shadow-base) !important;
	border: 1px solid var(--community-color-border) !important;
}

.directorist-search-no-results__icon {
	font-size: 4rem !important;
	color: var(--community-color-text-muted) !important;
	margin-bottom: var(--community-spacing-lg) !important;
}

.directorist-search-no-results__title {
	font-size: var(--community-font-size-2xl) !important;
	font-weight: var(--community-font-weight-bold) !important;
	color: var(--community-color-text-primary) !important;
	margin-bottom: var(--community-spacing-md) !important;
}

.directorist-search-no-results__text {
	font-size: var(--community-font-size-base) !important;
	color: var(--community-color-text-secondary) !important;
	margin-bottom: var(--community-spacing-lg) !important;
}

/* ==========================================================================
	13. Enhanced Single Directory Entry Pages
	========================================================================== */

/* Single listing page main container */
.directorist-single-contents-area,
.directorist-single {
	background: var(--community-color-background) !important;
	min-height: 100vh !important;
}

/* Override parent theme container for single listing */
.directorist body.single-at_biz_dir #genesis-content {
	background: var(--community-color-background) !important;
	padding: 0 !important;
}

/* Main listing title */
.directorist-single-listing-header h1,
.directorist-listing-title {
	font-family: var(--community-font-family) !important;
	font-size: clamp(2rem, 5vw, 3rem) !important;
	font-weight: var(--community-font-weight-bold) !important;
	line-height: 1.2 !important;
	color: var(--community-color-text-primary) !important;
	margin: 0 0 var(--community-spacing-lg) 0 !important;
	letter-spacing: -0.02em !important;
}

/* Listing tagline/subtitle */
.directorist-listing-tagline {
	font-size: var(--community-font-size-lg) !important;
	color: var(--community-color-text-secondary) !important;
	margin-bottom: var(--community-spacing-lg) !important;
	line-height: var(--community-line-height-base) !important;
}

/* Header meta information */
.directorist-single-listing-header .directorist-listing-meta {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: var(--community-spacing-lg) !important;
	margin-bottom: var(--community-spacing-lg) !important;
	padding: var(--community-spacing-md) 0 !important;
	border-top: 1px solid var(--community-color-border) !important;
	border-bottom: 1px solid var(--community-color-border) !important;
}

.directorist-single-listing-header .directorist-meta-item {
	display: flex !important;
	align-items: center !important;
	gap: var(--community-spacing-xs) !important;
	font-size: var(--community-font-size-base) !important;
	color: var(--community-color-text-secondary) !important;
}

.directorist-single-listing-header .directorist-meta-icon {
	color: var(--community-color-primary) !important;
	font-size: var(--community-font-size-lg) !important;
}

/* Rating and review summary */
.directorist-rating-stars-wrapper {
	display: inline-flex !important;
	align-items: center !important;
	gap: var(--community-spacing-sm) !important;
	background: var(--community-color-bg-light) !important;
	padding: var(--community-spacing-sm) var(--community-spacing-md) !important;
	border-radius: var(--community-border-radius-sm) !important;
}

.directorist-rating-stars {
	display: flex !important;
	gap: 2px !important;
}

.directorist-rating-star {
	color: #fbbf24 !important;
	font-size: var(--community-font-size-sm) !important;
}

.directorist-rating-avg {
	font-weight: var(--community-font-weight-semibold) !important;
	color: var(--community-color-text-primary) !important;
}

.directorist-rating-count {
	color: var(--community-color-text-secondary) !important;
	font-size: var(--community-font-size-sm) !important;
}

/* Header action buttons */
.directorist-single-listing-header .directorist-action-buttons {
	display: flex !important;
	gap: var(--community-spacing-sm) !important;
	margin-top: var(--community-spacing-lg) !important;
	flex-wrap: wrap !important;
}

/* Price display in header */
.directorist-single-listing-header .directorist-listing-price {
	font-size: var(--community-font-size-3xl) !important;
	font-weight: var(--community-font-weight-bold) !important;
	color: var(--community-color-primary) !important;
	margin-bottom: var(--community-spacing-md) !important;
}

/* Category badges in header */
.directorist-single-listing-header .directorist-listing-categories {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: var(--community-spacing-xs) !important;
	margin-bottom: var(--community-spacing-lg) !important;
}

.directorist-single-listing-header .directorist-category-badge {
	background: rgba(139, 31, 31, 0.1) !important;
	color: var(--community-color-primary) !important;
	padding: 6px 12px !important;
	border-radius: var(--community-border-radius-full) !important;
	font-size: var(--community-font-size-sm) !important;
	font-weight: var(--community-font-weight-medium) !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
}

.directorist-single-listing-header .directorist-category-badge:hover {
	background: rgba(139, 31, 31, 0.2) !important;
	transform: translateY(-1px) !important;
}

/* Image gallery section */
.directorist-single-listing-gallery {
	background: white !important;
	border-radius: var(--community-border-radius-lg) !important;
	box-shadow: var(--community-shadow-base) !important;
	border: 1px solid var(--community-color-border) !important;
	margin-bottom: var(--community-spacing-xl) !important;
	overflow: hidden !important;
}

.directorist-single-listing-gallery .directorist-gallery-preview {
	position: relative !important;
	aspect-ratio: 16 / 9 !important;
	overflow: hidden !important;
}

.directorist-single-listing-gallery .directorist-gallery-preview img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	transition: transform 0.3s ease !important;
}

.directorist-single-listing-gallery .directorist-gallery-thumbnails {
	display: flex !important;
	gap: var(--community-spacing-sm) !important;
	padding: var(--community-spacing-md) !important;
	overflow-x: auto !important;
}

.directorist-single-listing-gallery .directorist-gallery-thumb {
	flex-shrink: 0 !important;
	width: 80px !important;
	height: 60px !important;
	border-radius: var(--community-border-radius-sm) !important;
	overflow: hidden !important;
	cursor: pointer !important;
	border: 2px solid transparent !important;
	transition: border-color 0.2s ease !important;
}

.directorist-single-listing-gallery .directorist-gallery-thumb.active {
	border-color: var(--community-color-primary) !important;
}

.directorist-single-listing-gallery .directorist-gallery-thumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

/* Content sections */
.directorist-single-listing-content {
	background: white !important;
	border-radius: var(--community-border-radius-lg) !important;
	box-shadow: var(--community-shadow-base) !important;
	border: 1px solid var(--community-color-border) !important;
	margin-bottom: var(--community-spacing-xl) !important;
}

/* Section cards within content */
.directorist-single-listing-content .directorist-card {
	border: none !important;
	border-bottom: 1px solid var(--community-color-border) !important;
	border-radius: 0 !important;
	margin-bottom: 0 !important;
	box-shadow: none !important;
}

.directorist-single-contents-area .directorist-card:not(.directorist-widget):not(.widget_text) {
	margin: 25px !important;
}

.directorist-single-listing-content .directorist-card:last-child {
	border-bottom: none !important;
}

.directorist-single-listing-content .directorist-card__header {
	background: var(--community-color-bg-light) !important;
	padding: var(--community-spacing-lg) var(--community-spacing-xl) !important;
	border-bottom: 1px solid var(--community-color-border) !important;
}

.directorist-content-active .directorist-card__header {
	padding-bottom: 0 !important;
	background: #f9fafb !important;
}

.directorist-single-listing-content .directorist-card__header__title {
	font-size: var(--community-font-size-xl) !important;
	font-weight: var(--community-font-weight-bold) !important;
	color: var(--community-color-text-primary) !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center !important;
	gap: var(--community-spacing-sm) !important;
}

.directorist-single-listing-content .directorist-card__header-icon {
	color: var(--community-color-primary) !important;
	font-size: var(--community-font-size-lg) !important;
}

.directorist-single-listing-content .directorist-card__body {
	padding: var(--community-spacing-xl) !important;
}

/* Description styling */
.directorist-single-listing-content .directorist-listing-description {
	font-size: var(--community-font-size-base) !important;
	line-height: var(--community-line-height-base) !important;
	color: var(--community-color-text-secondary) !important;
}

.directorist-single-listing-content .directorist-listing-description p {
	margin-bottom: var(--community-spacing-md) !important;
}

.directorist-single-listing-content .directorist-listing-description h2,
.directorist-single-listing-content .directorist-listing-description h3,
.directorist-single-listing-content .directorist-listing-description h4 {
	color: var(--community-color-text-primary) !important;
	font-weight: var(--community-font-weight-bold) !important;
	margin: var(--community-spacing-lg) 0 var(--community-spacing-md) 0 !important;
}

/* Contact information styling */
.directorist-contact-info {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: var(--community-spacing-md) !important;
}

.directorist-contact-info-item {
	display: flex !important;
	align-items: center !important;
	gap: var(--community-spacing-sm) !important;
	padding: var(--community-spacing-md) !important;
	background: var(--community-color-bg-light) !important;
	border-radius: var(--community-border-radius-sm) !important;
}

.directorist-contact-info-icon {
	color: var(--community-color-primary) !important;
	font-size: var(--community-font-size-lg) !important;
	flex-shrink: 0 !important;
}

.directorist-contact-info-content {
	flex: 1 !important;
}

.directorist-contact-info-label {
	font-size: var(--community-font-size-sm) !important;
	color: var(--community-color-text-secondary) !important;
	font-weight: var(--community-font-weight-medium) !important;
}

.directorist-contact-info-value {
	font-size: var(--community-font-size-base) !important;
	color: var(--community-color-text-primary) !important;
	font-weight: var(--community-font-weight-semibold) !important;
}

/* Author info section */
.directorist-author-info {
	display: flex !important;
	align-items: center !important;
	gap: var(--community-spacing-md) !important;
	padding: var(--community-spacing-lg) !important;
	background: var(--community-color-bg-light) !important;
	border-radius: var(--community-border-radius-md) !important;
}

.directorist-author-avatar {
	flex-shrink: 0 !important;
}

.directorist-author-avatar img {
	width: 60px !important;
	height: 60px !important;
	border-radius: var(--community-border-radius-full) !important;
	object-fit: cover !important;
	border: 2px solid white !important;
	box-shadow: var(--community-shadow-sm) !important;
}

.directorist-author-details h4 {
	font-size: var(--community-font-size-lg) !important;
	font-weight: var(--community-font-weight-bold) !important;
	color: var(--community-color-text-primary) !important;
	margin: 0 0 var(--community-spacing-xs) 0 !important;
}

.directorist-author-role {
	font-size: var(--community-font-size-sm) !important;
	color: var(--community-color-text-secondary) !important;
	margin-bottom: var(--community-spacing-sm) !important;
}

.directorist-author-contact {
	display: flex !important;
	gap: var(--community-spacing-sm) !important;
}

/* ==========================================================================
	14. Directory Archive Pages - Layout Enhancements
	========================================================================== */

/* Archive page containers - ensure proper background */
.directorist-archive-contents-area,
body.archive {
	background: var(--community-color-background) !important;
	min-height: 100vh !important;
}

/* Enhanced archive contents wrapper */
.directorist-archive-contents {
	min-height: 100vh !important;
}

/* Better header bar styling */
.directorist-archive-contents__top {
	background: white !important;
	border-radius: var(--community-border-radius-lg) !important;
	box-shadow: var(--community-shadow-base) !important;
	border: 1px solid var(--community-color-border) !important;
	padding: var(--community-spacing-lg) var(--community-spacing-xl) !important;
	margin: 0 auto var(--community-spacing-xl) !important;
	max-width: 1200px !important;
	align-items: center !important;
	flex-wrap: wrap !important;
}

.directorist-header-bar .directorist-container-fluid,
.directorist-content-active .directorist-archive-contents__top .directorist-header-bar {
	margin: 0 !important;
}

/* Results count styling */
.directorist-archive-contents__top .directorist-header-bar__left {
	font-size: var(--community-font-size-lg) !important;
	font-weight: var(--community-font-weight-semibold) !important;
	color: var(--community-color-text-primary) !important;
}

/* View controls styling */
.directorist-archive-contents__top .directorist-header-bar__right {
	display: flex !important;
	align-items: center !important;
	gap: var(--community-spacing-md) !important;
}

/* Enhanced filter button */
.directorist-btn-archive-filter {
	background: white !important;
	border: 2px solid var(--community-color-primary) !important;
	color: var(--community-color-primary) !important;
	padding: 10px 20px !important;
	border-radius: var(--community-border-radius-md) !important;
	font-weight: var(--community-font-weight-semibold) !important;
	transition: var(--community-transition-fast) !important;
}

.directorist-btn-archive-filter:hover {
	background: var(--community-color-primary) !important;
	color: white !important;
	transform: translateY(-1px) !important;
}

/* Enhanced view toggle buttons */
.directorist-viewas-dropdown {
	display: flex !important;
	background: var(--community-color-bg-light) !important;
	border-radius: var(--community-border-radius-md) !important;
	padding: 4px !important;
	gap: 2px !important;
}

.directorist-dropdown.directorist-sortby-dropdown {
	border-radius: 0;
	border: none;
}

.directorist-viewas-dropdown .directorist-dropdown__links__single {
    background: transparent !important;
    border: none !important;
    padding: 8px 12px !important;
    border-radius: var(--community-border-radius-sm) !important;
    color: var(--community-color-text-secondary) !important;
    transition: var(--community-transition-fast) !important;
    text-decoration: none !important;
}

.directorist-viewas-dropdown .directorist-dropdown__links__single.current,
.directorist-viewas-dropdown .directorist-dropdown__links__single:hover {
    background: white !important;
    color: var(--community-color-primary) !important;
    box-shadow: var(--community-shadow-sm) !important;
}

/* Enhanced listing container */
.directorist-archive-items {
	max-width: 1200px !important;
	margin: 0 auto !important;
}

/* Enhanced individual listing cards */
.directorist-listing-single {
	padding: 0 !important;
	border: none !important;
	box-shadow: none !important;
}

.directorist-single .directorist-listing-single__info .directorist-info-item {
	margin: 0 auto !important;
}

.directorist-user-dashboard-tab .directorist-user-dashboard-search__icon {
	left: unset !important;
	right: 16px !important;
}

.directorist-user-dashboard .directorist-icon-mask:after,
.directorist-user-dashboard .directorist-tab__nav__link.directorist-tab__nav__active .directorist-icon-mask:after {
	background-color: #000 !important;
}

/* Enhanced listing header */
.directorist-listing-single .directorist-listing-single__header {
	padding: var(--community-spacing-xl) !important;
	border-bottom: 1px solid var(--community-color-border) !important;
	background: var(--community-color-bg-light) !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: flex-start !important;
	gap: var(--community-spacing-md) !important;
}

/* Enhanced listing titles */
.directorist-listing-single h2,
.directorist-listing-single .directorist-listing-title {
	font-size: 18px !important;
	padding-bottom: 10px !important;
	font-weight: var(--community-font-weight-bold) !important;
	line-height: 1.3 !important;
	color: var(--community-color-text-primary) !important;
	margin: 0 0 var(--community-spacing-sm) 0 !important;
	transition: color 0.2s ease !important;
}

.directorist-listing-single h2 a,
.directorist-listing-single .directorist-listing-title a {
	color: inherit !important;
	text-decoration: none !important;
}

.directorist-listing-single h2 a:hover,
.directorist-listing-single .directorist-listing-title a:hover {
	color: var(--community-color-primary) !important;
}

/* Enhanced listing content */
.directorist-listing-single .directorist-listing-single__content {
	padding: var(--community-spacing-xl) !important;
}

/* Enhanced meta information */
.directorist-listing-single__meta {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: var(--community-spacing-lg) !important;
	margin-bottom: var(--community-spacing-lg) !important;
	font-size: var(--community-font-size-base) !important;
	color: var(--community-color-text-secondary) !important;
}

.directorist-listing-single__meta .directorist-meta-item {
	display: flex !important;
	align-items: center !important;
	gap: var(--community-spacing-xs) !important;
	background: var(--community-color-bg-light) !important;
	padding: 6px 12px !important;
	border-radius: var(--community-border-radius-sm) !important;
	font-weight: var(--community-font-weight-medium) !important;
}

/* Enhanced favorite buttons */
.directorist-listing-single .directorist-bookmark {
	background: white !important;
	border: 1px solid var(--community-color-border) !important;
	color: var(--community-color-text-secondary) !important;
	padding: 8px !important;
	border-radius: var(--community-border-radius-sm) !important;
	transition: all 0.2s ease !important;
	width: 40px !important;
	height: 40px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.directorist-listing-single .directorist-bookmark:hover {
	background: var(--community-color-primary) !important;
	border-color: var(--community-color-primary) !important;
	color: white !important;
	transform: scale(1.1) !important;
}

/* ==========================================================================
	15. Single Listing Page
	========================================================================== */

/* Main single listing wrapper with card design */
.directorist-single-wrapper,
#directorist .directorist-single-wrapper {
	border-radius: 12px !important;
	box-shadow: 0 4px 12px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04) !important;
	border: 1px solid rgba(15, 23, 42, 0.08) !important;
	padding: 0 !important;
	max-width: 1200px !important;
	overflow: hidden !important;
}

/* Top navigation bar (Go Back, Favorite, Share, Report) */
.directorist-single .directorist-single-wrapper > div:first-child {
	background: linear-gradient(135deg, #FAFAFA 0%, #F5F5F5 100%) !important;
	padding: 16px 24px !important;
	border-bottom: 1px solid var(--community-color-border) !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
}

/* Go Back button styling */
.directorist-single a[href*="javascript:history.back"] {
	background: white !important;
	color: var(--community-color-text-secondary) !important;
	padding: 8px 16px !important;
	border-radius: var(--community-border-radius-md) !important;
	border: 1px solid var(--community-color-border) !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	transition: all 0.2s ease !important;
	font-weight: var(--community-font-weight-medium) !important;
}

.directorist-single a[href*="javascript:history.back"]:hover {
	background: var(--community-color-bg-light) !important;
	border-color: var(--community-color-primary) !important;
	color: var(--community-color-primary) !important;
	transform: translateX(-2px) !important;
}

/* Action buttons group (Favorite, Share, Report) */
.directorist-single .directorist-single-wrapper button {
	background: white !important;
	color: var(--community-color-text-secondary) !important;
	padding: 8px 12px !important;
	border-radius: var(--community-border-radius-md) !important;
	border: 1px solid var(--community-color-border) !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	font-size: var(--community-font-size-sm) !important;
	font-weight: var(--community-font-weight-medium) !important;
}

.directorist-single .directorist-single-wrapper button:hover {
	background: var(--community-color-bg-light) !important;
	border-color: var(--community-color-primary) !important;
	color: var(--community-color-primary) !important;
}

/* Image slider/gallery section */
.directorist-single .directorist-single-wrapper > div:nth-child(2) {
	position: relative !important;
	background: #F9FAFB !important;
	min-height: 400px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.directorist-single .directorist-single-wrapper img {
	max-width: 100% !important;
	height: auto !important;
	display: block !important;
}

/* Main listing title and price section */
.directorist-single .directorist-single-wrapper h1 {
	font-size: clamp(2rem, 4vw, 2.5rem) !important;
	color: var(--community-color-text-primary) !important;
	line-height: 1.2 !important;
	margin: 0 !important;
	letter-spacing: -0.02em !important;
	text-align: center !important;
	display: block;
}

/* Price display */
.directorist-single .directorist-single-wrapper > div:nth-child(4) {
	font-size: 2rem !important;
	font-weight: 700 !important;
	color: var(--community-color-primary) !important;
	margin: 0 32px 32px 32px !important;
	padding-bottom: 24px !important;
	border-bottom: 1px solid var(--community-color-border) !important;
}

/* Section containers (Basic Information, Equipment Details, Contact Information, etc.) */
.directorist-single .directorist-single-wrapper > div[class*="directorist"] {
	padding: 32px !important;
	border-bottom: 1px solid var(--community-color-border) !important;
}

.directorist-single .directorist-single-wrapper > div[class*="directorist"]:last-child {
	border-bottom: none !important;
}

/* Section headings */
.directorist-single .directorist-single-wrapper h3 {
	font-size: 1.5rem !important;
	font-weight: 400 !important;
	color: var(--community-color-text-primary) !important;
	margin-bottom: -1px !important;
	padding-bottom: 10px !important;
	border-bottom: 1px solid var(--community-color-primary) !important;
	display: inline-block !important;
}

/* Basic Information section */
.directorist-single .directorist-single-wrapper p {
	font-size: 1rem !important;
	line-height: 1.7 !important;
	color: var(--community-color-text-secondary) !important;
	margin-bottom: 16px !important;
}

/* Equipment/Details grid section */
.directorist-single .directorist-single-wrapper > div:nth-child(6) > div {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
	gap: 20px !important;
	margin-top: 20px !important;
}

/* Individual detail items */
.directorist-single .directorist-single-wrapper > div:nth-child(6) > div > div {
	background: var(--community-color-bg-light) !important;
	padding: 16px !important;
	border-radius: var(--community-border-radius-md) !important;
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	border: 1px solid rgba(0,0,0,0.05) !important;
	transition: all 0.2s ease !important;
}

.directorist-single .directorist-single-wrapper > div:nth-child(6) > div > div:hover {
	background: white !important;
	box-shadow: var(--community-shadow-sm) !important;
}

/* Detail labels and values */
.directorist-single .directorist-single-wrapper > div:nth-child(6) > div > div > div:first-child {
	font-weight: 600 !important;
	color: var(--community-color-text-secondary) !important;
	font-size: 0.875rem !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
}

.directorist-single .directorist-single-wrapper > div:nth-child(6) > div > div > div:last-child {
	font-weight: 500 !important;
	color: var(--community-color-text-primary) !important;
	font-size: 1rem !important;
}

/* Contact Information section */
.directorist-single .directorist-single-wrapper > div:nth-child(7) > div {
	background: linear-gradient(135deg, #FEF2F2 0%, #FFF5F5 100%) !important;
	padding: 24px !important;
	border-radius: var(--community-border-radius-lg) !important;
	border: 1px solid rgba(139, 31, 31, 0.1) !important;
}

.directorist-single .directorist-single-wrapper > div:nth-child(7) > div > div {
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	margin-bottom: 16px !important;
	padding: 12px 0 !important;
	border-bottom: 1px solid rgba(139, 31, 31, 0.05) !important;
}

.directorist-single .directorist-single-wrapper > div:nth-child(7) > div > div:last-child {
	border-bottom: none !important;
	margin-bottom: 0 !important;
}

/* Contact links styling */
.directorist-single .directorist-single-wrapper a[href^="tel:"],
.directorist-single .directorist-single-wrapper a[href^="mailto:"] {
	color: var(--community-color-link) !important;
	text-decoration: none !important;
	font-weight: 500 !important;
	transition: all 0.2s ease !important;
}

.directorist-single .directorist-single-wrapper a[href^="tel:"]:hover,
.directorist-single .directorist-single-wrapper a[href^="mailto:"]:hover {
	color: var(--community-color-link-hover) !important;
	text-decoration: underline !important;
}

/* Author Info section */
.directorist-single .directorist-single-wrapper > div:nth-child(8) {
	background: linear-gradient(135deg, #FAFAFA 0%, #F7F7F7 100%) !important;
	padding: 32px !important;
}

.directorist-single .directorist-single-wrapper > div:nth-child(8) > div {
	display: flex !important;
	gap: 24px !important;
	align-items: flex-start !important;
}

/* Author avatar container */
.directorist-single .directorist-single-wrapper figure {
	flex-shrink: 0 !important;
	width: 80px !important;
	height: 80px !important;
	border-radius: var(--community-border-radius-full) !important;
	background: var(--community-color-primary) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: white !important;
	font-size: 2rem !important;
	font-weight: 700 !important;
	box-shadow: 0 4px 12px rgba(139, 31, 31, 0.2) !important;
}

/* Author name and details */
.directorist-single .directorist-single-wrapper > div:nth-child(8) h4 {
	font-size: 1.25rem !important;
	font-weight: 700 !important;
	color: var(--community-color-text-primary) !important;
	margin-bottom: 8px !important;
}

/* View Profile button */
.directorist-single .directorist-single-wrapper a[href*="author-profile"] {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	background: var(--community-color-primary) !important;
	color: white !important;
	padding: 10px 20px !important;
	border-radius: var(--community-border-radius-md) !important;
	text-decoration: none !important;
	font-weight: 600 !important;
	margin-top: 16px !important;
	transition: all 0.2s ease !important;
	box-shadow: 0 2px 8px rgba(139, 31, 31, 0.15) !important;
}

.directorist-single .directorist-single-wrapper a[href*="author-profile"]:hover {
	background: var(--community-color-primary-dark) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 12px rgba(139, 31, 31, 0.25) !important;
}

/* Contact Form section */
.directorist-single .directorist-single-wrapper > div:nth-child(9) {
	background: white !important;
	padding: 40px 32px !important;
}

/* Form inputs */
.directorist-single .directorist-single-wrapper input[type="text"],
.directorist-single .directorist-single-wrapper input[type="email"],
.directorist-single .directorist-single-wrapper textarea {
	width: 100% !important;
	padding: 12px 16px !important;
	border: 2px solid var(--community-color-border) !important;
	border-radius: var(--community-border-radius-md) !important;
	font-size: 1rem !important;
	margin-bottom: 20px !important;
	transition: all 0.2s ease !important;
	background: white !important;
	color: var(--community-color-text-primary) !important;
}

.directorist-single .directorist-single-wrapper input[type="text"]:focus,
.directorist-single .directorist-single-wrapper input[type="email"]:focus,
.directorist-single .directorist-single-wrapper textarea:focus {
	border-color: var(--community-color-border-focus) !important;
	box-shadow: 0 0 0 3px rgba(0, 84, 166, 0.1) !important;
	outline: none !important;
}

.directorist-single .directorist-single-wrapper textarea {
	min-height: 120px !important;
	resize: vertical !important;
}

/* Submit button */
.directorist-single .directorist-single-wrapper button[type="submit"] {
	background: var(--community-color-primary) !important;
	color: white !important;
	padding: 14px 32px !important;
	border: none !important;
	border-radius: var(--community-border-radius-md) !important;
	font-size: 1rem !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	box-shadow: 0 2px 8px rgba(139, 31, 31, 0.15) !important;
	width: 100% !important;
}

.directorist-single .directorist-single-wrapper button[type="submit"]:hover {
	background: var(--community-color-primary-dark) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 12px rgba(139, 31, 31, 0.25) !important;
}

.directorist-single-info__label__text:before {
	display: none !important;
}

/* Price Range */
.directorist-search-field .directorist-price-ranges__item.directorist-form-group label {
	margin-bottom: 0 !important;
}

.directorist-search-field .directorist-price-ranges__item.directorist-form-group .directorist-price-ranges__currency {
	font-size: 14px !important;
	line-height: initial;
}

/* ==========================================================================
   16. DASHBOARD MOBILE RESPONSIVENESS
   Fixes for Profile page Listings tab on mobile viewports
   ========================================================================== */


/* Responsive styles moved to assets/css/global/responsive/ */