/* Quick order — Jupiter (from the Mars theme). Colours come from the Aurus theme settings. */
#quickorder { margin-top: 12px; }

#quickorder .qo-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	padding: 13px 16px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--qo-primary, #739a18);
	background: #fff;
	border: 1px solid var(--qo-primary, #739a18);
	border-radius: var(--qo-radius, 4px);
	cursor: pointer;
	transition: background .2s ease, color .2s ease;
}
#quickorder .qo-toggle svg {
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
	stroke: currentColor;
}
#quickorder .qo-toggle:hover,
#quickorder .qo-toggle.qo-active {
	background: var(--qo-primary, #739a18);
	color: #fff;
}
#quickorder .qo-toggle.qo-active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

#quickorder .qo-panel {
	overflow: hidden;
	max-height: 0;
	transition: max-height .3s ease;
	border: 1px solid #e5e5e5;
	border-top: 0;
	border-radius: 0 0 4px 4px;
	background: #fafafa;
}
#quickorder .qo-panel[hidden] { display: none; }

#quickorder .qo-body { padding: 16px; }

#quickorder .qo-group { margin-bottom: 12px; }
#quickorder .qo-group label {
	display: block;
	margin-bottom: 4px;
	font-weight: 600;
	font-size: 13px;
}

#quickorder input[type="text"],
#quickorder input[type="tel"],
#quickorder input[type="email"],
#quickorder textarea {
	display: block;
	width: 100%;
	padding: 8px 10px;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	box-sizing: border-box;
}
#quickorder input:focus,
#quickorder textarea:focus {
	outline: none;
	border-color: var(--qo-primary, #739a18);
	box-shadow: 0 0 0 2px rgba(240, 148, 10, .15);
}
#quickorder .qo-invalid { border-color: #d9534f !important; }

#quickorder .qo-check label { font-weight: 400; cursor: pointer; }
#quickorder .qo-check input { margin-right: 6px; }
#quickorder .qo-check a { text-decoration: underline; }

#quickorder .qo-error {
	color: #d9534f;
	font-size: 12px;
	margin-top: 3px;
	min-height: 0;
}

#quickorder .qo-alert {
	padding: 8px 12px;
	border-radius: 4px;
	font-size: 13px;
	margin-bottom: 12px;
}
#quickorder .qo-alert-danger {
	background: #f2dede;
	color: #a94442;
	border: 1px solid #ebccd1;
}

#quickorder .qo-options-list { display: flex; flex-wrap: wrap; gap: 6px; }
#quickorder .qo-chip {
	display: inline-block;
	padding: 3px 10px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 12px;
}
#quickorder .qo-muted { color: #999; font-size: 12px; }

#quickorder .qo-submit {
	display: block;
	width: 100%;
	padding: 12px 16px;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	background: var(--qo-primary, #739a18);
	border: 0;
	border-radius: var(--qo-radius, 4px);
	cursor: pointer;
	transition: background .2s ease;
}
#quickorder .qo-submit:hover { background: var(--qo-primary-hover, #5f8013); }
#quickorder .qo-submit:disabled { opacity: .6; cursor: not-allowed; }

#quickorder .qo-success { text-align: center; padding: 12px 0; }
#quickorder .qo-success-icon { font-size: 34px; margin-bottom: 6px; }
#quickorder .qo-success-title { font-size: 19px; font-weight: 700; margin-bottom: 8px; }
#quickorder .qo-success-text { font-size: 14px; color: #444; margin-bottom: 4px; }

#quickorder .qo-optional { font-weight: 400; color: #999; font-size: 12px; }

/* Jupiter */
#quickorder { clear: both; }
#quickorder.qo-external { margin-top: 0; }
#quickorder.qo-external .qo-panel { border-top: 1px solid #e5e5e5; margin-top: 10px; border-radius: var(--qo-radius, 4px); }
#quickorder .qo-toggle[hidden] { display: none; }
#quickorder .qo-submit { color: var(--qo-primary-text, #fff); }
#quickorder .qo-success-mail { color: #777; font-size: 13px; }