.clr {
	clear: both;
}

.numberbox {
	text-align: right;
	padding-right: 2px;
}

.right {
	text-align: right;
}

/*** Properties Search layout ***/

#jea-search-form label {
	display: inline !important;
}

#jea-search-form input {
	width: auto !important;
}

#jea-search-form .jea-counter {
	float: right;
}

#jea-search-form .jea-counter-result {
	font-weight: bold;
}

#jea-search-form h2, #jea-search-form hr {
	clear: both;
}

#jea-search-form hr {
	margin: 1em 0;
}

#jea-search-form select {
	width: 12em;
}

#jea-search-form dl {
	padding: 0.5em 0;
}

#jea-search-form dl.col-left, #jea-search-form dl.col-right {
	float: left;
}

#jea-search-form dl.col-left {
	margin-right: 3em;
}

#jea-search-form dt, #jea-search-form dd {
	margin: 0;
	padding: 0;
	display: table-cell;
}

#jea-search-form dt {
	min-width: 5em;
}

#jea-search-form ul {
	overflow: hidden;
	margin: 1em 0 !important;
	padding: 0 !important;
}

#jea-search-form ul.jea-search-other li {
	list-style: none;
	margin: 0.5em 0 !important;
	padding: 0 !important;
}

#jea-search-form ul.jea-search-other label {
	display: inline-block;
	min-width: 13em;
}

/* Searchmap grouped filter sections (amenities / issues) */
.jea-map-amenities,
.jea-map-filter-group {
	margin-bottom: 0.5rem;
}
.jea-map-filter-group-title {
	font-size: 0.82rem;
	font-weight: 600;
	color: #555;
	margin-bottom: 0.2rem;
}
.jea-map-filter-subgroup {
	margin-left: 0.75rem;
	margin-bottom: 0.35rem;
}
.jea-map-filter-items {
	display: flex;
	flex-wrap: wrap;
	gap: 0.2rem 0.8rem;
	padding-left: 0.5rem;
}
.jea-map-filter-label {
	font-size: 0.82rem;
	display: flex;
	align-items: center;
	gap: 0.3rem;
	cursor: pointer;
	white-space: nowrap;
}

#jea-search-form .amenities li {
	width: 17em;
	margin: 0 1.5em 0.5em 0 !important;
	padding: 0 !important;
	float: left;
	list-style: none;
}

/* Properties Default layout */

.limitbox {
	text-align: right;
}

dl.jea_item {
	border-top: 1px dashed #ccc;
	padding: 1em 0;
	margin: 0;
}

dl.jea_item:FIRST-CHILD {
	border-top: none;
	padding-top: 0;
}

dl.jea_item dt.title {
	margin-bottom: 0.7em;
}

dl.jea_item dt.title strong {
	font-size: 1.3em;
}

dl.jea_item dt.image {
	text-align: center;
	margin-bottom: 1em;
}

dl.jea_item dt.image img {
	border-color: #819d26;
}

dl.jea_item span.slogan {
	float: right;
}

dl.jea_item span.slogan strong {
	color: red;
}

@media ( min-width : 1200px) {

	dl.jea_item {
		/* formatting context, prevent overshooting of floating */
		overflow: hidden;
	}

	dl.jea_item dt.title {
		clear: both;
	}

	dl.jea_item dt.image {
		float: left;
		margin-right: 1em;
		margin-bottom: 0;
	}
}

/* Property Default layout */
.prev-next-navigation {
	text-align: center;
}

.prev-next-navigation .previous {
	display: inline-block;
	margin-right: 20px;
}

.jea-tools .print-icon {
	float: right;
}

.jea-tools img {
	border: none;
}

#jea-gallery {
	margin-bottom: 10px;
}

#jea-gallery-scroll {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
}

#jea-gallery-scroll a {
	display: block;
	max-width: 32%;
	margin: auto auto 5px auto;
}

#jea-gallery-preview a {
	display: inline-block;
}

#jea-gallery-preview img {
	max-width: 100%;
	margin-bottom: 5px;
}

#jea-preview-title {
	font-weight: bold;
}

#jea-preview-description {
	font-style: italic;
}

span.rate_frequency {
	font-size: 0.9em;
	font-weight: normal;
}

table.jea-data {
	width: 100%;
}

table.jea-data th, table.jea-data td {
	padding: 0.4em;
}

table.jea-data th {
	text-align: left;
	font-weight: normal;
}

table.jea-data td {
	font-weight: bold;
}

.property-description {
	margin: 2em 0;
}

#advantages_list {
	margin-bottom: 10px;
}

#jea_property_map {
	width: 100%;
	height: 300px;
	margin-bottom: 1.5em;
}

.google-map-mask {
	background: #000 url(../images/spinner.gif) center center no-repeat;
}

form#jea-contact-form legend {
	font-weight: bold;
}

form#jea-contact-form fieldset dt {
	padding: 3px 0;
	margin: 0;
}

form#jea-contact-form fieldset dd {
	padding: 3px 0;
	margin: 0 0 0.3em 0;
}

form#jea-contact-form input[type="text"], form#jea-contact-form textarea
	{
	width: 100%;
	box-sizing: border-box;
	height: auto;
}

@media ( min-width : 1200px) {

	#jea-gallery.vertical {
		display: flex;
		justify-content: space-between;
	}

	#jea-gallery-preview.vertical {
		flex-basis: 80%;
		margin-right: 5px;
	}

	#jea-gallery-scroll.vertical {
		flex-basis: 20%;
		overflow-y: auto;
	}

	#jea-gallery-scroll.vertical a {
		max-width: 100%;
	}

	#jea-gallery-scroll.horizontal {
		display: block;
		white-space: nowrap;
		overflow-x: auto;
	}

	#jea-gallery-scroll.horizontal a {
		display: inline-block;
	}

	#jea-gallery-scroll.horizontal img {
		max-height: 80px;
		max-width: auto;
	}

	table.jea-data {
		width: auto;
	}

	.jea-col-right {
		float: right;
		margin-left: 2em;
		padding: 2em;
		border-left: 1px dashed #b2b4bf;
	}
}

/*** SqueezeBox layout ***/

#jea-squeezeBox-navblock {
	position: relative;
	bottom: -15px;
	text-align: center;
}

#jea-squeezeBox-infos {
	position: absolute;
	bottom: 15px;
	right: 15px;
	text-align: center;
	background: #000;
	padding: 10px;
	opacity: 0.8;
}

#jea-squeezeBox-title {
	font-weight: bold;
	color: #fff;
	font-size: 13px;
}

#jea-squeezeBox-description {
	color: #ddd;
	font-size: 10px;
}

a#jea-squeezeBox-prev, a#jea-squeezeBox-next {
	color: #fff;
}

#jea-squeezeBox-prev {
	margin-right: 10px;
}

#jea-squeezeBox-next {
	margin-left: 10px;
}

a#jea-squeezeBox-prev.inactive, a#jea-squeezeBox-next.inactive {
	color: #ccc;
	text-decoration: none;
	background: transparent;
	cursor: default;
}

/*format tabular list */

table.jea_listing, table.jea_listing thead, table.jea_listing th, table.jea_listing tbody,
	table.jea_listing td {
	border: 1px solid #ccc;
}

table.jea_listing {
	border-collapse: collapse;
}

table.jea_listing th, table.jea_listing td {
	padding: 5px;
	text-align: left;
}

table.jea_listing tbody th {
	font-weight: bold;
}

table.jea_listing thead {
	font-weight: bold;
	white-space: nowrap;
	text-align: left;
}

table.jea_listing tbody tr.row1 {
	background: #F9F9F9;
}

table.jea_listing tbody tr:hover {
	background: #FFD;
}

table.jea_listing .right {
	text-align: right;
}

table.jea_listing .center {
	text-align: center;
}

table.jea_listing .nowrap {
	white-space: nowrap;
}

/*** Property form layout ***/

ul#amenities {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden;
}

ul#amenities li {
	width: 200px;
	margin: 0 15px 10px 0 !important;
	padding: 0 !important;
	float: left;
}

ul#amenities li label {
	font-size: 12px;
	line-height: 13px;
}

ul#amenities li input {
	float: none;
	margin: 0 8px 0 0;
}

ul.gallery {
	margin: 10px 0 0 0 !important;
	list-style: none !important;
	padding: 0 !important;
}

ul.gallery li {
	padding: 10px 0 10px 10px !important;
	margin: 0 !important;
	border-top: 1px solid #ccc !important;
}

ul.gallery li:FIRST-CHILD {
	background: #FFFFCC
}

ul.gallery a.imgLink {
	float: left;
	margin: 0 10px 5px 0;
}

ul.gallery a.imgLink img {
	float: none;
	margin: 0;
}

ul.gallery .imgTools a {
	cursor: pointer;
	display: inline-block;
	padding: 0 5px;
}

ul.gallery .imgTools a.delete-img {
	margin-left: 20px;
}

ul.gallery label {
	display: inline-block;
	vertical-align: top;
	width: 10em;
}

#found_properties {
	white-space: nowrap;
}

.slider_background {
	background: url("../images/slider_bg.png") center center no-repeat;
	height: 20px;
	width: 250px;
}

.knob {
	background: url("../images/knob.png") center center no-repeat;
	height: 20px;
	width: 16px;
	cursor: move;
}

.jea_slider_block {
	float: left;
	width: 250px;
	margin: 10px 10px 10px 0;
}

.jea_slider_block h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center;
}

.slider_infos {
	text-align: center !important;
}

.slider_min_value {
	margin-right: 10px;
}

.slider_max_value {
	margin-left: 10px;
}

/* property form */
#adminForm label {
	display: inline-block !important;
	vertical-align: top;
	width: 13em;
}

#adminForm input {
	width: auto !important;
}

/* ==========================================================================
   JEA — Extended Styles (added during Joomla 4/5/PHP 8.4 refactor)
   These are the default values for all new selectors introduced during the
   refactor. Override any of these in your template's custom.css.
   ========================================================================== */

/* ── Property single page: ref & availability ─────────────────────────── */

.property-ref {
	margin-bottom: 0.5rem;
}

.property-ref small {
	font-size: 0.8rem;
	color: #6c757d;
}

p.availability {
	margin-bottom: 1rem;
}

p.availability strong {
	font-weight: 600;
}

/* ── Listing metadata (author / date / edit count) ───────────────────── */

.jea-listing-meta {
	font-size: 0.85em;
}

.jea-listing-meta li {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;
	margin-bottom: 3px;
}

.jea-meta-avatar {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	object-fit: cover;
	border: 1px solid #e2e8f0;
	flex-shrink: 0;
	vertical-align: middle;
}

.jea-meta-user-link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: #2563eb;
	font-weight: 600;
	text-decoration: none;
}

.jea-meta-user-link:hover {
	text-decoration: underline;
}

/* ── Toolbar (print + share + watch button row) ──────────────────────── */

.jea-tools {
	margin-bottom: 1rem;
}

.jea-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
}

.jea-toolbar-left {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex-wrap: wrap;
}

/* ── Previous / Next navigation ──────────────────────────────────────── */

.jea-prev-next {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 0.25rem;
}

/* ── Property list: new helpers ──────────────────────────────────────── */

.jea-items { }

.jea-no-records {
	padding: 20px;
	text-align: center;
	color: #6c757d;
}

/* ── Gallery: thumbnails & CSS lightbox ──────────────────────────────── */

.jea-gallery-img {
	max-width: 100%;
	height: auto;
	cursor: pointer;
	border-radius: 4px;
}

.jea-thumbnails {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 8px;
}

.jea-thumbnails img {
	width: 64px;
	height: 48px;
	object-fit: cover;
	border-radius: 3px;
	cursor: pointer;
	border: 2px solid transparent;
	transition: border-color 0.15s;
}

.jea-thumbnails img:hover,
.jea-thumbnails img.active {
	border-color: #2563eb;
}

.jea-lightbox {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.88);
	z-index: 9999;
	align-items: center;
	justify-content: center;
}

.jea-lightbox.active {
	display: flex;
}

.jea-lightbox img {
	max-width: 90vw;
	max-height: 88vh;
	border-radius: 6px;
}

.jea-lightbox-close {
	position: absolute;
	top: 16px;
	right: 20px;
	font-size: 2rem;
	color: #fff;
	cursor: pointer;
	line-height: 1;
	background: none;
	border: none;
}

.jea-lightbox-prev,
.jea-lightbox-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 2.5rem;
	color: #fff;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.35);
	border: none;
	padding: 4px 14px;
	border-radius: 4px;
	line-height: 1;
}

.jea-lightbox-prev { left: 16px; }
.jea-lightbox-next { right: 16px; }

/* ── Map: mini map & Leaflet wrappers ────────────────────────────────── */

.jea-mini-map-wrap {
	position: relative;
	overflow: hidden;
	border-radius: 4px;
}

.jea-mini-map {
	height: 180px;
	width: 100%;
	pointer-events: none;
}

.jea-leaflet-wrap {
	width: 100%;
	border-radius: 6px;
	overflow: hidden;
}

/* ── Amenities row (multi-column grid on property page) ──────────────── */

.jea-amenities-row {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 4px 12px;
}

/* ── Tenancy issues display ──────────────────────────────────────────── */

.jea-tenancy-issues {
	margin-top: 1rem;
}

.jea-tenancy-entry {
	padding: 0.4em 0;
	border-bottom: 1px solid #f1f5f9;
}

.jea-tenancy-notes {
	font-style: italic;
	color: #64748b;
	font-size: 0.87em;
}

.jea-tenancy-period {
	font-size: 0.82em;
	color: #94a3b8;
}

.jea-tenancy-timeline {
	list-style: none;
	padding: 0;
	margin: 0;
}

.jea-tenancy-history {
	margin-top: 1rem;
}

.jea-tenancy-form {
	margin-top: 1.5rem;
}

.jea-move-reason {
	font-size: 0.87em;
	color: #6c757d;
	margin-top: 0.25rem;
}

/* ── Media section (videos / audio / documents) ──────────────────────── */

.jea-media-section {
	border-top: 1px solid #dee2e6;
	margin-top: 1.5rem;
	padding-top: 1rem;
}

.jea-media-videos,
.jea-media-audio,
.jea-media-documents {
	margin-bottom: 1.5rem;
}

.jea-media-videos h4,
.jea-media-audio h4,
.jea-media-documents h4 {
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 0.75rem;
	color: #1e293b;
}

.jea-media-videos video {
	max-width: 100%;
	border-radius: 4px;
	background: #000;
}

.jea-media-audio audio {
	width: 100%;
	max-width: 520px;
}

.jea-media-documents ul {
	list-style: none;
	padding: 0;
}

.jea-media-documents li {
	margin-bottom: 0.5rem;
}

/* ── Tenancy records & edit history ──────────────────────────────────── */

.jea-tenant-history {
	margin-top: 1.5rem;
}

.jea-tenant-history h3 {
	font-size: 1.1rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.jea-edit-history {
	border-top: 1px solid #dee2e6;
	margin-top: 1.5rem;
	padding-top: 1rem;
}

.jea-edit-history h5 {
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #6c757d;
	margin-bottom: 0.5rem;
}

.jea-history-table {
	font-size: 0.82em;
	width: auto;
}

.jea-history-table th {
	font-weight: 500;
	color: #6c757d;
}

/* ── EasySocial watch button ──────────────────────────────────────────── */

.jea-es-watch-btn {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 13px;
	border-radius: 20px;
	font-size: 0.8rem;
	font-weight: 600;
	cursor: pointer;
	border: 1px solid #e2e8f0;
	background: #fff;
	color: #374151;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
	transition: all 0.2s;
	text-decoration: none;
	line-height: 1.5;
}

.jea-es-btn-watching {
	background: #eff6ff;
	border-color: #bfdbfe;
	color: #1d4ed8;
}

.jea-es-watch-btn:hover {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

/* ── Range inputs (budget low/high on same row) ───────────────────────── */

.jea-range {
	display: flex;
	align-items: center;
	gap: 6px;
}

.jea-range input {
	flex: 1;
	min-width: 60px;
}

.jea-range-sep {
	color: #94a3b8;
	font-size: 0.8rem;
}

/* ── Pagination ──────────────────────────────────────────────────────── */

.jea-pagination {
	margin-top: 26px;
	text-align: center;
}

.jea-pagination .counter {
	font-size: 0.82rem;
	color: #64748b;
	margin-bottom: 8px;
}

/* ── END extended styles ──────────────────────────────────────────────── */

/* ── JEA action buttons — fully self-contained, no Bootstrap dependency ────── */
/* These classes bypass the theme's btn overrides entirely.                      */

.jea-btn,
a.jea-btn,
button.jea-btn {
	display: inline-block !important;
	padding: 5px 12px !important;
	font-size: 0.825rem !important;
	line-height: 1.4 !important;
	font-weight: 500 !important;
	border-radius: 4px !important;
	border-width: 1px !important;
	border-style: solid !important;
	border: 1px solid #6c757d !important;
	cursor: pointer !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	vertical-align: middle !important;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	box-sizing: border-box !important;
	/* Safe defaults so bare .jea-btn is never invisible */
	color: #343a40 !important;
	background-color: #f8f9fa !important;
}

/* Primary (blue) — Claim This Listing, Submit claim */
.jea-btn.jea-btn-primary,
a.jea-btn.jea-btn-primary,
button.jea-btn.jea-btn-primary {
	color: #ffffff !important;
	background-color: #0d6efd !important;
	border-color: #0d6efd !important;
}

.jea-btn.jea-btn-primary:hover,
.jea-btn.jea-btn-primary:focus,
.jea-btn.jea-btn-primary:active,
a.jea-btn.jea-btn-primary:hover,
a.jea-btn.jea-btn-primary:focus,
button.jea-btn.jea-btn-primary:hover,
button.jea-btn.jea-btn-primary:focus {
	color: #ffffff !important;
	background-color: #0a58ca !important;
	border-color: #0a53be !important;
}

/* Warning (amber) — Dispute / Incorrect Info */
.jea-btn.jea-btn-warning,
a.jea-btn.jea-btn-warning,
button.jea-btn.jea-btn-warning {
	color: #4a3500 !important;
	background-color: #ffc107 !important;
	border-color: #ffc107 !important;
}

.jea-btn.jea-btn-warning:hover,
.jea-btn.jea-btn-warning:focus,
.jea-btn.jea-btn-warning:active,
a.jea-btn.jea-btn-warning:hover,
a.jea-btn.jea-btn-warning:focus,
button.jea-btn.jea-btn-warning:hover,
button.jea-btn.jea-btn-warning:focus {
	color: #000000 !important;
	background-color: #d39e00 !important;
	border-color: #c69500 !important;
}

/* Secondary (grey) — Cancel, Edit this listing */
.jea-btn.jea-btn-secondary,
a.jea-btn.jea-btn-secondary,
button.jea-btn.jea-btn-secondary {
	color: #343a40 !important;
	background-color: #e9ecef !important;
	border-color: #6c757d !important;
}

.jea-btn.jea-btn-secondary:hover,
.jea-btn.jea-btn-secondary:focus,
.jea-btn.jea-btn-secondary:active,
a.jea-btn.jea-btn-secondary:hover,
a.jea-btn.jea-btn-secondary:focus,
button.jea-btn.jea-btn-secondary:hover,
button.jea-btn.jea-btn-secondary:focus {
	color: #ffffff !important;
	background-color: #6c757d !important;
	border-color: #6c757d !important;
}

/* ── History tab summary stat bar ────────────────────────────────────────── */
.jea-tl-stat-row {
	display: flex;
	align-items: center;
	overflow-x: auto;
	white-space: nowrap;
}
.jea-tl-stat {
	flex: 1 1 0;
	text-align: center;
	padding: 4px 8px;
	min-width: 0;
}
.jea-tl-stat .fw-bold {
	white-space: nowrap;
}
.jea-tl-divider {
	width: 1px;
	align-self: stretch;
	background-color: #dee2e6;
	flex-shrink: 0;
}
@media (max-width: 575px) {
	.jea-tl-stat { padding: 4px 4px; font-size: .75rem; }
	.jea-tl-stat .fs-5 { font-size: .95rem !important; }
}

/* Timeline filter chips inherit the secondary style */
.jea-tl-filter-btn {
	display: inline-block !important;
	padding: 4px 14px !important;
	font-size: 0.78rem !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	border-radius: 50px !important;
	border: 1.5px solid #9ca3af !important;
	cursor: pointer !important;
	background-color: #ffffff !important;
	color: #374151 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	letter-spacing: 0.01em !important;
	transition: background-color 0.15s, color 0.15s, border-color 0.15s !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

.jea-tl-filter-btn:hover,
.jea-tl-filter-btn:focus {
	background-color: #e9ecef !important;
	border-color: #495057 !important;
	color: #212529 !important;
}

.jea-tl-filter-btn.jea-tl-active {
	background-color: #212529 !important;
	border-color: #212529 !important;
	color: #ffffff !important;
}

.jea-tl-filter-btn.jea-tl-active:hover,
.jea-tl-filter-btn.jea-tl-active:focus {
	background-color: #343a40 !important;
	border-color: #343a40 !important;
	color: #ffffff !important;
}

/* ── END JEA button styles ────────────────────────────────────────────────── */

/* ── Checkbox grid (Amenities + Issues in edit form) ────────────────────── */

.jea-check-grid {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 2px 8px !important;
	padding: 4px 0 !important;
}

@media (max-width: 991px) {
	.jea-check-grid {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

@media (max-width: 575px) {
	.jea-check-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

/* Override the col-* classes the field emits — grid handles layout */
.jea-check-grid > div[class*="col-"] {
	width: auto !important;
	max-width: none !important;
	flex: none !important;
	padding: 0 !important;
}

.jea-check-tile {
	display: flex !important;
	align-items: flex-start !important;
	gap: 6px !important;
	padding: 3px 4px !important;
	border-radius: 3px !important;
	font-size: 0.82rem !important;
	line-height: 1.35 !important;
	transition: background-color 0.1s !important;
}

.jea-check-tile:hover {
	background-color: #f0f4ff !important;
}

.jea-check-tile.jea-checked {
	background-color: #eff6ff !important;
}

.jea-check-input {
	flex-shrink: 0 !important;
	margin-top: 2px !important;
	width: 13px !important;
	height: 13px !important;
	accent-color: #2563eb !important;
	cursor: pointer !important;
}

.jea-check-tile label {
	margin: 0 !important;
	cursor: pointer !important;
	color: #374151 !important;
	font-size: 0.82rem !important;
	font-weight: 400 !important;
	line-height: 1.35 !important;
}

/* ── Pill action buttons (Edit this listing, Claim this listing) ─────────── */
/* Must use double-class specificity to beat .jea-btn base !important rules   */

.jea-btn.jea-btn-pill,
a.jea-btn.jea-btn-pill,
button.jea-btn.jea-btn-pill {
	border-radius: 50px !important;
	padding: 4px 16px !important;
	font-size: 0.78rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em !important;
	line-height: 1.4 !important;
}

/* ── END extended styles ──────────────────────────────────────────────────── */

/* ── Amenities & Issues category groups ──────────────────────────────────── */
.jea-amenities-section,
.jea-issues-section {
	margin-top: 1rem;
}

.jea-amenity-cat,
.jea-issue-cat-group {
	margin-bottom: 0.6rem;
}

/* Category heading row: icon + bold label on one line */
.jea-cat-heading {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	margin-bottom: 0.3rem;
	font-size: 0.95rem;
}

.jea-cat-heading i {
	font-size: 1rem;
	width: 1.1em;
	text-align: center;
	flex-shrink: 0;
}

/* Pills row — wraps naturally */
.jea-pill-group {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 0.45rem;
	padding-left: 1.6rem; /* indent to align under category label text */
	margin-bottom: 0.2rem;
}

/* Base pill style */
.jea-pill {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 999px;
	font-size: 0.8rem;
	font-weight: 500;
	line-height: 1.6;
	white-space: nowrap;
}

/* Amenity pill — light green fill, green border */
.jea-pill-amenity {
	background-color: #f0faf2;
	color: #1a6b30;
	border: 1px solid #5cb87a;
}

/* Issue pill — light amber fill, amber border */
.jea-pill-issue {
	background-color: #fff9f0;
	color: #7a4a00;
	border: 1px solid #e6a817;
}

/* Pills as links — remove underline, add hover effect */
a.jea-pill {
	text-decoration: none;
	cursor: pointer;
	transition: filter 0.15s ease, box-shadow 0.15s ease;
}
a.jea-pill:hover {
	filter: brightness(0.92);
	box-shadow: 0 0 0 2px rgba(0,0,0,0.12);
	text-decoration: none;
}
a.jea-pill-amenity:hover { color: #1a6b30; }
a.jea-pill-issue:hover   { color: #7a4a00; }


/* Rent history grouped by tenancy */
.jea-rent-tenancy-group {
	border-left: 3px solid #dee2e6;
	padding-left: 0.75rem;
}
.jea-rent-tenancy-header {
	font-size: 0.85rem;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 0.25rem;
}

/* Media tab section headings */
.jea-media-section-block {
	border-top: 1px solid #dee2e6;
	padding-top: 1rem;
}
.jea-media-section-block:first-child {
	border-top: none;
	padding-top: 0;
}
.jea-media-section-heading {
	font-size: 1rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #495057;
	margin-bottom: .75rem;
}

/* ── Timeline severity highlighting ─────────────────────────────────────────── */
.jea-tl-row[data-tl-severity="3"] {
	border-left: 3px solid #ffc107 !important;
}
.jea-tl-row[data-tl-severity="4"] {
	border-left: 3px solid #dc3545 !important;
}

/* ── User action buttons bar (My Properties / Add Property) ─────────────────── */
.jea-user-actions {
	padding: 10px 0 6px;
}

/* ── Carousel image override ─────────────────────────────────────────────────── */
#jea-carousel-5 .carousel-item img {
	width: 100%;
	height: auto !important;
	object-fit: cover;
	border-radius: 6px;
	cursor: zoom-in;
}

/* ── Issues tab: 2-column grid on desktop, 1-column on mobile ───────────────── */
.jea-issues-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 32px;
}

@media (max-width: 768px) {
	.jea-issues-grid {
		grid-template-columns: 1fr;
	}
}