/*
 * custom.css - overrides for immobilien-ps.de (theme ps)
 * Loaded by beezle_child_custom_css() in functions.php after the theme stylesheet.
 */

/* ------------------------------------------------------------------
 * WPBakery 9.x compatibility (2026-10-18)
 * Tested on clone waidwerk.screenbased.de (WPBakery 9.0.1).
 * The color classes (vc_btn3-color-*) are restored by beezle_vc_btn_restore_color_class()
 * in functions.php, so the existing global and per-page button CSS applies again.
 * ------------------------------------------------------------------ */

/* Standard button: WPBakery 9 renders a button without color class (palette grey #ebebeb as
   inline style) wherever no color class gets restored (e.g. grid templates). Style it like the
   site's grey buttons on live: dark blue, white text, hover yellow. !important beats the
   inline style. Buttons with a color class (restored by functions.php) are not affected. */
.vc_btn3.vc_btn3-style-flat:not([class*="vc_btn3-color-"]),
.vc_btn3.vc_btn3-color-grey,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat {
	color: #fff !important;
	background-color: #003366 !important;
}
.vc_btn3.vc_btn3-style-flat:not([class*="vc_btn3-color-"]):hover,
.vc_btn3.vc_btn3-style-flat:not([class*="vc_btn3-color-"]):focus,
.vc_btn3.vc_btn3-color-grey:hover,
.vc_btn3.vc_btn3-color-grey:focus,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat:hover,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat:focus {
	color: #fff !important;
	background-color: #fab81b !important;
}

/* Default button color (yellow). Live this comes from uploads/js_composer/js_composer_front_custom.css
   (WPBakery color settings); repeated here so it does not depend on that generated file. */
.vc_btn3.vc_btn3-color-default,
.vc_btn3.vc_btn3-color-default.vc_btn3-style-flat {
	color: #fff;
	font-size: 18px;
	background-color: #ffba15;
}
.vc_btn3.vc_btn3-color-default:hover,
.vc_btn3.vc_btn3-color-default:focus,
.vc_btn3.vc_btn3-color-default.vc_btn3-style-flat:hover,
.vc_btn3.vc_btn3-color-default.vc_btn3-style-flat:focus {
	color: #fff;
	background-color: #003366;
}

/* Links in the header slider (button "Weiterlesen"). Live this comes from WPBakery
   "Custom CSS" (uploads/js_composer/custom.css); repeated here for the same reason. */
.header-teaser a {
	color: #fff;
}

/* Teaser button "Weitere Informationen" in the grid templates SmallTeaser / SmallTeaserDesktop,
   rebuilt from vc_button2 to vc_btn. The extra class teaser-home-cta now sits on the container.
   vc_btn3 brings its own typography (uppercase, 700, letter-spacing); reset to the live look
   of WPBakery 8.7.3: 182x39, padding 9px 12px, 18px, weight 400, yellow. */
.vc_btn3-container.teaser-home-cta {
	clear: both;
	float: left;
	margin-top: 22px !important;
	margin-bottom: 0 !important;
	padding-left: 20px;
}
.vc_btn3-container.teaser-home-cta .vc_btn3 {
	display: block;
	padding: 9px 12px;
	font-size: 18px;
	line-height: 20px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: normal;
	border-radius: 0;
	color: #fff !important;
	background-color: #ffba15 !important;
}
.vc_btn3-container.teaser-home-cta .vc_btn3:hover,
.vc_btn3-container.teaser-home-cta .vc_btn3:focus {
	color: #fff !important;
	background-color: #003366 !important;
}
@media screen and (max-width: 48.875em) {
	.vc_btn3-container.teaser-home-cta {
		padding-left: 0;
	}
}