:root {
	--dq-offert-accent: #ffd200;
	--dq-offert-accent-hover: #e6bd00;
	--dq-offert-accent-text: #111518;
	--dq-offert-border: #e2e5e9;
	--dq-offert-radius: 8px;
}

/* Knapp + "tillagd"-läge */
.dq-offert-wrap { margin-top: 1rem; }
.dq-offert-wrap .dq-offert-btn,
.dq-offert-wrap .dq-offert-btn-link,
.dq-offert-page .dq-offert-submit {
	display: inline-block;
	/* !important: teman (t.ex. Blocksy) sätter knappfärger med högre specificitet. */
	background-color: var(--dq-offert-accent) !important;
	color: var(--dq-offert-accent-text) !important;
	border: 0;
	border-radius: var(--dq-offert-radius);
	padding: .85em 1.4em;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	line-height: 1.2;
}
.dq-offert-page .dq-offert-submit { text-transform: none; }
.dq-offert-wrap .dq-offert-btn:hover,
.dq-offert-wrap .dq-offert-btn-link:hover,
.dq-offert-page .dq-offert-submit:hover {
	background-color: var(--dq-offert-accent-hover) !important;
	color: var(--dq-offert-accent-text) !important;
}
.dq-offert-wrap .dq-offert-btn[disabled] { opacity: .6; cursor: wait; }

.dq-offert-wrap .dq-offert-added { display: none; }
.dq-offert-wrap.is-added .dq-offert-btn,
.dq-offert-wrap.is-added .dq-offert-btn-link { display: none; }
.dq-offert-wrap.is-added .dq-offert-added { display: block; }
.dq-offert-msg:empty { display: none; }
.dq-offert-msg { margin-top: .5rem; color: #b32d2e; font-size: .9em; }

/* Offertsidan */
.dq-offert-table { width: 100%; border-collapse: collapse; margin-bottom: 2.5rem; }
.dq-offert-table th,
.dq-offert-table td { padding: .75rem; border-bottom: 1px solid var(--dq-offert-border); text-align: left; vertical-align: middle; }
.dq-offert-table .dq-col-img { width: 80px; }
.dq-offert-table .dq-col-img img { width: 64px; height: auto; display: block; }
.dq-offert-table .dq-col-qty { width: 110px; }
.dq-offert-table .dq-col-qty input { width: 80px; padding: .4em .5em; border: 1px solid var(--dq-offert-border); border-radius: 6px; }
.dq-offert-table .dq-col-remove { width: 48px; text-align: right; }
.dq-offert-remove { background: none; border: 0; font-size: 1.5rem; line-height: 1; cursor: pointer; color: #666; padding: .25rem .5rem; }
.dq-offert-remove:hover { color: #b32d2e; }

.dq-offert-form .dq-field { margin: 0 0 1.5rem; }
.dq-offert-form .dq-field label { display: block; margin-bottom: .5rem; }
.dq-offert-form .dq-field .required { color: #e2401c; text-decoration: none; border: 0; }
.dq-offert-form .dq-field input,
.dq-offert-form .dq-field textarea {
	width: 100%;
	box-sizing: border-box;
	padding: .8em 1em;
	border: 1px solid var(--dq-offert-border);
	border-radius: var(--dq-offert-radius);
	background: #fff;
	font: inherit;
}
.dq-offert-form .dq-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }