/* Voucher plugin frontend styles */
/* Overview layout is handled entirely by the theme (_eightam-vouchers.less). */


.eamv-voucher-status {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 4px;
	font-weight: bold;
	margin-bottom: 1rem;
}

.eamv-status-active { background: #d4edda; color: #155724; }
.eamv-status-partly { background: #fff3cd; color: #856404; }
.eamv-status-waiting { background: #cce5ff; color: #004085; }
.eamv-status-complete { background: #e2e3e5; color: #383d41; }
.eamv-status-expired { background: #f8d7da; color: #721c24; }
.eamv-status-canceled { background: #f8d7da; color: #721c24; }

.eamv-voucher-info {
	width: 100%;
	border-collapse: collapse;
	margin: 1rem 0;
}

.eamv-voucher-info th,
.eamv-voucher-info td {
	padding: 8px 12px;
	border-bottom: 1px solid #eee;
	text-align: left;
}

.eamv-voucher-info th {
	width: 40%;
	font-weight: 600;
}

.eamv-form-group {
	margin-bottom: 1rem;
}

.eamv-form-row-plz-ort {
	display: grid;
	grid-template-columns: 1fr 3fr;
	gap: 1rem;
}

.eamv-form-row-plz-ort .eamv-form-group {
	min-width: 0;
}

.eamv-form-group label {
	display: block;
	font-weight: 600;
	margin-bottom: 4px;
}

.eamv-form-group label[for="vInsc"] {
	display: inline-block;
	padding: 2px 12px 4px 4px;
	background: linear-gradient(to right, #fff 0%, #fff 70%, rgba(255, 255, 255, 0) 100%);
	position: relative;
	z-index: 1;
}

.eamv-error {
	color: #dc3232;
	font-size: 0.875rem;
}

.eamv-alt-address {
	display: none;
}

/* International phone number field (intl-tel-input). */
.eamv-form-group .iti {
	display: block;
	width: 100%;
}

.eamv-form-group .iti__tel-input {
	width: 100%;
	box-sizing: border-box;
	padding: 1.5em .8em 1.5em 76px !important;
}

/* Make the flag/dial-code prefix match the input font and fill its full height. */
.eamv-form-group .iti__selected-country-primary,
.eamv-form-group .iti__selected-dial-code,
.eamv-form-group .iti__country {
	font: inherit;
	line-height: 1;
}

.eamv-form-group .iti__selected-country {
	height: 100%;
}

.eamv-form-group input.eamv-input-error {
	border-color: #dc3232;
}