/* Super Magazin – formular de retragere */
.smr-wrap {
	--smr-orange: #fb5800;
	--smr-navy: #0f1726;
	--smr-cream: #fff4ec;
	--smr-line: #efe7e0;
	--smr-muted: #5b6170;
	max-width: 820px;
	margin: 0 auto;
	color: #2b2f36;
	font-size: 15px;
	line-height: 1.55;
}
.smr-wrap *, .smr-wrap *::before, .smr-wrap *::after { box-sizing: border-box; }
.smr-wrap [hidden] { display: none !important; }
.smr-intro { margin: 0 0 20px; color: var(--smr-muted); font-size: 16px; }

.smr-section {
	margin: 0 0 18px;
	padding: 20px 22px 8px;
	border: 1px solid var(--smr-line);
	border-radius: 14px;
	background: #fff;
}
.smr-section legend {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0 8px;
	margin: 0 0 4px -8px;
	color: var(--smr-navy);
	font-size: 18px;
	font-weight: 700;
}
.smr-section legend span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--smr-orange);
	color: #fff;
	font-size: 14px;
}

.smr-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
.smr-field { margin: 0 0 16px; }
.smr-field label, .smr-label {
	display: block;
	margin: 0 0 6px;
	color: var(--smr-navy);
	font-size: 14px;
	font-weight: 600;
}
.smr-field em, .smr-confirm em { color: var(--smr-orange); font-style: normal; }
.smr-opt { color: var(--smr-muted); font-weight: 400; }
.smr-wrap input[type="text"], .smr-wrap input[type="email"], .smr-wrap input[type="tel"], .smr-wrap input[type="date"],
.smr-wrap select, .smr-wrap textarea {
	width: 100%;
	min-height: 46px;
	padding: 10px 14px;
	margin: 0;
	border: 1.5px solid #e3e0dc;
	border-radius: 10px;
	background: #fff;
	color: var(--smr-navy);
	font: inherit;
	font-size: 15px;
	box-shadow: none;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.smr-wrap textarea { min-height: 90px; resize: vertical; }
.smr-wrap input:focus, .smr-wrap select:focus, .smr-wrap textarea:focus {
	outline: none;
	border-color: var(--smr-orange);
	box-shadow: 0 0 0 3px rgba(251, 88, 0, .12);
}
.smr-wrap .is-invalid { border-color: #d42a2a !important; }
.smr-hint { display: block; margin-top: 6px; color: var(--smr-muted); font-size: 13px; }
.smr-hint.is-ok { color: #1c8a3e; font-weight: 600; }
.smr-hint.is-warn { color: #b26a00; font-weight: 600; }
.smr-hint.is-error { color: #d42a2a; font-weight: 600; }

.smr-choice {
	display: flex !important;
	align-items: flex-start;
	gap: 10px;
	margin: 0 0 8px !important;
	padding: 12px 14px;
	border: 1.5px solid #ece6e1;
	border-radius: 10px;
	color: #2b2f36 !important;
	font-weight: 500 !important;
	cursor: pointer;
}
.smr-choice:has(input:checked) { border-color: var(--smr-orange); background: var(--smr-cream); }
.smr-choice input { flex: 0 0 auto; width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--smr-orange); }

.smr-lookup { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: -4px 0 16px; }
.smr-lookup__msg { font-size: 14px; color: var(--smr-muted); }
.smr-lookup__msg.is-ok { color: #1c8a3e; font-weight: 600; }
.smr-lookup__msg.is-error { color: #d42a2a; }

.smr-items { margin: 0 0 16px; }
.smr-items__head { margin: 0 0 8px; color: var(--smr-navy); font-size: 14px; font-weight: 600; }
.smr-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 8px;
	padding: 10px 12px 10px 14px;
	border: 1.5px solid #ece6e1;
	border-radius: 10px;
}
.smr-item.is-on { border-color: var(--smr-orange); background: var(--smr-cream); }
.smr-item__name { font-weight: 600; color: var(--smr-navy); }
.smr-item select { flex: 0 0 150px; width: 150px !important; min-height: 40px !important; }

.smr-confirm { margin: 6px 0 14px; }
.smr-confirm a { color: var(--smr-orange); font-weight: 600; }
.smr-privacy { margin: 8px 0 0; color: var(--smr-muted); font-size: 13px; }
.smr-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

.smr-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 22px;
	border: 1.5px solid transparent;
	border-radius: 10px;
	font: inherit;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: none;
	cursor: pointer;
	transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.smr-btn--primary { width: 100%; min-height: 52px; background: linear-gradient(90deg, #ff8a00, var(--smr-orange)); color: #fff; font-size: 16px; }
.smr-btn--primary:hover { background: #e04e00; }
.smr-btn--ghost { background: #fff; color: var(--smr-navy); border-color: #ffc9a8; }
.smr-btn--ghost:hover { border-color: var(--smr-orange); color: var(--smr-orange); }
.smr-btn:disabled { opacity: .6; cursor: wait; }

.smr-box { margin: 0 0 18px; padding: 16px 18px; border-radius: 12px; }
.smr-box p { margin: 0 0 6px; }
.smr-box ul { margin: 6px 0 0; padding-left: 20px; }
.smr-errors { background: #fff2f2; border: 1px solid #ffd6d6; color: #8a1f1f; }
.smr-success { background: #effaf2; border: 1px solid #cfeeda; color: #14532d; }
.smr-success__title { font-size: 18px; font-weight: 800; }

@media (max-width: 640px) {
	.smr-grid { grid-template-columns: minmax(0, 1fr); }
	.smr-section { padding: 16px 14px 4px; }
	.smr-item { flex-direction: column; align-items: stretch; }
	.smr-item select { flex-basis: auto; width: 100% !important; }
}