/* RE/MAX Atlantis Core Catalog - public-facing styles for network listing
   pages. No CSS file existed for these templates before, so the primary
   image had no responsive width constraint at all and overflowed the
   viewport horizontally on mobile. */

.racc-detail-wrap {
	max-width: 100%;
	overflow-x: hidden;
}

.racc-detail {
	max-width: 100%;
}

.racc-detail-image {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}

.racc-catalog,
.racc-listings,
.racc-card {
	max-width: 100%;
	box-sizing: border-box;
}

.racc-card img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}

.racc-inquiry-form {
	max-width: 100%;
	box-sizing: border-box;
}

.racc-inquiry-form input,
.racc-inquiry-form textarea,
.racc-inquiry-form button {
	max-width: 100%;
	box-sizing: border-box;
}

/* Catalog pagination (SITE-NEXT, 2026-09-30): the catalog listing page
   previously hard-capped at 24 results with no pagination UI at all --
   this component didn't exist before, so it gets its own rules rather
   than assuming an unrelated Houzez class covers it. */
.racc-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 24px 0;
	max-width: 100%;
}

.racc-pagination__link {
	display: inline-block;
	padding: 6px 12px;
	border: 1px solid #d0d0d0;
	border-radius: 4px;
	text-decoration: none;
}

.racc-pagination__link--current {
	font-weight: bold;
	border-color: currentColor;
}

/* "Personalized Real Estate Discovery" Phase 2: /network-listings/ now
   also renders Houzez 'property' (Atlantis) rows through
   render_unified_card() -- this is new markup (racc-card--unified /
   racc-card--atlantis / racc-assigned-agent-cta / racc-debug-breakdown),
   not something the Houzez theme has any existing rule for, so it gets
   explicit rules here per this repo's own release checklist rather than
   assuming the theme happens to style an unfamiliar class correctly. */
.racc-card--unified {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 10px;
	border: 1px solid #e3e3e3;
	border-radius: 6px;
}

.racc-assigned-agent-cta {
	margin: 4px 0 0;
}

.racc-assigned-agent-cta a {
	display: inline-block;
	padding: 8px 14px;
	border-radius: 4px;
	background: #1d6f42;
	color: #fff;
	text-decoration: none;
}

/* Admin-only (RACC_Search::render_unified_card() only ever passes this
   markup when current_user_can('manage_options') already gated it) --
   deliberately plain/unstyled-looking so it's visually obvious this is a
   debug aid, never mistaken for visitor-facing content. */
.racc-debug-breakdown {
	margin-top: 6px;
	padding: 6px 8px;
	background: #f5f5f5;
	border: 1px dashed #bbb;
	font-size: 11px;
	max-width: 100%;
	box-sizing: border-box;
}

.racc-debug-breakdown ul {
	margin: 4px 0 0;
	padding-left: 16px;
}