/* Tierlando Lieferanfrage */

/* Hinweis unter Größe/Farbe */
.tl-la-hint {
	margin: .5em 0 1em;
	font-size: .92em;
	opacity: .85;
}

/* Box mit Info-Text und Button (in der Verfügbarkeitsanzeige) */
.tl-la-box {
	margin: .75em 0 1em;
	padding: 1em 1.1em;
	border: 1px solid rgba(0, 0, 0, .12);
	border-left: 4px solid currentColor;
	border-radius: 6px;
	background: rgba(0, 0, 0, .03);
}
.tl-la-box .tl-la-info {
	margin: 0 0 .8em;
	font-size: .95em;
	line-height: 1.45;
}
.tl-la-box .tl-la-open {
	width: 100%;
	cursor: pointer;
}
p.stock.tl-la-stock {
	font-weight: 600;
}

/* Warenkorb-Button & Menge ausblenden, solange eine anfragbare Variante gewählt ist */
form.variations_form.tl-la-active .woocommerce-variation-add-to-cart,
form.variations_form.tl-la-active .variations_button,
form.variations_form.tl-la-active .single_add_to_cart_button,
form.variations_form.tl-la-active .quantity,
body.tl-la-body-active .ppc-button-wrapper,
body.tl-la-body-active [id^="ppc-button"],
body.tl-la-body-active .ppcp-messages,
body.tl-la-body-active .wc-ppcp-product-payments__container,
body.tl-la-body-active .paypal-button-container,
body.tl-la-body-active .ppc-button-wrapper + *[class*="ppcp"] {
	display: none !important;
}
.tl-la-inline { margin-top: 1em; }

/* Modal */
html.tl-la-open-html { overflow: hidden; }
.tl-la-modal[hidden] { display: none !important; }
.tl-la-modal {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
}
.tl-la-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .55);
}
.tl-la-dialog {
	position: relative;
	width: 100%;
	max-width: 520px;
	max-height: calc(100vh - 32px);
	overflow: auto;
	background: #fff;
	color: #222;
	border-radius: 10px;
	padding: 28px 26px 22px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .3);
}
.tl-la-dialog h3 { margin: 0 0 .4em; padding-right: 28px; }
.tl-la-close {
	position: absolute;
	top: 10px;
	right: 12px;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #555;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
}
.tl-la-product {
	margin: 0 0 1.1em;
	padding: .6em .8em;
	background: #f5f5f5;
	border-radius: 6px;
	font-size: .95em;
}
.tl-la-field { margin: 0 0 .85em; }
.tl-la-field label { display: block; font-weight: 600; margin-bottom: .25em; }
.tl-la-field input[type="text"],
.tl-la-field input[type="email"],
.tl-la-field input[type="tel"],
.tl-la-field textarea {
	width: 100%;
	box-sizing: border-box;
}
.tl-la-optional { font-weight: 400; opacity: .7; }
.tl-la-privacy label { font-weight: 400; font-size: .88em; line-height: 1.4; }
.tl-la-privacy input { margin-right: .4em; }
.tl-la-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.tl-la-error {
	margin: 0 0 .8em;
	padding: .6em .8em;
	background: #fdecea;
	color: #8a1c14;
	border-radius: 6px;
	font-size: .92em;
}
.tl-la-submit { width: 100%; cursor: pointer; }
.tl-la-note { margin: .6em 0 0; font-size: .82em; text-align: center; opacity: .7; }
.tl-la-success {
	padding: 1em;
	background: #e9f6ec;
	color: #1e5a2b;
	border-radius: 6px;
	line-height: 1.5;
}