/* ==========================================================================
   Shoptet forms redesign (07/2026) — hotfix overrides
   Append to style.css source (or load after style.min.css). All selectors
   verified against live post-update markup.
   ========================================================================== */

/* --- Category: sorting is now div.listSorting (was form with radio tabs).
   #category-header>div{display:none} hid it — unhide and restyle like the
   old tabs. .listItemsTotal stays hidden (matches pre-update design). */
#category-header > div.listSorting {
	display: block;
	padding: 0;
	margin-bottom: -1px;
	overflow: auto;
}

.listSorting__controls {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
}

.listSorting__control {
	appearance: none;
	background: none;
	cursor: pointer;
	display: inline-block;
	padding: .625em;
	font-size: .75rem;
	font-family: inherit;
	border: 1px solid transparent;
}

.listSorting__control--current,
.listSorting__control:hover {
	border-bottom: 3px solid #000;
}

/* --- Newsletter: heading is h3 now (was h4) */
.custom-footer__newsletter .newsletter-header h3 {
	margin: 0;
}

.newsletter-section .custom-footer__newsletter .newsletter-header h3 {
	letter-spacing: 1.3px;
	margin: 0;
	font-weight: 800;
	text-align: left;
	font-size: 1.375rem;
}

/* --- Newsletter: e-mail field lost order/grow rules (.validator-msg-holder
   no longer exists); label now sits above the input — hide it visually
   (kept for screen readers) so the button aligns with the input row. */
.custom-footer__newsletter fieldset .form-group.smart-label-wrapper {
	order: -2;
	flex-grow: 1;
	margin-bottom: 0;
}

.newsletter-section .custom-footer__newsletter fieldset .form-group.smart-label-wrapper {
	max-width: calc(100% - 173px);
	margin-bottom: 20px;
}

.custom-footer__newsletter .smart-label-wrapper > label {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.custom-footer__newsletter .form-control-wrapper {
	width: 100%;
}

@media (max-width: 480px) {
	.newsletter-section .custom-footer__newsletter .newsletter-header h3 {
		font-size: 1.125rem;
		margin-bottom: 10px;
	}

	.newsletter-section .custom-footer__newsletter fieldset .form-group.smart-label-wrapper {
		max-width: 100%;
		margin-bottom: 0;
	}
}

/* --- Contact form: consent is now p.label (no checkbox label). Beats the
   broad `.contact-form-section p` heading-like styling. */
.contact-form-section .form-group.consents .label,
.modal .modal-text .holder form .form-group.consents .label {
	font-size: .75rem;
	font-weight: 400;
	margin: 0;
	max-width: none;
	text-align: left;
}

/* --- Submit buttons: <input type="submit"> is now <button type="submit">
   inside .form-group.submit-wrapper — restore the old submit styling. */
.form-group.submit-wrapper .btn,
button[type=submit].btn-primary {
	border: none;
	box-shadow: none;
	font-size: 1rem;
	align-self: flex-start;
}

/* --- Login widget: .login-wrapper removed; new p.alternative-links has no
   styles anywhere (links rendered glued together). */
.alternative-links {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 20px;
	margin-top: 10px;
}