/* Design Your Love Life - Pill-Buttons (ueberall) + Exit-Intent-Popup (Sales Funnel Pro) */

/* ---------- 1) Alle Buttons komplett abgerundet ---------- */
.elementor-button,
.elementor-widget-button .elementor-button,
.elementor-button-link,
.elementor-field-type-submit .elementor-button,
.elementor-form button[type="submit"],
.elementor-widget-form .elementor-button,
.e-con .elementor-button,
.wp-block-button__link,
.wp-element-button,
input[type="submit"],
input[type="button"],
button[type="submit"],
.button,
a.button,
.dfp-pc-buy-btn,
button.dfp-pc-buy-btn,
.dfp-cta-button,
.dfp-stripe-buy-button,
.sfp-cta-button,
.sfp-optin-button,
.sfp-ty-download-btn,
.sfp-exit-button,
.cookiez-footer-button,
.cookiez-button,
[class*="cookiez"] button {
	border-radius: 999px !important;
}

/* Texteingaben in Formularen passend dazu */
.sfp-exit-popup input[type="email"],
#sfp-exit-email {
	border-radius: 999px !important;
}

/* Akkordeon/Tabs/Menue-Buttons bleiben unveraendert (kein Pill) */
.elementor-tab-title,
.elementor-accordion-title,
.elementor-toggle-title {
	border-radius: 0;
}

/* ---------- 2) Exit-Intent-Popup "Free bonus" ---------- */
#sfp-exit-intent-overlay.sfp-exit-overlay {
	background: radial-gradient(circle at 30% 20%, rgba(83, 74, 183, .55), rgba(35, 24, 112, .92)) !important;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

#sfp-exit-intent-overlay .sfp-exit-popup {
	max-width: 520px;
	width: calc(100% - 32px);
	background: #ffffff;
	border-radius: 28px !important;
	box-shadow: 0 30px 80px rgba(35, 24, 112, .45) !important;
	overflow: hidden;
	font-family: "Inter", "Work Sans", Arial, sans-serif;
	position: relative;
	border: 0 !important;
}

/* Markenbalken oben */
#sfp-exit-intent-overlay .sfp-exit-popup::before {
	content: "";
	display: block;
	height: 8px;
	background: linear-gradient(90deg, #231870 0%, #534AB7 55%, #D4537E 100%);
}

#sfp-exit-intent-overlay .sfp-exit-close {
	position: absolute;
	top: 18px;
	right: 18px;
	width: 36px;
	height: 36px;
	border-radius: 999px !important;
	background: #f4f2ff !important;
	color: #231870 !important;
	font-size: 22px;
	line-height: 36px;
	padding: 0 !important;
	border: 0 !important;
	cursor: pointer;
	transition: background .2s, transform .2s;
}
#sfp-exit-intent-overlay .sfp-exit-close:hover {
	background: #e6e2ff !important;
	transform: rotate(90deg);
}

#sfp-exit-intent-overlay .sfp-exit-content {
	padding: 34px 38px 8px !important;
	text-align: center;
}

/* Icon: Herz statt Geschenk-Emoji */
#sfp-exit-intent-overlay .sfp-exit-icon {
	width: 76px;
	height: 76px;
	margin: 0 auto 18px !important;
	border-radius: 999px;
	font-size: 0 !important;
	line-height: 0;
	background: #fdeef4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23D4537E' d='M12 21s-7.5-4.6-9.6-9.3C.9 8.2 3 4.5 6.6 4.5c2 0 3.5 1 4.4 2.5.4.6 1.200.6 1.600 0 .9-1.500 2.400-2.500 4.400-2.500 3.600 0 5.700 3.700 4.200 7.200C19.500 16.400 12 21 12 21z'/%3E%3C/svg%3E") center / 38px no-repeat;
	box-shadow: 0 0 0 8px #fff5f8;
}

#sfp-exit-intent-overlay .sfp-exit-headline {
	font-family: "Work Sans", "Inter", Arial, sans-serif !important;
	font-size: 28px !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	color: #231870 !important;
	margin: 0 0 12px !important;
}

#sfp-exit-intent-overlay .sfp-exit-subheadline {
	font-size: 16px !important;
	line-height: 1.55 !important;
	color: #4a4a63 !important;
	margin: 0 0 22px !important;
}

#sfp-exit-intent-overlay .sfp-exit-bonus-info:empty,
#sfp-exit-intent-overlay .sfp-exit-timer {
	display: none !important;
}

/* Formular */
#sfp-exit-intent-overlay .sfp-exit-form {
	display: flex !important;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 18px;
}

#sfp-exit-intent-overlay #sfp-exit-email {
	width: 100%;
	box-sizing: border-box;
	height: 56px;
	padding: 0 24px !important;
	font-size: 16px;
	color: #231870;
	background: #f7f6ff !important;
	border: 2px solid #e1ddff !important;
	outline: none;
	transition: border-color .2s, box-shadow .2s, background .2s;
}
#sfp-exit-intent-overlay #sfp-exit-email::placeholder {
	color: #8c89aa;
}
#sfp-exit-intent-overlay #sfp-exit-email:focus {
	background: #fff !important;
	border-color: #534AB7 !important;
	box-shadow: 0 0 0 4px rgba(83, 74, 183, .15) !important;
}

#sfp-exit-intent-overlay .sfp-exit-button {
	width: 100%;
	height: 58px;
	padding: 0 28px !important;
	font-family: "Work Sans", "Inter", Arial, sans-serif;
	font-size: 17px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	background: linear-gradient(135deg, #D4537E 0%, #b93a66 100%) !important;
	border: 0 !important;
	cursor: pointer;
	box-shadow: 0 10px 24px rgba(212, 83, 126, .38) !important;
	transition: transform .15s, box-shadow .15s, filter .15s;
}
#sfp-exit-intent-overlay .sfp-exit-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 30px rgba(212, 83, 126, .48) !important;
	filter: brightness(1.04);
}
#sfp-exit-intent-overlay .sfp-exit-button:disabled {
	opacity: .75;
	cursor: wait;
	transform: none;
}

/* Vorteile */
#sfp-exit-intent-overlay .sfp-exit-features {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px 18px;
	max-width: none !important;
	width: 100%;
	text-align: center !important;
	margin: 0 auto 6px !important;
	padding: 0 !important;
}
#sfp-exit-intent-overlay .sfp-feature {
	font-size: 13.5px !important;
	font-weight: 600;
	color: #534AB7 !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
}
#sfp-exit-intent-overlay .sfp-feature::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 6px;
	vertical-align: -3px;
	border-radius: 999px;
	background: #D4537E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 8.500l2.700 2.600L12 5.500'/%3E%3C/svg%3E") center / 12px no-repeat;
}

/* Footer / Ablehnen */
#sfp-exit-intent-overlay .sfp-exit-footer {
	background: transparent !important;
	border: 0 !important;
	padding: 6px 38px 26px !important;
	text-align: center;
}
#sfp-exit-intent-overlay .sfp-exit-decline {
	font-size: 13.5px !important;
	color: #8c89aa !important;
	text-decoration: underline !important;
	text-underline-offset: 3px;
}
#sfp-exit-intent-overlay .sfp-exit-decline:hover {
	color: #231870 !important;
}

/* Erfolg */
#sfp-exit-intent-overlay .sfp-exit-success {
	padding: 6px 0 22px;
}
#sfp-exit-intent-overlay .sfp-success-icon {
	width: 64px;
	height: 64px;
	margin: 0 auto 14px;
	border-radius: 999px;
	font-size: 0 !important;
	background: #D4537E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.800' stroke-linecap='round' stroke-linejoin='round' d='M3.500 8.300l3 3L12.500 5'/%3E%3C/svg%3E") center / 34px no-repeat;
}
#sfp-exit-intent-overlay .sfp-success-text {
	font-family: "Work Sans", "Inter", Arial, sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #231870;
	margin-bottom: 8px;
}
#sfp-exit-intent-overlay .sfp-success-instructions {
	font-size: 15px;
	line-height: 1.55;
	color: #4a4a63;
	margin: 0;
}

@media (max-width: 520px) {
	#sfp-exit-intent-overlay .sfp-exit-content { padding: 28px 22px 6px !important; }
	#sfp-exit-intent-overlay .sfp-exit-headline { font-size: 23px !important; }
	#sfp-exit-intent-overlay .sfp-exit-footer { padding: 4px 22px 22px !important; }
}

/* Dezenter Marken-Hintergrund im Popup */
#sfp-exit-intent-overlay .sfp-exit-popup {
	background:
		radial-gradient(circle at 100% 0%, rgba(212, 83, 126, .11) 0, rgba(212, 83, 126, 0) 46%),
		radial-gradient(circle at 0% 100%, rgba(83, 74, 183, .10) 0, rgba(83, 74, 183, 0) 50%),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23534AB7' fill-opacity='.05' d='M12 21s-7.5-4.6-9.6-9.3C.9 8.2 3 4.5 6.6 4.5c2 0 3.5 1 4.4 2.5.4.6 1.2.6 1.6 0 .9-1.5 2.4-2.5 4.4-2.5 3.6 0 5.7 3.7 4.2 7.2C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E") no-repeat right -70px bottom -60px / 300px,
		linear-gradient(180deg, #ffffff 0%, #f8f7ff 100%) !important;
}
/* Header auf allen Unterseiten sichtbar (sonst transparent mit weisser Schrift) */
body:not(.home) .elementor-location-header .elementor-element-90bf60c { background-color: #534AB7; }
body:not(.home) .elementor-location-header .elementor-element-90bf60c { background: #534AB7 !important; }

/* Logo: schwarz oben (transparent), weiss bei lila Sticky / Unterseiten */
.elementor-location-header .dy-logo {
	color: #001726 !important;
	transition: color 0.3s linear;
}
.elementor-location-header .elementor-sticky--effects .dy-logo,
.elementor-sticky--effects .dy-logo,
body:not(.home) .elementor-location-header .dy-logo {
	color: #FFFFFF !important;
}

/* Pattern cards 2–4: default light, brand hover (no template blue) */
.elementor-element-53da9d5a,
.elementor-element-11ea0f5,
.elementor-element-2658d7fa {
	background-color: #FBEAF0 !important;
	transition: background-color 0.3s ease, color 0.3s ease;
}
.elementor-element-53da9d5a .elementor-icon-box-title,
.elementor-element-11ea0f5 .elementor-icon-box-title,
.elementor-element-2658d7fa .elementor-icon-box-title {
	color: #231870 !important;
}
.elementor-element-53da9d5a .elementor-icon-box-description,
.elementor-element-11ea0f5 .elementor-icon-box-description,
.elementor-element-2658d7fa .elementor-icon-box-description {
	color: #4a4a63 !important;
}
/* Icon: white glyph on purple circle (matches card 1 style) */
.elementor-element-53da9d5a .elementor-icon,
.elementor-element-11ea0f5 .elementor-icon,
.elementor-element-2658d7fa .elementor-icon {
	background-color: #534AB7 !important;
	color: #FFFFFF !important;
}
.elementor-element-53da9d5a .elementor-icon svg,
.elementor-element-11ea0f5 .elementor-icon svg,
.elementor-element-2658d7fa .elementor-icon svg {
	fill: #FFFFFF !important;
}
.elementor-element-53da9d5a:hover,
.elementor-element-11ea0f5:hover,
.elementor-element-2658d7fa:hover {
	background-color: #534AB7 !important;
}
.elementor-element-53da9d5a:hover .elementor-icon-box-title,
.elementor-element-53da9d5a:hover .elementor-icon-box-description,
.elementor-element-11ea0f5:hover .elementor-icon-box-title,
.elementor-element-11ea0f5:hover .elementor-icon-box-description,
.elementor-element-2658d7fa:hover .elementor-icon-box-title,
.elementor-element-2658d7fa:hover .elementor-icon-box-description {
	color: #FFFFFF !important;
}
.elementor-element-53da9d5a:hover .elementor-icon,
.elementor-element-11ea0f5:hover .elementor-icon,
.elementor-element-2658d7fa:hover .elementor-icon {
	background-color: #D4537E !important;
	color: #FFFFFF !important;
}
.elementor-element-53da9d5a:hover .elementor-icon svg,
.elementor-element-11ea0f5:hover .elementor-icon svg,
.elementor-element-2658d7fa:hover .elementor-icon svg {
	fill: #FFFFFF !important;
}

/* Pattern card 1: purple card, pink icon circle — no #0055FF blue */
.elementor-element-3fc21300 {
	background-color: #534AB7 !important;
}
.elementor-element-3fc21300 .elementor-icon {
	background-color: #D4537E !important;
	color: #FFFFFF !important;
}
.elementor-element-3fc21300 .elementor-icon svg {
	fill: #FFFFFF !important;
}
.elementor-element-3fc21300:hover {
	background-color: #231870 !important;
}

/* Hero mockups removed — keep Elementor absolute couple + right-edge BG intact */
.elementor-element-1f15629,
.elementor-element-f2c98e4,
.elementor-element-b2a9103 {
	display: none !important;
}

/* ---------- Restored improvements (lost during hero CSS cleanup) ---------- */

/* Footer immer unten, auch bei wenig Inhalt (Unsubscribe / Link expired) */
body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
body > .elementor-location-footer,
body > footer {
	margin-top: auto;
}

/* "Made for you" / "Not the right fit": Plus/Haken lila, Minus/Kreuz rosa (statt Grün/Rot) */
.elementor-3704 .elementor-element-31e51f97 .elementor-icon,
.elementor-3704 .elementor-element-31e51f97 .elementor-icon i,
.elementor-3704 .elementor-element-31e51f97 .elementor-icon svg,
.elementor-3704 .elementor-element-31e51f97 .elementor-icon svg path,
.elementor-3704 .elementor-element-33587c5 .elementor-icon,
.elementor-3704 .elementor-element-33587c5 .elementor-icon svg,
.elementor-3704 .elementor-element-33587c5 .elementor-icon svg path,
.elementor-3704 .elementor-element-96b12fe .elementor-icon,
.elementor-3704 .elementor-element-96b12fe .elementor-icon svg,
.elementor-3704 .elementor-element-96b12fe .elementor-icon svg path,
.elementor-3704 .elementor-element-e06f2e1 .elementor-icon,
.elementor-3704 .elementor-element-e06f2e1 .elementor-icon svg,
.elementor-3704 .elementor-element-e06f2e1 .elementor-icon svg path {
	color: #534AB7 !important;
	fill: #534AB7 !important;
}
.elementor-3704 .elementor-element-224ade20 .elementor-icon,
.elementor-3704 .elementor-element-224ade20 .elementor-icon i,
.elementor-3704 .elementor-element-224ade20 .elementor-icon svg,
.elementor-3704 .elementor-element-224ade20 .elementor-icon svg path,
.elementor-3704 .elementor-element-ff7aa7d .elementor-icon,
.elementor-3704 .elementor-element-ff7aa7d .elementor-icon svg,
.elementor-3704 .elementor-element-ff7aa7d .elementor-icon svg path,
.elementor-3704 .elementor-element-d617da7 .elementor-icon,
.elementor-3704 .elementor-element-d617da7 .elementor-icon svg,
.elementor-3704 .elementor-element-d617da7 .elementor-icon svg path,
.elementor-3704 .elementor-element-794da1b .elementor-icon,
.elementor-3704 .elementor-element-794da1b .elementor-icon svg,
.elementor-3704 .elementor-element-794da1b .elementor-icon svg path {
	color: #D4537E !important;
	fill: #D4537E !important;
}

/* Buttons 600 / Preise 700 (SFP checkout) */
.elementor-button,
.elementor-button-text,
a.elementor-button,
button.elementor-button,
.dfp-cta-button,
.dfp-pc-buy-btn,
.dfp-pc-buy-btn-main,
.sfp-ty-download-btn,
.sfp-cta-button,
.sfp-optin-button,
.dfp-stripe-buy-button,
.sfp-exit-button,
.dfp-premium-checkout button.dfp-pc-buy-btn,
.dfp-premium-checkout .dfp-pc-buy-btn-main {
	font-weight: 600 !important;
}
.dfp-pc-price-current,
.sfp-price-panel__final-price,
.dfp-price,
.dfp-pc-summary-product-price {
	font-weight: 700 !important;
}

/* ---------- Off-Canvas: Markenfarben + erkennbarer Toggle/CTA ---------- */

/* Hamburger: rosa Kreis, weisses Icon – auf hell und lila lesbar */
.elementor-location-header .elementor-element-607024a .elementor-icon,
.elementor-element-607024a .elementor-icon {
	width: 42px;
	height: 42px;
	border-radius: 999px !important;
	background: #D4537E !important;
	color: #FFFFFF !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 14px rgba(212, 83, 126, .35);
}
.elementor-element-607024a .elementor-icon svg,
.elementor-element-607024a .elementor-icon svg path,
.elementor-element-607024a .elementor-icon i {
	color: #FFFFFF !important;
	fill: #FFFFFF !important;
}

/* Panel statt Template-Navy #00194C */
.e-off-canvas__content {
	background: #231870 !important;
}
.e-off-canvas__overlay {
	background: rgba(35, 24, 112, .5) !important;
}
.elementor-location-header .e-off-canvas .dy-logo,
.e-off-canvas .dy-logo {
	color: #FFFFFF !important;
}
.e-off-canvas .elementor-item,
.e-off-canvas .elementor-nav-menu a {
	color: #FFFFFF !important;
}
.e-off-canvas .elementor-item:hover,
.e-off-canvas .elementor-nav-menu a:hover {
	color: #FBEAF0 !important;
}

/* CTA im Menue: rosa, nicht lila auf lila */
.e-off-canvas .elementor-element-20ea7b2 .elementor-button,
.e-off-canvas .elementor-button {
	background-color: #D4537E !important;
	background-image: none !important;
	color: #FFFFFF !important;
	font-weight: 600 !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 16px 22px !important;
	min-height: 52px;
}
.e-off-canvas .elementor-element-20ea7b2 .elementor-button:hover,
.e-off-canvas .elementor-button:hover {
	background-color: #b93a66 !important;
	color: #FFFFFF !important;
}

.e-off-canvas .arrow-btn .elementor-button-content-wrapper {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: auto !important;
}
.e-off-canvas .arrow-btn .elementor-button-text {
	display: inline !important;
	font-size: 16px !important;
	color: #FFFFFF !important;
	font-weight: 600 !important;
}
.e-off-canvas .arrow-btn .elementor-button-icon,
.e-off-canvas .arrow-btn .elementor-button-icon svg {
	width: 16px !important;
	height: 16px !important;
	color: #FFFFFF !important;
	fill: #FFFFFF !important;
}