/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* =========================================================
   aac – Ergänzungen (UX/UI), Stand 11/2026
   ========================================================= */

/* ---------- 1. Mitglieder-Profile: ganze Karte klickbar ---------- */
.um-members .aac-member { cursor: pointer; }
.um-members .aac-member .aac-member__name a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 3;
}
.um-members .aac-member .aac-member__image img { transition: transform .4s ease; }
.um-members .aac-member:hover .aac-member__image img { transform: scale(1.04); }
.um-members .aac-member .aac-member__image::after { transition: background-color .25s ease; }
.um-members .aac-member:hover .aac-member__image::after { background-color: rgba(0, 0, 0, .38); }
.um-members .aac-member .aac-member__name a:focus { outline: none; }
.um-members .aac-member:focus-within { outline: 3px solid #35558a; outline-offset: 2px; }

/* ---------- 3a. Berufsbilder-Navigation ---------- */
nav.awb-menu:has(#menu-berufsbilder) {
	--awb-bg: transparent !important;
	--awb-active-bg: transparent !important;
	background: transparent !important;
	margin-bottom: 36px !important;
}
nav.awb-menu:has(#menu-berufsbilder) .awb-menu__m-toggle { display: none !important; }
#menu-berufsbilder {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px;
	position: static !important;
	background: transparent !important;
	padding: 0 0 18px !important;
	margin: 0 !important;
	border-bottom: 1px solid #e3e6eb;
	box-shadow: none !important;
	opacity: 1 !important;
	visibility: visible !important;
	max-height: none !important;
	width: auto !important;
}
#menu-berufsbilder > li {
	background: transparent !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	width: auto !important;
}
#menu-berufsbilder > li > a {
	display: inline-flex !important;
	align-items: center;
	min-height: 0 !important;
	padding: 9px 16px !important;
	border: 1px solid #d3d9e2 !important;
	border-radius: 999px;
	background: #fff !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
	white-space: nowrap;
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
#menu-berufsbilder > li > a,
#menu-berufsbilder > li > a .menu-text { color: #35558a !important; }
#menu-berufsbilder > li > a:hover { background: #eef2f8 !important; border-color: #35558a !important; }
#menu-berufsbilder > li.current-menu-item > a {
	background: #35558a !important;
	border-color: #35558a !important;
	cursor: default;
}
#menu-berufsbilder > li.current-menu-item > a,
#menu-berufsbilder > li.current-menu-item > a .menu-text { color: #fff !important; }
#menu-berufsbilder > li > a:focus-visible { outline: 3px solid #9fb3d6; outline-offset: 2px; }

@media (max-width: 800px) {
	#menu-berufsbilder {
		flex-wrap: nowrap !important;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
		padding-bottom: 14px !important;
	}
	#menu-berufsbilder::-webkit-scrollbar { display: none; }
	#menu-berufsbilder > li { flex: 0 0 auto; scroll-snap-align: start; }
}

/* ---------- 3b. Berufsbilder: einheitliche Typografie ---------- */
body:has(#menu-berufsbilder) #content .fusion-text { max-width: 860px; }
body:has(#menu-berufsbilder) #content .fusion-text h2 {
	font-size: clamp(26px, 3.4vw, 36px) !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: .01em !important;
	text-transform: uppercase;
	color: #1d2433 !important;
	margin: 8px 0 26px !important;
}
body:has(#menu-berufsbilder) #content .fusion-text h2:not(:first-child) { margin-top: 56px !important; }
body:has(#menu-berufsbilder) #content .fusion-text h3 {
	font-size: 21px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	letter-spacing: 0 !important;
	color: #35558a !important;
	margin: 38px 0 12px !important;
}
body:has(#menu-berufsbilder) #content .fusion-text h4 {
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	letter-spacing: 0 !important;
	color: #1d2433 !important;
	margin: 24px 0 6px !important;
}
body:has(#menu-berufsbilder) #content .fusion-text :is(h2, h3, h4) :is(strong, b, span) { font: inherit !important; color: inherit !important; }
body:has(#menu-berufsbilder) #content .fusion-text :is(p, li) {
	font-size: 16px !important;
	line-height: 1.7 !important;
	text-align: left !important;
}
body:has(#menu-berufsbilder) #content .fusion-text p { margin: 0 0 14px !important; }
body:has(#menu-berufsbilder) #content .fusion-text a { text-decoration: underline; text-underline-offset: 2px; }

/* ---------- 5. Barrierefreiheit: Kontraste ---------- */
.um-directory .um-do-search.um-button { background: #35558a !important; color: #fff !important; border-color: #35558a !important; }
.um-directory .um-do-search.um-button:hover { background: #28426d !important; }
.fusion-privacy-bar { color: #e8e8e8 !important; }
.fusion-privacy-bar a, .fusion-privacy-bar .fusion-privacy-bar-learn-more { color: #fff !important; text-decoration: underline; text-underline-offset: 2px; }

.fusion-privacy-bar .fusion-privacy-bar-acceptance, .fusion-privacy-bar .fusion-privacy-bar-acceptance .fusion-button-text { background: #fff !important; color: #1d2433 !important; text-decoration: none !important; }