/**
 * Minimal styling. Deliberately restrained: the child theme owns the shop's
 * look, and this plugin owns behaviour. Anything here is structural only, so
 * the theme can override it without fighting.
 */

.araki-enquiry-form {
	margin: 1em 0;
}

.araki-enquiry-form--alongside {
	padding-top: 0.5em;
	border-top: 1px solid rgba( 0, 0, 0, 0.1 );
}

.araki-qty-label {
	display: block;
	margin-bottom: 0.25em;
	font-size: 0.9em;
}

.araki-qty {
	width: 6em;
	margin-right: 0.5em;
}

.araki-enquiry-hint {
	margin-top: 0.5em;
	font-size: 0.9em;
	opacity: 0.8;
}

/* The honeypot. Hidden from people without using display:none, which some
   bots check for, and taken out of the tab order and the accessibility tree. */
.araki-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.araki-enquiry-items {
	width: 100%;
	margin-bottom: 2em;
	border-collapse: collapse;
}

.araki-enquiry-items th,
.araki-enquiry-items td {
	padding: 0.5em;
	text-align: left;
	border-bottom: 1px solid rgba( 0, 0, 0, 0.1 );
}

.araki-enquiry-details p {
	margin-bottom: 1em;
}

.araki-enquiry-details label {
	display: block;
	margin-bottom: 0.25em;
	font-weight: 600;
}

.araki-enquiry-details input,
.araki-enquiry-details textarea {
	width: 100%;
	max-width: 32em;
}

.araki-enquiry-details .required {
	color: #b32d2e;
}

.araki-notice {
	padding: 1em;
	margin-bottom: 1.5em;
	border-left: 4px solid;
}

.araki-notice--error {
	border-color: #b32d2e;
	background: rgba( 179, 45, 46, 0.06 );
}

.araki-notice--success {
	border-color: #1a7f37;
	background: rgba( 26, 127, 55, 0.06 );
}

/* Wide tables must scroll inside themselves, never push the page sideways. */
@media ( max-width: 600px ) {
	.araki-enquiry-items {
		display: block;
		overflow-x: auto;
	}
}