/*
 * immonex-Bridge-Theming (Datenbrücke-Modus)
 * Lädt auf ALLEN Frontend-Seiten, sobald immonex Kickstart aktiv ist
 * (Home-Shortcode, Objekt-Archiv und -Single), damit die immonex-Ausgabe
 * die Markenfarben der Produktion immobilien-sofortkauf.de trägt.
 *
 * Hintergrund Ribbon-Farbe: Auf dem Clone lässt immonex die CSS-Variablen
 * --inx-color-marketing-type-* UNDEFINIERT → die Marketing-Type-Labels fallen
 * auf --inx-color-label-default (Gold) zurück. Wir definieren die Variablen
 * markenkonform und färben die konkreten Label-Klassen direkt nach.
 */

.inx-container {
	--inx-color-marketing-type-sale: #ba2a2a;
	--inx-color-marketing-type-sale-lighter: #d64a4a;
	--inx-gradient-marketing-type-sale: linear-gradient(60deg, #d13535 50%, #9e2424 100%);
	/* Miete bewusst ebenfalls Markenrot (Nutzerwunsch) — wie Kauf. */
	--inx-color-marketing-type-rent: #ba2a2a;
	--inx-color-marketing-type-rent-lighter: #d64a4a;
	--inx-gradient-marketing-type-rent: linear-gradient(60deg, #d13535 50%, #9e2424 100%);
}

/* „Zu Verkaufen"/Kauf → Markenrot; „Zu Vermieten"/Miete → Schiefergrau.
   Mehrere Klassen-Varianten, da immonex je nach Quelle unterschiedliche
   Slug-/Feldnamen-Klassen erzeugt (Term-Slug bzw. OpenImmo-Feldname). */
.inx-property-label--zu-verkaufen,
.inx-property-label--kauf,
.inx-property-label--vermarktungsart--kauf {
	background-color: var(--inx-color-marketing-type-sale) !important;
	background: var(--inx-gradient-marketing-type-sale) !important;
	color: #fff !important;
}

.inx-property-label--zu-vermieten,
.inx-property-label--miete,
.inx-property-label--vermarktungsart--miete {
	background-color: var(--inx-color-marketing-type-rent) !important;
	background: var(--inx-gradient-marketing-type-rent) !important;
	color: #fff !important;
}

/* ---- Card-Titel in Markenrot ----
   Die immonex-Skin färbt den Card-Titel NICHT; auf der Produktion kommt das Rot
   vom Theme/Link-Color. Auf dem Clone wäre der Titel sonst dunkel. */
.inx-property-list-item__title,
.inx-property-list-item__title a,
.inx-property-list-item__title a:link,
.inx-property-list-item__title a:visited {
	color: #ba2a2a !important;
}
.inx-property-list-item__title a:hover,
.inx-property-list-item__title a:focus {
	color: #9e2424 !important;
}

/* ---- Preis-Footer in Markenrot ----
   Auf dem Clone fehlen am Preis-Element die immonex-Marketing-Klassen
   (inx-oi--vermarktungsart--kauf / inx-oi--inverted) — die stammen aus dem
   OpenImmo-Feld „vermarktungsart", das die Datenbrücke nicht setzt. Daher greift
   die Skin-Einfärbung des Preisbalkens nicht. Wir färben direkt über die stabile
   Strukturklasse (Markenrot-Gradient, weißer zentrierter Text). */
.inx-property-list-item__property-price,
.inx-property-list-item .inx-property-price {
	background-color: #ba2a2a !important;
	background: linear-gradient(60deg, #d13535 50%, #9e2424 100%) !important;
	color: #f8f8f8 !important;
}
.inx-property-list-item__property-price * {
	color: #f8f8f8 !important;
}

/* ---- immonex-Archiv-Pagination als Quadrate (Quadrate, Hover, Space) ---- */
.inx-pagination .nav-links,
.inx-pagination .navigation.pagination,
.inx-pagination ul.page-numbers {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
.inx-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 0.65rem;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 8px;
	background: #fff;
	color: #141414;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}
.inx-pagination a.page-numbers:hover {
	border-color: #ba2a2a;
	color: #ba2a2a;
	transform: translateY(-1px);
	box-shadow: 0 2px 6px rgba(192, 42, 42, 0.18);
}
.inx-pagination .page-numbers.current {
	background: #ba2a2a;
	border-color: #ba2a2a;
	color: #fff;
}
.inx-pagination .page-numbers.dots {
	border-color: transparent;
	background: transparent;
	min-width: 1.5rem;
}
.inx-pagination .page-numbers.next,
.inx-pagination .page-numbers.prev {
	padding: 0 1rem;
	width: auto;
}

/* ---- Such-Slider in Markenrot statt Default-Blau (best effort) ---- */
.inx-range-slider .noUi-connect,
.inx-range-slider .ui-slider-range {
	background: #ba2a2a !important;
}
.inx-range-slider .noUi-handle,
.inx-range-slider .ui-slider-handle {
	border-color: #ba2a2a !important;
}

/* Detailseite: Block-/Tab-Überschriften markenrot wie Produktion (Clone war blau). */
.inx-single-property__section-title,
.inx-single-property__tab-nav a,
.inx-single-property__tab-nav li.uk-active a,
.inx-single-property__tab-nav li > a {
	color: #ba2a2a !important;
}
.inx-single-property__tab-nav li.uk-active a {
	border-color: #ba2a2a !important;
}