/* Kundenseite: Versandwahl und Anfragekasten.
   Die Farben kommen aus dem Theme, mit Rückfallwerten für den Fall,
   dass das Plugin einmal ohne dieses Theme läuft. */

/* Eigene Bausteine rechnen Innenabstand in die Breite ein - unabhängig davon,
   ob das umgebende Theme eine solche Regel mitbringt. */
.ps-anfrage-formular,
.ps-anfrage-formular *,
.ps-anfrage-kasten,
.ps-anfrage-kasten * {
	box-sizing: border-box;
}

.ps-anfrage-formular {
	--v-linie: var(--wp--preset--color--linie, #DDE0D8);
	--v-ink: var(--wp--preset--color--ink, #1B211D);
	--v-ink-2: var(--wp--preset--color--ink-2, #565F58);
	--v-ink-3: var(--wp--preset--color--ink-3, #636C66);
	--v-loden: var(--wp--preset--color--loden, #2E4034);
	--v-messing: var(--wp--preset--color--messing, #7E6027);
	--v-flaeche-2: var(--wp--preset--color--flaeche-2, #F1F2EC);
	margin: 22px 0 0;
	max-width: 60ch;
}

.ps-versand-block {
	border: 1px solid var(--v-linie);
	border-radius: 3px;
	padding: 16px 18px 12px;
	margin: 0 0 20px;
}

.ps-versand-block legend {
	font-family: var(--wp--preset--font-family--daten, Consolas, monospace);
	font-size: 11px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--v-ink-3);
	padding: 0 8px;
}

.ps-versand-option {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 11px 0;
	border-bottom: 1px solid var(--v-linie);
	cursor: pointer;
}

.ps-versand-option:last-of-type { border-bottom: 0; }

.ps-versand-option input[type="radio"] {
	margin: 3px 0 0;
	flex: none;
	accent-color: var(--v-loden);
	width: 17px;
	height: 17px;
}

.ps-versand-text {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.ps-versand-titel {
	font-size: 15px;
	color: var(--v-ink);
	line-height: 1.35;
}

.ps-versand-hinweis {
	font-size: 12.5px;
	color: var(--v-ink-3);
	line-height: 1.5;
}

.ps-versand-betrag {
	flex: none;
	font-weight: 600;
	font-size: 15px;
	color: var(--v-ink);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	padding-top: 1px;
}

.ps-versand-option:hover .ps-versand-titel { color: var(--v-messing); }

.ps-versand-summe {
	margin: 12px 0 0;
	padding: 11px 13px;
	background: var(--v-flaeche-2);
	border-radius: 3px;
	font-size: 14px;
	font-weight: 600;
	color: var(--v-ink);
	font-variant-numeric: tabular-nums;
	min-height: 20px;
}

.ps-versand-summe:empty,
.ps-summe-text:empty { display: none; }

/* ---------- Anfragekasten auf der Kontaktseite ---------- */
.ps-anfrage-kasten {
	--v-linie: var(--wp--preset--color--linie, #DDE0D8);
	--v-ink: var(--wp--preset--color--ink, #1B211D);
	--v-ink-2: var(--wp--preset--color--ink-2, #565F58);
	--v-ink-3: var(--wp--preset--color--ink-3, #636C66);
	--v-messing: var(--wp--preset--color--messing, #7E6027);
	--v-flaeche-2: var(--wp--preset--color--flaeche-2, #F1F2EC);
	border: 1px solid var(--v-messing);
	background: var(--v-flaeche-2);
	border-radius: 3px;
	padding: 17px 19px;
	margin: 0 0 28px;
	max-width: 60ch;
}

.ps-anfrage-kasten strong {
	display: block;
	font-family: var(--wp--preset--font-family--daten, Consolas, monospace);
	font-size: 11px;
	letter-spacing: .11em;
	text-transform: uppercase;
	color: var(--v-messing);
	margin-bottom: 9px;
}

.ps-anfrage-kasten p { margin: 0 0 6px; color: var(--v-ink-2); font-size: 14.5px; }
.ps-anfrage-kasten p:last-child { margin-bottom: 0; }
.ps-anfrage-artikel { font-weight: 600; color: var(--v-ink); }
.ps-anfrage-nr { color: var(--v-ink-3); font-size: 13px; white-space: nowrap; }
.ps-anfrage-fuss { font-size: 12.5px !important; color: var(--v-ink-3) !important; margin-top: 10px !important; }

@media (max-width: 560px) {
	.ps-versand-option { flex-wrap: wrap; }
	.ps-versand-betrag { width: 100%; padding-left: 29px; }
}