/* OMION Konto und Menü 1.0.2
 * 12.11.2026. Gelber Anmelden-Knopf an der Kasse,
 * aktuelle Seite im Mobilmenü in OMION-Gelb #f7c643,
 * etwas engere Desktop-Menüabstände für den Eintrag „Mein Konto“.
 * Keine Änderung an Kassenlogik. Rollback: Plugin deaktivieren.
 */

/* ---------- 1) Anmelden-Knopf an der Kasse: gelb wie auf Mein Konto ----------
 * Divi hängt an den Woo-Login-Knopf die Klasse .et_pb_button
 * (transparenter Hintergrund, nur Rahmen) — daher wirkt er ungestylt.
 */
.woocommerce-checkout form.woocommerce-form-login button.woocommerce-form-login__submit,
form.woocommerce-form-login button.woocommerce-form-login__submit.et_pb_button {
	background-color: #ffca31 !important;
	background-image: none !important;
	color: #242020 !important;
	border: 0 !important;
	border-radius: 8px !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	padding: 10px 22px !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
	cursor: pointer;
	box-shadow: none !important;
	transition: background-color .15s;
}
.woocommerce-checkout form.woocommerce-form-login button.woocommerce-form-login__submit::before,
.woocommerce-checkout form.woocommerce-form-login button.woocommerce-form-login__submit::after,
form.woocommerce-form-login button.woocommerce-form-login__submit.et_pb_button::before,
form.woocommerce-form-login button.woocommerce-form-login__submit.et_pb_button::after,
form.woocommerce-form-login button.woocommerce-form-login__submit.et_pb_button:hover::before,
form.woocommerce-form-login button.woocommerce-form-login__submit.et_pb_button:hover::after {
	display: none !important;
	content: none !important;
	opacity: 0 !important;
}
.woocommerce-checkout form.woocommerce-form-login button.woocommerce-form-login__submit:hover,
.woocommerce-checkout form.woocommerce-form-login button.woocommerce-form-login__submit:focus-visible,
form.woocommerce-form-login button.woocommerce-form-login__submit.et_pb_button:hover,
form.woocommerce-form-login button.woocommerce-form-login__submit.et_pb_button:focus-visible {
	background-color: #f0b800 !important;
	color: #242020 !important;
	border: 0 !important;
	padding: 10px 22px !important;
}

/* ---------- 2) Mobilmenü: aktuelle Seite und Antippen lesbar ----------
 * Vereinbart mit Mike (12.11.2026): aktueller Menüpunkt in OMION-Gelb #f7c643
 * auf dem dunklen DIPI-Hintergrund #222c39, nie dunkle Schrift auf dunkel.
 * Nur im offenen Vollbildmenü bis 1198 px. Desktop-Menü bleibt unverändert.
 */
@media (max-width: 1198px) {
	body.dipi-mobile-menu-fullscreen header .et_mobile_menu a:hover,
	body.dipi-mobile-menu-fullscreen header .et_mobile_menu a:active,
	body.dipi-mobile-menu-fullscreen header .et_mobile_menu a:focus,
	body.dipi-mobile-menu-fullscreen header .et_mobile_menu a:focus-visible,
	body.dipi-mobile-menu-fullscreen header .et_mobile_menu li:hover > a,
	body.dipi-mobile-menu-open header .et_mobile_menu a:hover,
	body.dipi-mobile-menu-open header .et_mobile_menu a:active,
	body.dipi-mobile-menu-open header .et_mobile_menu a:focus,
	body.dipi-mobile-menu-open header .et_mobile_menu a:focus-visible,
	body.dipi-mobile-menu-open header .et_mobile_menu li:hover > a {
		color: #ffffff !important;
		opacity: 1 !important;
	}

	body.dipi-mobile-menu-fullscreen header .et_mobile_menu .current-menu-item > a,
	body.dipi-mobile-menu-fullscreen header .et_mobile_menu .current_page_item > a,
	body.dipi-mobile-menu-fullscreen header .et_mobile_menu .current-menu-ancestor > a,
	body.dipi-mobile-menu-fullscreen header .et_mobile_menu .current-menu-item > a:hover,
	body.dipi-mobile-menu-fullscreen header .et_mobile_menu .current-menu-item > a:active,
	body.dipi-mobile-menu-fullscreen header .et_mobile_menu .current-menu-item > a:focus,
	body.dipi-mobile-menu-fullscreen header .et_mobile_menu .current-menu-item > a:focus-visible,
	body.dipi-mobile-menu-fullscreen header .et_mobile_menu .current_page_item > a:hover,
	body.dipi-mobile-menu-fullscreen header .et_mobile_menu .current_page_item > a:active,
	body.dipi-mobile-menu-fullscreen header .et_mobile_menu .current_page_item > a:focus,
	body.dipi-mobile-menu-fullscreen header .et_mobile_menu .current_page_item > a:focus-visible,
	body.dipi-mobile-menu-fullscreen header .et_mobile_menu .current-menu-ancestor > a:hover,
	body.dipi-mobile-menu-fullscreen header .et_mobile_menu .current-menu-ancestor > a:active,
	body.dipi-mobile-menu-fullscreen header .et_mobile_menu .current-menu-ancestor > a:focus,
	body.dipi-mobile-menu-fullscreen header .et_mobile_menu .current-menu-ancestor > a:focus-visible,
	body.dipi-mobile-menu-fullscreen header .et_mobile_menu .current-menu-item:hover > a,
	body.dipi-mobile-menu-fullscreen header .et_mobile_menu .current_page_item:hover > a,
	body.dipi-mobile-menu-fullscreen header .et_mobile_menu .current-menu-ancestor:hover > a,
	body.dipi-mobile-menu-open header .et_mobile_menu .current-menu-item > a,
	body.dipi-mobile-menu-open header .et_mobile_menu .current_page_item > a,
	body.dipi-mobile-menu-open header .et_mobile_menu .current-menu-ancestor > a,
	body.dipi-mobile-menu-open header .et_mobile_menu .current-menu-item > a:hover,
	body.dipi-mobile-menu-open header .et_mobile_menu .current-menu-item > a:active,
	body.dipi-mobile-menu-open header .et_mobile_menu .current-menu-item > a:focus,
	body.dipi-mobile-menu-open header .et_mobile_menu .current-menu-item > a:focus-visible,
	body.dipi-mobile-menu-open header .et_mobile_menu .current_page_item > a:hover,
	body.dipi-mobile-menu-open header .et_mobile_menu .current_page_item > a:active,
	body.dipi-mobile-menu-open header .et_mobile_menu .current_page_item > a:focus,
	body.dipi-mobile-menu-open header .et_mobile_menu .current_page_item > a:focus-visible,
	body.dipi-mobile-menu-open header .et_mobile_menu .current-menu-ancestor > a:hover,
	body.dipi-mobile-menu-open header .et_mobile_menu .current-menu-ancestor > a:active,
	body.dipi-mobile-menu-open header .et_mobile_menu .current-menu-ancestor > a:focus,
	body.dipi-mobile-menu-open header .et_mobile_menu .current-menu-ancestor > a:focus-visible,
	body.dipi-mobile-menu-open header .et_mobile_menu .current-menu-item:hover > a,
	body.dipi-mobile-menu-open header .et_mobile_menu .current_page_item:hover > a,
	body.dipi-mobile-menu-open header .et_mobile_menu .current-menu-ancestor:hover > a {
		color: #f7c643 !important;
		opacity: 1 !important;
		border-width: 2px !important;
		border-style: solid !important;
		border-color: #f7c643 !important;
	}
}

/* ---------- 3) Desktop-Menü: Platz für „Mein Konto“ in einer Zeile ----------
 * Die Warenkorb-UI (nowrap + 10 px) lädt bewusst nicht auf der Kasse.
 * Deshalb stehen nowrap und die engeren Abstände hier, für alle Seiten
 * einschließlich Kasse. Unter 1199 px gilt das Hamburger-Menü.
 */
@media (min-width: 1199px) {
	.et-l--header .et_pb_menu_0_tb_header .et_pb_menu__wrap,
	.et-l--header .et_pb_menu_0_tb_header .et_pb_menu__menu > nav > ul {
		flex-wrap: nowrap !important;
	}
	.et-l--header .et_pb_menu_0_tb_header .et_pb_menu__wrap {
		align-items: center;
	}
	.et-l--header .et_pb_menu_0_tb_header .et_pb_menu__menu > nav > ul > li {
		white-space: nowrap;
	}
}
@media (min-width: 1199px) and (max-width: 1439px) {
	.et-l--header .et_pb_menu_0_tb_header .et-menu-nav ul.et-menu > li {
		padding-left: 6px !important;
		padding-right: 6px !important;
	}
	.et-l--header .et_pb_menu_0_tb_header .et-menu-nav > ul.et-menu {
		margin-left: -6px;
		margin-right: -6px;
	}
	.et-l--header .et_pb_menu_0_tb_header a.et_pb_menu__cart-button {
		margin-left: 16px;
		margin-right: 8px;
	}
}


/* 1.0.1: stärkere Selektoren gegen Divis color:#000000!important
 * auf .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item>a.
 * Zusätzlich gilt der Footer-Block (nach Divi-Inline). Nur ≤1198 px.
 */
@media (max-width: 1198px) {
	body.dipi-mobile-menu-fullscreen .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item > a,
	body.dipi-mobile-menu-fullscreen .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item > a *,
	body.dipi-mobile-menu-fullscreen .et_pb_menu_0_tb_header.et_pb_menu ul li.current_page_item > a,
	body.dipi-mobile-menu-fullscreen .et_pb_menu_0_tb_header.et_pb_menu ul li.current_page_item > a *,
	body.dipi-mobile-menu-fullscreen .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-ancestor > a,
	body.dipi-mobile-menu-fullscreen .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-ancestor > a *,
	body.dipi-mobile-menu-fullscreen .et_mobile_menu li.current-menu-item > a,
	body.dipi-mobile-menu-fullscreen .et_mobile_menu li.current-menu-item > a *,
	body.dipi-mobile-menu-fullscreen .et_mobile_menu li.current_page_item > a,
	body.dipi-mobile-menu-fullscreen .et_mobile_menu li.current_page_item > a *,
	body.dipi-mobile-menu-fullscreen .et_mobile_menu li.current-menu-ancestor > a,
	body.dipi-mobile-menu-fullscreen .et_mobile_menu li.current-menu-ancestor > a *,
	body.dipi-mobile-menu-open .et_mobile_menu li.current-menu-item > a,
	body.dipi-mobile-menu-open .et_mobile_menu li.current-menu-item > a * {
		color: #f7c643 !important;
		-webkit-text-fill-color: #f7c643 !important;
		opacity: 1 !important;
		border-width: 2px !important;
		border-style: solid !important;
		border-color: #f7c643 !important;
	}
}