/**
 * WooCommerce Request a Quote from Cart - front end styles.
 */

.wcraq-form-wrapper {
	margin: 2.5em 0 0;
	padding: 1.6em;
	border: 1px solid rgba( 0, 0, 0, .1 );
	border-radius: 4px;
}

.wcraq-form-title {
	margin-top: 0;
}

.wcraq-form-description {
	margin-bottom: 1.4em;
}

.wcraq-form-fields {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -8px;
}

.wcraq-form-fields .wcraq-field {
	box-sizing: border-box;
	padding: 0 8px;
	margin-bottom: 1em;
	flex: 0 0 100%;
	max-width: 100%;
}

.wcraq-form-fields .wcraq-width-half {
	flex: 0 0 50%;
	max-width: 50%;
}

@media screen and ( max-width: 600px ) {
	.wcraq-form-fields .wcraq-width-half {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

.wcraq-form-fields label {
	display: block;
	margin-bottom: .3em;
	font-weight: 600;
}

.wcraq-form-fields input[type="text"],
.wcraq-form-fields input[type="email"],
.wcraq-form-fields input[type="tel"],
.wcraq-form-fields input[type="number"],
.wcraq-form-fields input[type="date"],
.wcraq-form-fields select,
.wcraq-form-fields textarea {
	width: 100%;
	box-sizing: border-box;
}

.wcraq-form-fields .wcraq-field-checkbox input {
	width: auto;
}

.wcraq-field-error input,
.wcraq-field-error textarea,
.wcraq-field-error select {
	border-color: #b32d2e;
}

.wcraq-error-message {
	display: block;
	margin-top: .3em;
	color: #b32d2e;
	font-size: .9em;
}

/* The honeypot must stay in the DOM but never be visible. */
.wcraq-honeypot {
	position: absolute !important;
	left: -9999px !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.wcraq-form-submit {
	margin-bottom: 0;
}

/* ---------------------------------------------------------------------
 * My account
 * ------------------------------------------------------------------ */

.wcraq-status {
	display: inline-block;
	padding: .2em .7em;
	border-radius: 999px;
	font-size: .85em;
	line-height: 1.6;
	white-space: nowrap;
	background: #eee;
	color: #333;
}

.wcraq-status--new { background: #fdf3d4; color: #7a5c00; }
.wcraq-status--progress { background: #efe6f7; color: #4d2d73; }
.wcraq-status--replied { background: #e0eefc; color: #12518b; }
.wcraq-status--accepted { background: #dcf3e6; color: #0a5c39; }
.wcraq-status--declined { background: #fbe3e3; color: #8a1f20; }
.wcraq-status--converted { background: #cfeddc; color: #05432a; }
.wcraq-status--expired,
.wcraq-status--cancelled { background: #ececec; color: #555; }

.wcraq-quote-view .wcraq-validity.wcraq-expired {
	color: #b32d2e;
	font-weight: 600;
}

.wcraq-quote-actions .button {
	margin-right: .5em;
}

.wcraq-quote-table .wcraq-col-qty,
.wcraq-quote-table .wcraq-col-price,
.wcraq-quote-table .wcraq-col-total {
	text-align: right;
}

.wcraq-quote-table .wcraq-item-meta {
	margin: .4em 0 0;
	padding: 0;
	list-style: none;
	font-size: .88em;
	opacity: .8;
}

.wcraq-history {
	margin: 0 0 1.5em;
	padding: 0;
	list-style: none;
	border-left: 2px solid rgba( 0, 0, 0, .1 );
}

.wcraq-history-item {
	position: relative;
	padding: .4em 0 .9em 1.2em;
}

.wcraq-history-item:before {
	content: "";
	position: absolute;
	left: -5px;
	top: .9em;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #7f54b3;
}

.wcraq-history-date {
	display: inline-block;
	margin-left: .6em;
	font-size: .88em;
	opacity: .7;
}

.wcraq-history-note {
	display: block;
	margin-top: .2em;
	font-size: .92em;
}