/* Hovingh Custom: eigen CSS, wordt als laatste stylesheet geladen. */

/* Categoriefilter boven de productoverzichten (inc/category-filter.php). */
.hovingh-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 32px;
	padding: 0;
}

.hovingh-filter__item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 22px;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 4px;
	color: #fff;
	font-size: 0.9rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color 0.2s, border-color 0.2s;
}

.hovingh-filter__item:hover,
.hovingh-filter__item:focus-visible {
	border-color: #ff2626;
	color: #fff;
}

.hovingh-filter__item.is-active {
	background: #ff2626;
	border-color: #ff2626;
	color: #fff;
}

.hovingh-filter__count {
	font-size: 0.8em;
	font-weight: 400;
	opacity: 0.75;
}

@media (max-width: 479.98px) {
	.hovingh-filter {
		gap: 8px;
		margin-bottom: 24px;
	}

	.hovingh-filter__item {
		padding: 8px 16px;
		font-size: 0.8rem;
	}
}

/* Productpagina (inc/product-page.php). */

/* Unieke producten (1 stuk): geen aantalkeuze, het thema tekent hier zelf - en + omheen. */
.single-product form.cart .quantity:has(> input[type="hidden"]) {
	display: none;
}

/* Kenmerken naast de foto: nette rijen met label links en waarde rechts. */
.single-product .single-product-extra-content {
	margin-top: 36px;
	padding-top: 32px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.single-product .single-product-extra-content h4 {
	margin: 0 0 18px;
	font-size: 1.1rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.single-product .single-product-extra-content ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 0 0 8px;
	padding: 0;
}

/* Losse categorie- en merkregel is overbodig zodra de kenmerken (met merk) er staan; het broodkruimelpad toont de categorie al. */
body.single-product.hovingh-has-specs .product_meta {
	display: none;
}

.single-product .single-product-extra-content li.hovingh-spec {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0;
	padding: 12px 14px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.04);
	line-height: 1.3;
}

/* Pictogram (Font Awesome) in een rood rondje; het thema-pijltje wordt vervangen. */
.single-product .single-product-extra-content li.hovingh-spec::before {
	flex: 0 0 38px;
	width: 38px;
	height: 38px;
	margin: 0;
	border-radius: 50%;
	background: rgba(255, 38, 38, 0.14);
	color: #ff2626;
	content: "\f00c";
	font-family: "Font Awesome 5 Free", "Font Awesome 6 Free";
	font-size: 15px;
	font-weight: 900;
	line-height: 38px;
	text-align: center;
}

/* Eén pictogram per soort kenmerk; tegels (productpagina) en labels (snelle weergave) gebruiken dezelfde variabele. */
.hovingh-spec--calendar { --hv-icon: "\f073"; }
.hovingh-spec--gauge { --hv-icon: "\f3fd"; }
.hovingh-spec--palette { --hv-icon: "\f53f"; }
.hovingh-spec--shield { --hv-icon: "\f3ed"; }
.hovingh-spec--wrench { --hv-icon: "\f0ad"; }
.hovingh-spec--id { --hv-icon: "\f2c2"; }
.hovingh-spec--moto { --hv-icon: "\f21c"; }
.hovingh-spec--ruler { --hv-icon: "\f545"; }
.hovingh-spec--cog { --hv-icon: "\f013"; }
.hovingh-spec--award { --hv-icon: "\f559"; }
.hovingh-spec--bolt { --hv-icon: "\f0e7"; }
.hovingh-spec--key { --hv-icon: "\f084"; }
.hovingh-spec--lock { --hv-icon: "\f023"; }
.hovingh-spec--wind { --hv-icon: "\f72e"; }
.hovingh-spec--eye { --hv-icon: "\f06e"; }
.hovingh-spec--box { --hv-icon: "\f466"; }
.hovingh-spec--plus { --hv-icon: "\f067"; }

.single-product .single-product-extra-content li.hovingh-spec::before {
	content: var(--hv-icon, "\f00c");
}

/* Garantie valt extra op. */
.single-product .single-product-extra-content li.hovingh-spec--shield {
	border-color: rgba(255, 38, 38, 0.45);
	background: rgba(255, 38, 38, 0.1);
}

.single-product .single-product-extra-content li.hovingh-spec--shield::before {
	background: #ff2626;
	color: #fff;
}

.hovingh-spec__text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.hovingh-spec__label {
	color: rgba(255, 255, 255, 0.6);
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.hovingh-spec__value {
	color: #fff;
	font-size: 0.98rem;
	font-weight: 600;
	overflow-wrap: anywhere;
}

/* Favorieten: geen kader, gewoon een hartje met tekst naast de reserveerknop. Na opslaan wordt het hartje gevuld. */
body.single-product .templaza-wishlist-button .yith-wcwl-add-to-wishlist-button {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	height: 50px;
	padding: 0;
	border: 0;
	background: none;
	color: #fff;
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-decoration: none;
	transition: color 0.2s;
}

body.single-product .templaza-wishlist-button .yith-wcwl-add-to-wishlist-button:hover,
body.single-product .templaza-wishlist-button .yith-wcwl-add-to-wishlist-button:focus-visible {
	color: #ff2626;
}

body.single-product .templaza-wishlist-button .yith-wcwl-add-to-wishlist-button svg {
	width: 26px;
	height: 26px;
	color: #ff2626;
	flex: 0 0 26px;
}

body.single-product .templaza-wishlist-button .yith-wcwl-add-to-wishlist-button__label {
	display: inline !important;
	font-size: inherit;
	white-space: nowrap;
}

body.single-product .templaza-wishlist-button {
	width: auto !important;
	margin-left: 24px;
}

/* Reserveerknop: de belangrijkste actie van de pagina, dus groter en duidelijker dan de contactknoppen eronder. */
body.single-product .summary form.cart button.single_add_to_cart_button,
.quick-view-modal .summary form.cart button.single_add_to_cart_button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-width: 270px !important;
	height: 58px !important;
	padding: 0 36px !important;
	border-radius: 4px !important;
	font-size: 16px !important;
	font-weight: 600;
	letter-spacing: 0.06em;
	line-height: 1 !important;
	transition: background-color 0.2s, transform 0.1s;
}

form.cart:has(.hovingh-reserve-flag) .single_add_to_cart_button::before {
	content: "\f274";
	font-family: "Font Awesome 5 Free", "Font Awesome 6 Free";
	font-size: 1.05em;
	font-weight: 900;
}

body.single-product .summary .single_add_to_cart_button:active {
	transform: translateY(1px);
}

body.single-product .templaza-wishlist-button .yith-wcwl-add-to-wishlist-button {
	height: 58px;
}

@media (max-width: 479.98px) {
	body.single-product .summary form.cart button.single_add_to_cart_button,
	.quick-view-modal .summary form.cart button.single_add_to_cart_button {
		width: 100%;
		min-width: 0 !important;
		padding: 0 14px !important;
		font-size: 14px !important;
		letter-spacing: 0.04em;
		white-space: nowrap;
	}
}

/* De vaste balk onderin (reserveerknop) wordt niet meer bedekt door de zwevende WhatsApp-, cookie- en terug-naar-boven-knop. */
body.single-product #ht-ctc-chat {
	bottom: 116px !important;
}

body.single-product .cky-btn-revisit-wrapper {
	bottom: 116px !important;
}

body.single-product #templaza-backtotop {
	display: none !important;
}

/* Ademruimte rond de knoppen en het contactblok. */
body.single-product .product-button-wrapper {
	margin-top: 8px;
	margin-bottom: 8px;
}

body.single-product .woocommerce-tabs {
	margin-top: 72px;
}

/* Rustige ruimte tussen het productdeel en de footer. */
body.single-product .woocommerce-tabs {
	margin-bottom: 96px;
}

/* Contactblok onder de reserveerknop. */
.hovingh-contact {
	margin: 28px 0 12px;
}

.hovingh-contact__note {
	margin: 0 0 18px;
	font-size: 0.9rem;
	line-height: 1.5;
	opacity: 0.85;
}

.hovingh-contact__links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.hovingh-contact__links a {
	display: inline-flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 13px 18px;
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.07);
	color: #fff;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	transition: border-color 0.2s, color 0.2s;
}

.hovingh-contact__links a:hover,
.hovingh-contact__links a:focus-visible {
	border-color: #ff2626;
	background: rgba(255, 38, 38, 0.12);
	color: #fff;
}

.hovingh-contact__links a::before {
	font-size: 1.05em;
	font-weight: 900;
	line-height: 1;
}

.hovingh-contact__wa::before {
	content: "\f232";
	color: #25d366;
	font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands";
	font-weight: 400;
}

.hovingh-contact__tel::before {
	content: "\f095";
	color: #ff2626;
	font-family: "Font Awesome 5 Free", "Font Awesome 6 Free";
}

.hovingh-contact__route::before {
	content: "\f3c5";
	color: #ff2626;
	font-family: "Font Awesome 5 Free", "Font Awesome 6 Free";
}

/* Zolang de snelle weergave openstaat, bedekken de zwevende knoppen hem niet. */
body:has(.quick-view-modal.open) #ht-ctc-chat,
body:has(.quick-view-modal.open) .cky-btn-revisit-wrapper {
	display: none !important;
}

/* Snelle weergave (venster vanuit het Aanbod): één titel, prijs eronder, kenmerken als labels, knop, contact; geen categorieën. */
.quick-view-modal .summary.entry-summary {
	display: flex;
	flex-direction: column;
	padding-top: 12px;
}

.quick-view-modal .summary > .woocommerce-product-details__short-description { order: 1; }
.quick-view-modal .summary > .summary-price-box { order: 2; }
.quick-view-modal .summary > form.cart { order: 4; }
.quick-view-modal .summary > .hovingh-chips { order: 3; }
.quick-view-modal .summary > .hovingh-contact { order: 5; }
.quick-view-modal .summary > .product_meta { display: none; }

/* De lange rode titel (met jaar, km en prijs) is dubbelop zodra de korte titel er staat. */
.quick-view-modal .summary:has(.woocommerce-product-details__short-description h2) > h1.product_title {
	display: none;
}

.quick-view-modal .woocommerce-product-details__short-description h2 {
	margin: 0 0 6px;
	font-size: 1.9rem;
	line-height: 1.15;
}

.quick-view-modal .summary-price-box {
	margin-bottom: 4px;
}

.hovingh-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 14px 0 6px;
	padding: 0;
	list-style: none;
}

.hovingh-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 7px 12px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.05);
	color: #fff;
	font-size: 0.85rem;
	font-weight: 600;
	line-height: 1.2;
}

.hovingh-chip::before {
	color: #ff2626;
	content: var(--hv-icon, "\f00c");
	font-family: "Font Awesome 5 Free", "Font Awesome 6 Free";
	font-size: 0.85em;
	font-weight: 900;
}

/* Het label (Bouwjaar:) is bij een compact label overbodig; het pictogram zegt genoeg. */
.hovingh-chip__label {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.quick-view-modal .hovingh-contact {
	margin-top: 20px;
}

.quick-view-modal form.cart {
	margin-top: 14px;
}

/* Reserveerknop in overzichten: agenda-pictogram in plaats van winkelwagentje. */
a.hovingh-reserve-btn > i.fa-shopping-cart {
	display: none;
}

a.hovingh-reserve-btn::before {
	margin-right: 8px;
	content: "\f274";
	font-family: "Font Awesome 5 Free", "Font Awesome 6 Free";
	font-size: 0.95em;
	font-weight: 900;
}

/* Favorietenpagina: de knop in de tabel op één regel en compact (was 100px hoog door afbreken). */
body.hovingh-wishlist-page table.wishlist_table td.product-add-to-cart a.add_to_cart_button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	height: 50px !important;
	padding: 0 22px !important;
	border-radius: 4px !important;
	font-size: 0.8rem !important;
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 1 !important;
	text-transform: uppercase;
	white-space: nowrap;
}

body.hovingh-wishlist-page table.wishlist_table td.product-add-to-cart a.add_to_cart_button .loop_button-text {
	line-height: 1;
}

/* Favorietenpagina: verwijderknop als rond, duidelijk zichtbaar knopje (was een grijs kader dat bijna niet te zien was). */
body.hovingh-wishlist-page a.remove_from_wishlist {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 38px !important;
	height: 38px !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.08) !important;
	color: #fff !important;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	transition: background-color 0.2s, border-color 0.2s;
}

body.hovingh-wishlist-page a.remove_from_wishlist:hover,
body.hovingh-wishlist-page a.remove_from_wishlist:focus-visible {
	border-color: #ff2626 !important;
	background: #ff2626 !important;
}

/* Desktop: een kruisje in tekst; het thema maakt dat donkergrijs met een sterkere regel, dus wit forceren. */
body.hovingh-wishlist-page table.wishlist_table td.product-remove a.remove_from_wishlist {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	font-size: 22px !important;
	line-height: 1 !important;
}

/* Het thema verbergt het prullenbak-icoon en tekent er een onzichtbaar teken voor in de plaats; we tonen het icoon zelf weer. */
body.hovingh-wishlist-page a.remove_from_wishlist::before,
body.hovingh-wishlist-page a.remove_from_wishlist::after {
	display: none !important;
}

body.hovingh-wishlist-page a.remove_from_wishlist i {
	display: inline-block !important;
	margin: 0;
	color: #fff !important;
	font-size: 14px !important;
	line-height: 1;
}

/* Mobiel: de kaart krijgt de verwijderknop rechtsboven, de titel houdt ruimte vrij. */
body.hovingh-wishlist-page ul.wishlist_table.mobile > li {
	position: relative;
	padding-bottom: 20px;
}

body.hovingh-wishlist-page ul.wishlist_table.mobile .product-remove {
	position: static;
}

body.hovingh-wishlist-page ul.wishlist_table.mobile a.remove_from_wishlist {
	position: absolute !important;
	top: 0;
	right: 0;
}

body.hovingh-wishlist-page ul.wishlist_table.mobile .item-details {
	padding-right: 48px;
}

/* Favorietenpagina: volle breedte zonder zijbalk met demo-berichten, en passend donker. */
body.hovingh-wishlist-page .templaza-sidebar {
	display: none;
}

body.hovingh-wishlist-page .templaza-column.uk-width-2-3\@l {
	width: 100%;
}

body.hovingh-wishlist-page .yith-wcwl-form h2 {
	margin: 0 0 24px;
}

body.hovingh-wishlist-page table.wishlist_table,
body.hovingh-wishlist-page table.wishlist_table th,
body.hovingh-wishlist-page table.wishlist_table td {
	border-color: rgba(255, 255, 255, 0.1);
	background: transparent !important;
	color: #fff;
}

body.hovingh-wishlist-page table.wishlist_table td {
	padding: 18px 12px;
	vertical-align: middle;
}

body.hovingh-wishlist-page table.wishlist_table td.product-name a {
	color: #fff;
	font-weight: 600;
	text-decoration: none;
}

body.hovingh-wishlist-page table.wishlist_table td.product-name a:hover {
	color: #ff2626;
}

body.hovingh-wishlist-page table.wishlist_table td.product-thumbnail img {
	width: 96px;
	height: auto;
}

/* Hartje met aantal in de header (inc/wishlist-header.php); stijl volgt het winkelmandje. */
.header-wishlist > a {
	position: relative;
	display: block;
	color: #fff;
	transition: color 0.2s;
}

.header-wishlist > a:hover,
.header-wishlist > a:focus-visible {
	color: #ff2626;
}

.header-wishlist svg {
	display: block;
	width: 18px;
	height: 18px;
}

.header-wishlist .counter {
	position: absolute;
	top: -10px;
	right: -8px;
	width: 18px;
	height: 18px;
	border-radius: 30px;
	background: #ff2626;
	color: #fff;
	font-size: 10px;
	line-height: 18px;
	text-align: center;
}

/* Tags onder het product zijn alleen voor Google en ogen rommelig. */
body.single-product .product_meta span.tagged_as {
	display: none !important;
}

/* Beschrijving: prettiger leesbreedte en ritme. */
.single-product .woocommerce-Tabs-panel--description {
	max-width: 860px;
	margin-inline: auto;
}

.single-product .woocommerce-Tabs-panel--description p {
	font-size: 1.0625rem;
	line-height: 1.75;
	margin: 0 0 1.1em;
}

.single-product .woocommerce-Tabs-panel--description > p:first-of-type {
	color: #e6e6e6;
	font-size: 1.15rem;
}

.single-product .woocommerce-Tabs-panel--description strong {
	color: #fff;
}

.single-product .woocommerce-Tabs-panel--description ul {
	margin: 0 0 1.4em;
	padding-left: 0;
}

.single-product .woocommerce-Tabs-panel--description li {
	padding: 4px 0;
}

/* Showroom-tekst onderaan elke beschrijving, nu als één rustige kaart. */
.hovingh-showroom {
	margin: 2em 0 0;
	padding: 20px 24px;
	border-left: 3px solid #ff2626;
	background: rgba(255, 255, 255, 0.05);
}

.hovingh-showroom__title {
	display: block;
	margin-bottom: 6px;
	color: #ff2626 !important;
	font-family: Oswald, sans-serif;
	font-size: 1.1rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.single-product .woocommerce-Tabs-panel--description .hovingh-showroom p {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.6;
}

/* Footer op mobiel: ruimte onderaan, zodat de zwevende WhatsApp- en cookieknop de logo's en icoontjes niet bedekken. */
@media (max-width: 767.98px) {
	body section.templaza-footer:last-of-type {
		padding-bottom: 84px;
	}
}

@media (max-width: 479.98px) {
	.single-product .single-product-extra-content ul {
		grid-template-columns: 1fr;
	}

	body.single-product .product-button-wrapper {
		flex-wrap: wrap;
	}

	body.single-product .templaza-wishlist-button {
		width: 100% !important;
		margin: 10px 0 0;
	}

	body.single-product .templaza-wishlist-button .yith-add-to-wishlist-button-block,
	body.single-product .templaza-wishlist-button .yith-wcwl-add-to-wishlist-button {
		width: 100%;
		justify-content: center;
		box-sizing: border-box;
	}

	.hovingh-showroom {
		padding: 16px 18px;
	}
}

/*
 * Winkelpagina (Aanbod): tussen 960 en 1199 px (ook een laptop of scherm met schaling) kreeg de kolom met
 * producten van het thema 3/4 breedte, terwijl de categoriepagina's 100% hebben. Daardoor sprong het raster
 * smaller en werden de thumbnails kleiner zodra je het filter "Alles" gebruikte. Gelijkgetrokken met de rest.
 */
@media (min-width: 960px) and (max-width: 1199.98px) {
	body.woocommerce-shop .templaza-column.uk-width-3-4\@m {
		width: 100%;
	}
}

/*
 * Horizontale overflow op mobiel/tablet: de Extra CSS (database) geeft .footer-logos
 * margin-right: -140px, waardoor het blok ~110px buiten het scherm valt zolang de
 * footer in 1 kolom staat (< 960px). Hier gecorrigeerd; selectors zijn specifieker
 * dan die van de Extra CSS zodat de laadvolgorde niet uitmaakt.
 */
@media (max-width: 959.98px) {
	body .footer-logos {
		margin-right: 0;
		gap: 16px;
	}

	body .footer-logos img.footer-logo {
		min-width: 0;
		max-width: 50%;
		height: auto;
		margin: 0;
	}
}

/*
 * Horizontale overflow op mobiel/tablet, overige oorzaken:
 * - Productbeschrijving: de scheidingslijn van underscores kan niet afbreken (alle producten).
 * - Inleverpunt: Elementor-blok met left: 330px zonder aanpassing voor mobiel.
 * - Elementor-entreeanimaties (fadeInRight/Left) zetten elementen eerst buiten beeld, waardoor de
 *   pagina tijdens het scrollen tot ~260px te breed wordt (zichtbaar als horizontaal vegen met
 *   zwarte rand). Bovenste containers klippen horizontaal; de animaties blijven zichtbaar.
 */
@media (max-width: 959.98px) {
	.elementor .e-con.e-parent,
	.elementor .elementor-top-section {
		overflow-x: clip;
	}

	.woocommerce-Tabs-panel--description p {
		overflow-x: clip;
	}

	body:not(.rtl) .elementor-19870 .elementor-element.elementor-element-53e2787 {
		left: 0;
	}
}

/*
 * Telefoons (< 480px):
 * - Lange woorden in koppen ("Onderdelenspecialist", "Privacyverklaring") verbreden de pagina.
 * - Absoluut gepositioneerde afbeeldingen (UIpro, o.a. Reparaties en Inleverpunt) vallen op smalle schermen buiten beeld.
 */
@media (max-width: 479.98px) {
	h1, h2, h3, h4, h5, h6, .title,
	.sc_heading .title span,
	.elementor-widget-container p > span[style*="font-size"] {
		max-width: 100%;
		overflow-wrap: break-word;
		hyphens: auto;
	}

	.elementor-widget-uipro-uiimage.elementor-absolute {
		max-width: calc(100% - 60px) !important;
	}
}

/* Gereserveerd / Verkocht (inc/reservation.php): label op de kaart en bij de foto, en het blok op de productpagina. */
.woocommerce-badge.hovingh-badge--gereserveerd {
	background: #f5a623;
	color: #111;
}

.woocommerce-badge.hovingh-badge--verkocht {
	background: #555;
	color: #fff;
}

/* Op de kaart: de foto iets gedempt, zodat in één oogopslag duidelijk is dat deze niet meer beschikbaar is. */
li.product:has(.hovingh-badge--verkocht) img {
	opacity: 0.5;
	filter: grayscale(0.7);
}

li.product:has(.hovingh-badge--gereserveerd) img {
	opacity: 0.75;
}

.hovingh-state-text--gereserveerd {
	color: #f5a623;
	font-weight: 600;
}

.hovingh-state-text--verkocht {
	color: #aaa;
	font-weight: 600;
}

.hovingh-state-notice {
	margin: 24px 0 12px;
	padding: 18px 20px;
	border-left: 3px solid #f5a623;
	background: rgba(255, 255, 255, 0.05);
}

.hovingh-state-notice--verkocht {
	border-left-color: #888;
}

.hovingh-state-notice p {
	margin: 0 0 14px;
	line-height: 1.5;
}

.hovingh-state-notice a:not([class]) {
	color: #fff;
	text-decoration: underline;
}