/*
  Shared styles for all custom CSS exports.
  Place site-agnostic fixes here and keep project-specific adjustments in the
  per-site files. This keeps the styling easier to maintain and avoids copying
  the same rules across multiple brands.
*/


[data-elementor-type="header"]{
	margin: 0 0 60px 0!important;
	height: var(--header-height,112px) !important;
}

/* Global link polish */
a,
a:active,
a:focus {
	outline: none !important;
}

:root {
	--account-tab-bg: #0064FF;
	--account-tab-hover-bg: #D4C3A9;
	--account-tab-text: #ffffff;
	--account-tab-hover-text: #ffffff;
	--account-tab-mobile-width: 100%;
	--account-tab-desktop-width: 30%;
	--account-tab-gap: 5%;
	--account-tab-border-radius: 8px;
	--account-tab-font-size: 16px;
	--password-toggle-color: inherit;
	--password-toggle-hover-color: inherit;
}

/* Shared account layout helper */
.mein_konto_content {
	min-height: 100vh !important;
}

/* Shared account-tab defaults used by multiple brands. */
#mein_konto_buttons[data-tab*="1"],
#mein_konto_buttons[data-tab*="2"],
#mein_konto_buttons[data-tab*="3"],
#mein_konto_buttons:hover,
div#mein_konto_buttons.jet-tabs__control.jet-tabs__control-icon-left.elementor-menu-anchor.active-tab {
	border-radius: var(--account-tab-border-radius) !important;
	font-size: var(--account-tab-font-size);
	font-weight: bold;
	color: var(--account-tab-text) !important;
}

#mein_konto_buttons[data-tab*="1"],
#mein_konto_buttons[data-tab*="2"],
#mein_konto_buttons[data-tab*="3"] {
	background-color: var(--account-tab-bg) !important;
	width: var(--account-tab-desktop-width) !important;
	margin-right: var(--account-tab-gap) !important;
}

#mein_konto_buttons:hover,
#mein_konto_buttons:focus,
div#mein_konto_buttons.jet-tabs__control.jet-tabs__control-icon-left.elementor-menu-anchor.active-tab {
	background-color: var(--account-tab-hover-bg) !important;
	color: var(--account-tab-hover-text) !important;
}

.active-tab .jet-tabs__label-text {
	color: var(--account-tab-hover-text) !important;
}

@media (max-width: 1140px) {
	#mein_konto_buttons[data-tab*="1"],
	#mein_konto_buttons[data-tab*="2"],
	#mein_konto_buttons[data-tab*="3"] {
		width: var(--account-tab-mobile-width) !important;
		margin-right: 0 !important;
		margin-bottom: 8px !important;
	}
}

#mein_konto_buttons:last-child {
	margin-right: 0 !important;
}

/* Cookie banner and recaptcha cleanup used across multiple sites */
.cky-revisit-bottom-left,
.grecaptcha-badge {
	display: none !important;
}

.cky-consent-container[role="region"] {
	position: fixed !important;
}

/* LearnDash base layout fix */
#ld-main-course-list {
	min-height: 200px !important;
}

.single-sfwd-courses #ast-scroll-top,
.single-sfwd-lessons #ast-scroll-top,
.single-sfwd-topic #ast-scroll-top,
.single-sfwd-quiz #ast-scroll-top,
.learndash-cpt #ast-scroll-top {
	display: none !important;
}

/* Generic password toggle button base style */
button.show-password-input {
	border: none;
	background: transparent;
	color: var(--password-toggle-color);
	cursor: pointer;
}

button.show-password-input:hover,
button.show-password-input:focus {
	background: transparent;
	border: none;
	color: var(--password-toggle-hover-color);
}

/* Keep per-brand colors in the site files, but share the base rules here. */