/* Retururi, Contul meu. Rosul site-ului (#d51c29) doar pe ce e ales sau pe actiune. */
.spr-pe-comanda {
	margin: 0 0 1.5em;
	padding: 14px 16px;
	border: 1px solid #e5e5e5;
	border-left: 4px solid #d51c29;
	background: #fafafa;
}
.spr-pe-comanda__text { margin: 0 0 10px; }
.spr-pe-comanda__lista { margin: 10px 0 0 1.2em; }

.spr .spr-intro { margin-bottom: 1.2em; }
.spr-form h3 { margin: 1.6em 0 .6em; font-size: 1.05em; }

.spr-linie {
	border: 1px solid #e5e5e5;
	padding: 10px 12px;
	margin-bottom: 10px;
}
.spr-linie--aleasa { border-color: #d51c29; }
.spr-linie__alege { display: flex; align-items: center; gap: 10px; cursor: pointer; margin: 0; }
.spr-linie__img img { width: 48px; height: 48px; object-fit: cover; }
.spr-linie__nume small { display: block; color: #777; }
.spr-linie__detalii { margin: 10px 0 0 30px; }
.spr-linie__detalii[hidden],
.spr-iban[hidden],
[data-spr-zi][hidden] { display: none; }
.spr-linie__detalii textarea,
.spr-linie__detalii input[type="url"],
.spr-iban input[type="text"],
.spr-cere-plata input[type="text"] { width: 100%; max-width: 520px; }

.spr-optiune { display: block; margin: 0 0 8px; cursor: pointer; }
.spr-iban { margin: 10px 0 0 24px; }
.spr-nota { color: #777; font-size: .92em; }
.spr-acord { margin-top: 1.6em; }
.spr-cere-plata { margin: 10px 0; }
.spr-cere-plata summary { cursor: pointer; font-weight: 600; }
.spr-cere-plata form { margin-top: 8px; }
.spr-plata { margin: 6px 0; }

.spr-cutie {
	padding: 12px 14px;
	border: 1px solid #e5e5e5;
	background: #fafafa;
	margin-bottom: 1.2em;
}
.spr-stare {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 3px;
	background: #eee;
	font-size: .9em;
}
.spr-stare--aprobat,
.spr-stare--ridicat,
.spr-stare--ajuns,
.spr-stare--verificat { background: #fff4d6; }
.spr-stare--inchis { background: #e3f3e3; }
.spr-stare--respins,
.spr-stare--anulat { background: #f6e0e0; }
.spr-stare--dovezi { background: #fde2e1; }
.spr-dovezi { border-left: 4px solid #d51c29; }
.spr-respinsa { border-left: 4px solid #d51c29; }
.spr-respinsa ul { margin: 0 0 10px 18px; }
.spr-contesta textarea { width: 100%; max-width: 560px; }
.spr-dovezi__linie { border: 1px solid #e5e5e5; padding: 6px 12px; margin: 0 0 10px; }
.spr-dovezi__linie legend { padding: 0 4px; }
.spr-fisier { margin-right: 6px; }
.spr-fir { margin-left: 1.2em; }
.spr-fir li { margin-bottom: 6px; }
.spr-fir__cand { color: #777; margin-right: 6px; }
.spr-tabel tr.spr-rand { cursor: pointer; }
.spr-tabel tr.spr-rand:hover td { background: #f6f6f6; }

@media (max-width: 600px) {
	.spr-linie__detalii { margin-left: 0; }
	.spr-tabel td,
	.spr-tabel th { font-size: .9em; }
}

/* Etapa 2: decontul estimat in formular, decontul pe pagina returului, creditul. */
.spr-estimare {
	margin: 12px 0 0;
	padding: 10px 14px;
	border: 1px dashed #d5d5d5;
	background: #fcfcfc;
	transition: opacity .15s;
}
.spr-estimare--calc { opacity: .55; }
.spr-decont td, .spr-decont th { vertical-align: top; }
.spr-suma { text-align: right; white-space: nowrap; }
.spr-credit h3 { margin: 0 0 4px; font-size: 1.05em; }
.spr-credit h3 small { color: #777; font-weight: 400; }
.spr-credit__sold { font-size: 1.1em; margin: 0 0 10px; }

/* Cererea pe mai multe comenzi (0.5.0): fiecare comanda, cu produsele ei, se deschide si se inchide. */
.spr-comanda { border: 1px solid #e2e2e2; border-radius: 4px; margin: 0 0 12px; padding: 0 14px; background: #fff; }
.spr-comanda > summary { cursor: pointer; padding: 12px 0; list-style-position: inside; }
.spr-comanda[open] > summary { border-bottom: 1px solid #eee; margin-bottom: 10px; }
.spr-comanda .spr-estimare:empty { display: none; }
.spr-estimare--total:empty { display: none; }
.spr-estimare__total { font-size: 1.05em; margin: 0; }

/* 0.7.2: cererea se trimite doar din pagina Retururi; nota din Comenzi si de pe comanda spune unde s-a mutat. */
.spr-info {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 0 0 1em;
	padding: 8px 12px;
	border: 1px solid #d9e4ef;
	border-radius: 3px;
	background: #f3f7fb;
	font-size: .95em;
}
.spr-info__semn {
	flex: 0 0 18px;
	height: 18px;
	margin-top: 2px;
	border-radius: 50%;
	background: #2271b1;
	color: #fff;
	font: italic 700 12px/18px Georgia, serif;
	text-align: center;
}
.spr-pe-comanda .spr-info { margin: 10px 0 0; background: #fff; }