/**
 * The City page (page-the-city.html): a full-bleed photo header
 * (unlike Services' plain header), a 3-column neighbourhood grid,
 * the "Good to know" fact grid, and a closing gradient CTA band.
 *
 * Two of six neighbourhood cards (T. Nagar, Nungambakkam) have no
 * photo in the source artifact — same real design gap as Services'
 * two gap slides, confirmed via the DOM, not guessed. They get a
 * diagonal-stripe placeholder matching the artifact's own "no image"
 * treatment, with honest "photo pending" text — not a fabricated
 * stock photo. Flag to the owner (see PLAN.md §9).
 */

/* Cover block's own inner-container gets padding + our usual
   left-align/max-width override (see hero.css for why !important is
   required — WP's generated layout CSS also uses !important). */
.chennai-world-city-header .wp-block-cover__inner-container {
	padding: var(--wp--preset--spacing--40);
}

.chennai-world-city-header .wp-block-cover__inner-container > * {
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.chennai-world-city-header .chennai-world-subpage-header {
	padding: 0 0 var(--wp--preset--spacing--40);
}

.chennai-world-city-header .chennai-world-back-link {
	color: rgba(242, 237, 227, 0.8);
}

.chennai-world-city-header .chennai-world-back-link:hover {
	color: #f2ede3;
}

.chennai-world-city-header .chennai-world-eyebrow {
	color: var(--wp--preset--color--accent-gold);
}

.chennai-world-city-header .chennai-world-section-heading {
	color: #f2ede3;
	font-size: var(--wp--preset--font-size--xxx-large);
	font-weight: 300;
	line-height: 0.94;
	letter-spacing: -0.03em;
}

.chennai-world-city-header .chennai-world-section-heading em {
	color: var(--wp--preset--color--accent-gold);
}

.chennai-world-city-header .chennai-world-section-intro {
	margin-top: 1rem;
	color: rgba(242, 237, 227, 0.85);
}

.chennai-world-neighbourhood-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--wp--preset--spacing--30);
	margin-top: var(--wp--preset--spacing--30);
}

.chennai-world-neighbourhood-card {
	border-radius: 1.25rem;
	overflow: hidden;
	background-color: var(--wp--preset--color--surface);
	box-shadow: rgba(0, 0, 0, 0.35) 0 30px 80px 0;
}

.chennai-world-neighbourhood-card-photo {
	height: 12rem;
	background-size: cover;
	background-position: center;
}

.chennai-world-neighbourhood-card-photo--placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: repeating-linear-gradient(135deg, var(--wp--preset--color--surface), var(--wp--preset--color--surface) 10px, var(--wp--preset--color--background-secondary) 10px, var(--wp--preset--color--background-secondary) 20px);
	color: var(--wp--preset--color--text-secondary);
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0.05em;
}

.chennai-world-neighbourhood-card-text {
	padding: var(--wp--preset--spacing--30);
}

.chennai-world-neighbourhood-card-text h3 {
	margin: 0 0 0.5rem;
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.625rem;
	font-weight: 600;
	color: var(--wp--preset--color--text-primary);
}

.chennai-world-neighbourhood-card-text p {
	margin: 0;
	color: var(--wp--preset--color--text-secondary);
	font-size: var(--wp--preset--font-size--medium);
}

.chennai-world-fact-panel {
	margin-top: var(--wp--preset--spacing--30);
	padding: var(--wp--preset--spacing--40);
	border-radius: 1rem;
	background-color: var(--wp--preset--color--surface);
}

.chennai-world-fact-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--wp--preset--spacing--30);
}

.chennai-world-fact-card-label {
	display: block;
	margin-bottom: 0.5rem;
	color: var(--wp--preset--color--accent-gold);
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.chennai-world-fact-card-value {
	margin: 0 0 0.5rem;
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 600;
	color: var(--wp--preset--color--text-primary);
}

.chennai-world-fact-card p {
	margin: 0;
	color: var(--wp--preset--color--text-secondary);
	font-size: var(--wp--preset--font-size--small);
}

.chennai-world-city-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--30);
	margin-top: var(--wp--preset--spacing--30);
	padding: var(--wp--preset--spacing--40);
	border-radius: 1rem;
	background: var(--wp--preset--gradient--panel);
	color: #f2ede3;
}

.chennai-world-city-cta h2 {
	margin: 0 0 0.5rem;
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--xx-large);
	color: #f2ede3;
}

.chennai-world-city-cta p {
	margin: 0;
	max-width: 44ch;
	color: rgba(242, 237, 227, 0.85);
}

.chennai-world-city-cta .chennai-world-cta-button {
	flex-shrink: 0;
}

@media (max-width: 900px) {

	.chennai-world-neighbourhood-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.chennai-world-fact-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.chennai-world-city-cta {
		flex-direction: column;
		align-items: flex-start;
		text-align: left;
	}
}

@media (max-width: 560px) {

	.chennai-world-neighbourhood-grid {
		grid-template-columns: 1fr;
	}

	.chennai-world-fact-grid {
		grid-template-columns: 1fr;
	}
}