/* EU Withdrawal Compliance — front-end styles */

.euwc-product-notice {
	display: block;
	margin-top: .5em;
	font-size: .9em;
	color: #2c6e49;
}
.euwc-product-notice.euwc-exempt {
	color: #9a3412;
}

.euwc-checkout-notice {
	margin: 1em 0;
	padding: .75em 1em;
	background: #f3f8f4;
	border-left: 3px solid #2c6e49;
	font-size: .9em;
}

.euwc-order-card {
	border: 1px solid #e2e2e2;
	border-radius: 6px;
	padding: 1em 1.25em;
	margin-bottom: 1.25em;
}
.euwc-order-card h4 {
	margin: 0 0 .25em;
}
.euwc-deadline {
	color: #555;
	font-size: .9em;
	margin-top: 0;
}

.euwc-items {
	width: 100%;
	border-collapse: collapse;
	margin: .75em 0;
}
.euwc-items th,
.euwc-items td {
	text-align: left;
	padding: .35em .5em;
	border-bottom: 1px solid #eee;
}

.euwc-notice {
	margin-bottom: 1em;
}
.euwc-notice-error {
	border-left-color: #b00020;
}

.euwc-empty {
	color: #777;
	font-style: italic;
}

.euwc-model-form {
	margin-top: 1.5em;
	font-size: .9em;
}
.euwc-model-form summary {
	cursor: pointer;
	color: #2c6e49;
}
.euwc-model-form-body {
	margin-top: 1em;
	padding: 1em;
	background: #fafafa;
	border: 1px dashed #ccc;
}

/* Public withdrawal flow */
.euwc-flow-form .euwc-flow-field {
	margin-bottom: 1em;
}
.euwc-flow-form label {
	display: inline-block;
	margin-right: 1em;
}
.euwc-flow-form input[type="text"],
.euwc-flow-form input[type="email"],
.euwc-flow-form textarea {
	display: block;
	width: 100%;
	max-width: 28em;
}
.euwc-flow-items {
	width: 100%;
	border-collapse: collapse;
	margin: 1em 0;
}
.euwc-flow-items th,
.euwc-flow-items td {
	text-align: left;
	padding: .35em .5em;
	border-bottom: 1px solid #eee;
}
.euwc-flow-error {
	margin: 0 0 1em;
	padding: .75em 1em;
	background: #fdeaea;
	border-left: 3px solid #b00020;
}
.euwc-flow-done {
	padding: 1em 1.25em;
	background: #eef8f0;
	border-left: 3px solid #2c6e49;
}

/* Optional floating sticky button */
.euwc-sticky-button {
	position: fixed;
	right: 16px;
	bottom: 16px;
	z-index: 9999;
	padding: .65em 1.1em;
	background: #2c6e49;
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
	font-size: .9em;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}
.euwc-sticky-button:hover {
	background: #245a3c;
	color: #fff;
}
