/*
Theme Name: Amopers
Description: Child Theme für WooCommerce Anpassungen
Author: Enis
Template: flatsome
Version: 1.0.0
Text Domain: flatsome-child
*/


.ghw-logout-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.62);
	z-index: 999999;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.ghw-logout-overlay.is-active {
	display: flex;
}

.ghw-logout-popup {
	position: relative;
	width: 100%;
	max-width: 420px;
	background: #ffffff;
	padding: 34px 36px 38px 36px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
	text-align: left;
}

.ghw-logout-popup h2 {
	margin: 0 0 16px 0;
	color: #0068b0;
	font-size: 28px;
	font-weight: 400;
	text-transform: uppercase;
}

.ghw-logout-popup p {
	margin: 0 0 26px 0;
	color: #333333;
	font-size: 17px;
	line-height: 1.5;
}

.ghw-logout-confirm {
	display: inline-block;
	background: #0068b0;
	color: #ffffff !important;
	padding: 12px 24px;
	text-decoration: none !important;
	font-weight: 400;
}

.ghw-logout-confirm:hover {
	background: #004f86;
	color: #ffffff !important;
}

.ghw-logout-close {
	position: absolute;
	top: 12px;
	right: -12px;
	width: 32px;
	height: 32px;
	border: none;
	background: transparent;
	color: #666666;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
	padding: 0;
}

.ghw-logout-close:hover {
	color: #0068b0;
}

body.ghw-logout-popup-open {
	overflow: hidden;
}

/* =========================================================
   GHW - Fehlermeldungen im Login-/Registrierungs-Popup
   Bearbeitbare Werte
========================================================= */

:root {
	--ghw-register-error-bg: #b00020;
	--ghw-register-error-text: #ffffff;
	--ghw-register-error-radius: 6px;
	--ghw-register-error-padding: 16px 20px;
}


/* Popup-Fehlermeldung: äußerer Flatsome/WooCommerce Wrapper */
body .mfp-wrap #login-form-popup .message-wrapper,
body .mfp-wrap #login-form-popup .woocommerce-error,
body .mfp-wrap #login-form-popup .woocommerce-error.message-wrapper,
body .mfp-wrap #login-form-popup .woocommerce-notices-wrapper .message-wrapper,
body .mfp-wrap .mfp-content #login-form-popup .message-wrapper,
body .mfp-wrap .mfp-content #login-form-popup .woocommerce-error {
	background: var(--ghw-register-error-bg) !important;
	color: var(--ghw-register-error-text) !important;
	border: none !important;
	border-radius: var(--ghw-register-error-radius) !important;
	padding: 0 !important;
	margin: 0 0 24px 0 !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16) !important;
	list-style: none !important;
}


/* Innerer Flatsome-Container innerhalb der Meldung */
body .mfp-wrap #login-form-popup .message-wrapper .message-container,
body .mfp-wrap #login-form-popup .woocommerce-error .message-container,
body .mfp-wrap .mfp-content #login-form-popup .message-wrapper .message-container {
	background: transparent !important;
	color: var(--ghw-register-error-text) !important;
	border: none !important;
	padding: var(--ghw-register-error-padding) !important;
	margin: 0 !important;
	max-width: none !important;
	width: 100% !important;
}


/* Text, Listenpunkte und Icons innerhalb der Fehlermeldung */
body .mfp-wrap #login-form-popup .message-wrapper *,
body .mfp-wrap #login-form-popup .woocommerce-error *,
body .mfp-wrap .mfp-content #login-form-popup .message-wrapper * {
	color: var(--ghw-register-error-text) !important;
}


/* Listenelemente sauber darstellen */
body .mfp-wrap #login-form-popup .message-wrapper li,
body .mfp-wrap #login-form-popup .woocommerce-error li {
	background: transparent !important;
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}


/* Links innerhalb der Fehlermeldung */
body .mfp-wrap #login-form-popup .message-wrapper a,
body .mfp-wrap #login-form-popup .woocommerce-error a {
	color: var(--ghw-register-error-text) !important;
	text-decoration: underline !important;
	font-weight: 600 !important;
}

/* =========================================================
   GHW - Erfolgspopup nach Registrierung
   Diesen Block ganz unten in die Child-Theme style.css setzen.
========================================================= */

:root {
	--ghw-register-success-bg: #ffffff;
	--ghw-register-success-text: #333333;
	--ghw-register-success-headline: #0068b0;
	--ghw-register-success-button: #0068b0;
	--ghw-register-success-button-hover: #004f86;
	--ghw-register-success-icon-bg: #0f8f3a;
	--ghw-register-success-overlay: rgba(0, 0, 0, 0.62);
}

html body .ghw-register-success-overlay {
	position: fixed;
	inset: 0;
	z-index: 1000001;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: var(--ghw-register-success-overlay);
}

html body .ghw-register-success-overlay.is-active {
	display: flex;
}

html body .ghw-register-success-popup {
	position: relative;
	width: 100%;
	max-width: 520px;
	background: var(--ghw-register-success-bg);
	padding: 38px 42px 42px 42px;
	box-shadow: 0 14px 44px rgba(0, 0, 0, 0.28);
	text-align: left;
}

html body .ghw-register-success-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	margin: 0 0 20px 0;
	border-radius: 50%;
	background: var(--ghw-register-success-icon-bg);
	color: #ffffff;
	font-size: 30px;
	line-height: 1;
	font-weight: 700;
}

html body .ghw-register-success-popup h2 {
	margin: 0 0 16px 0;
	color: var(--ghw-register-success-headline);
	font-size: 28px;
	font-weight: 400;
	line-height: 1.2;
	text-transform: uppercase;
}

html body .ghw-register-success-popup p {
	margin: 0 0 16px 0;
	color: var(--ghw-register-success-text);
	font-size: 17px;
	line-height: 1.55;
}

html body .ghw-register-success-confirm {
	display: inline-block;
	margin-top: 10px;
	background: var(--ghw-register-success-button);
	color: #ffffff !important;
	border: none;
	padding: 12px 26px;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 400;
	cursor: pointer;
	text-decoration: none !important;
}

html body .ghw-register-success-confirm:hover,
html body .ghw-register-success-confirm:focus {
	background: var(--ghw-register-success-button-hover);
	color: #ffffff !important;
}

html body .ghw-register-success-close {
	position: absolute;
	top: 12px;
	right: 14px;
	width: 32px;
	height: 32px;
	border: none;
	background: transparent;
	color: #666666;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
	padding: 0;
}

html body .ghw-register-success-close:hover,
html body .ghw-register-success-close:focus {
	color: var(--ghw-register-success-headline);
}

html body.ghw-register-success-popup-open {
	overflow: hidden;
}

@media (max-width: 600px) {
	html body .ghw-register-success-popup {
		padding: 32px 26px 34px 26px;
	}

	html body .ghw-register-success-popup h2 {
		font-size: 24px;
	}

	html body .ghw-register-success-popup p {
		font-size: 16px;
	}
}