/* YourNeeds 5.8.4: public directory, footer and compact location corrections. */

/* The fixed mobile action bar needs reserved space only on small screens. */
@media (min-width: 861px) {
	body.yn-pulse-p2 {
		padding-bottom: 0 !important;
	}

	.yn-mobile-bar {
		display: none !important;
	}
}

.yn-site-footer-rich {
	margin-bottom: 0 !important;
}

/* Two-level category directory: compact columns matching a familiar
 * classifieds index instead of nested cards inside cards. */
.yn-category-directory-section .yn-category-card-grid {
	display: block !important;
	column-count: 4;
	column-gap: 42px;
}

.yn-category-directory-section .yn-category-card-with-subs {
	display: inline-block !important;
	width: 100% !important;
	margin: 0 0 26px !important;
	padding: 0 0 16px !important;
	break-inside: avoid;
	border: 0 !important;
	border-bottom: 1px solid #d7dce3 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	transform: none !important;
}

.yn-category-directory-section .yn-category-card-main {
	display: grid !important;
	grid-template-columns: 34px minmax(0, 1fr) !important;
	gap: 10px !important;
	min-height: 44px !important;
	padding: 0 0 10px !important;
	border: 0 !important;
	background: transparent !important;
}

.yn-category-directory-section .yn-category-card-main .yn-category-icon,
.yn-category-directory-section .yn-category-card-main .yn-category-icon svg {
	width: 34px !important;
	height: 34px !important;
	flex-basis: 34px !important;
}

.yn-category-directory-section .yn-category-card-main small,
.yn-category-directory-section .yn-category-card-main em,
.yn-category-directory-section .yn-category-card-main > b {
	display: none !important;
}

.yn-category-directory-section .yn-category-card-main strong {
	font-size: 16px !important;
	line-height: 1.3 !important;
}

.yn-category-directory-section .yn-category-subcategory-links {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 0 !important;
	padding: 0 !important;
}

.yn-category-directory-section .yn-category-subcategory-links a {
	display: block !important;
	min-height: 0 !important;
	padding: 5px 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #202938 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
}

.yn-category-directory-section .yn-category-subcategory-links a:hover {
	background: transparent !important;
	color: #075eb8 !important;
	text-decoration: underline !important;
	text-underline-offset: 3px;
}

.yn-category-directory-section .yn-category-subcategory-links a span {
	display: none !important;
}

.yn-user-ad-category-flow {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* Keep state discovery useful without allowing it to dominate the page. */
.yn-india-state-directory {
	box-sizing: border-box;
	padding-top: 18px !important;
	padding-bottom: 18px !important;
}

.yn-india-state-directory .yn-footer-country-head {
	margin-bottom: 12px !important;
}

.yn-india-state-directory .yn-footer-country-head p {
	margin-top: 4px !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
}

.yn-india-state-directory .yn-india-state-links {
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	gap: 8px !important;
}

.yn-india-state-directory .yn-footer-country-card {
	box-sizing: border-box !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px !important;
	min-height: 44px !important;
	padding: 8px 10px !important;
	border-radius: 9px !important;
}

.yn-india-state-directory .yn-footer-country-card strong {
	min-width: 0;
	font-size: 13px !important;
	line-height: 1.25 !important;
}

.yn-india-state-directory .yn-footer-country-card em {
	flex: none;
	font-size: 10px !important;
	white-space: nowrap;
}

.yn-india-state-more {
	margin-top: 10px;
}

.yn-india-state-more summary {
	box-sizing: border-box;
	width: max-content;
	min-height: 40px;
	padding: 9px 14px;
	border: 1px solid #bfd3ee;
	border-radius: 999px;
	background: #f4f8fd;
	color: #124f91;
	cursor: pointer;
	font-size: 13px;
	font-weight: 800;
	list-style-position: inside;
}

.yn-india-state-more[open] summary {
	margin-bottom: 10px;
}

.yn-india-all-locations {
	min-height: 40px !important;
	margin-top: 10px !important;
	padding: 8px 13px !important;
	font-size: 13px !important;
}

/* Make the homepage city directory denser while retaining comfortable targets. */
.yn-home-india-locations {
	margin: 18px 0 !important;
	padding: 20px 24px !important;
}

.yn-home-india-locations .yn-home-locations-head {
	margin-bottom: 14px !important;
}

.yn-home-india-locations h3 {
	margin: 24px 0 12px !important;
}

.yn-home-india-locations .yn-home-location-grid {
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	gap: 10px 20px !important;
}

.yn-home-india-locations .yn-home-location-grid a {
	min-height: 36px !important;
	font-size: 14px !important;
	line-height: 1.3 !important;
}

.yn-home-india-locations .yn-location-link-icon {
	width: 18px !important;
	height: 18px !important;
}

@media (max-width: 1100px) {
	.yn-category-directory-section .yn-category-card-grid {
		column-count: 3;
		column-gap: 28px;
	}

	.yn-india-state-directory .yn-india-state-links,
	.yn-home-india-locations .yn-home-location-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 720px) {
	.yn-category-directory-section .yn-category-card-grid {
		column-count: 2;
		column-gap: 18px;
	}

	.yn-user-ad-category-flow {
		grid-template-columns: 1fr !important;
	}

	.yn-india-state-directory {
		padding: 14px 12px !important;
	}

	.yn-india-state-directory .yn-india-state-links,
	.yn-home-india-locations .yn-home-location-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 8px 10px !important;
	}

	.yn-india-state-directory .yn-footer-country-card {
		align-items: flex-start !important;
		flex-direction: column !important;
		justify-content: center !important;
	}

	.yn-home-india-locations {
		padding: 16px 12px !important;
	}
}

@media (max-width: 440px) {
	.yn-category-directory-section .yn-category-card-grid {
		column-count: 1;
	}
}