/* ==========================================================================
   Signature-Elemente — Anstoßkreis-Motiv, Eckfahnen-Schnitt, Trikot-Wasserzeichen
   Bewusst wiederkehrend & sparsam eingesetzt statt gekachelter Deko.
   ========================================================================== */

.svm-motif-svg {
	position: absolute;
	color: var(--pitch-100);
	pointer-events: none;
	z-index: 0;
}

.svm-section--motif {
	position: relative;
}
.svm-section--motif > .svm-motif-svg {
	width: clamp(260px, 34vw, 480px);
	height: auto;
	top: 50%;
	right: -6%;
	transform: translateY(-50%);
}
.svm-section--motif.svm-motif--left > .svm-motif-svg {
	right: auto;
	left: -8%;
}
@media (max-width: 900px) {
	.svm-section--motif > .svm-motif-svg { opacity: 0.6; width: 60vw; right: -20%; }
}

.svm-section--tinted {
	background: var(--pitch-100);
}
.svm-section--tinted .svm-motif-svg { color: rgba(18, 51, 34, 0.08); }

/* Eckfahnen-Schnitt: angeschrägter Übergang zwischen Hero und nächster Sektion,
   ersetzt die generische gerade Kante durch eine Ecken-Diagonale wie am Spielfeld-Eck. */
.svm-corner-cut {
	position: relative;
}
.svm-corner-cut::after {
	content: '';
	position: absolute;
	left: 0; right: 0; bottom: -1px;
	height: clamp(40px, 6vw, 90px);
	background: var(--paper);
	clip-path: polygon(0 100%, 100% 100%, 100% 0);
	z-index: 1;
}
@media (max-width: 600px) {
	.svm-corner-cut::after { height: clamp(28px, 10vw, 50px); }
}

.svm-corner-cut--to-tinted::after { background: var(--pitch-100); }
.svm-corner-cut--to-dark::after { background: var(--pitch-900); }

/* Trikot-Rückennummer-Chip (Team-Karten, siehe components.css .svm-team-card__number) */
.svm-footer__motif {
	position: absolute;
	width: clamp(300px, 40vw, 560px);
	height: auto;
	right: -8%;
	top: -10%;
	color: rgba(255,255,255,0.05);
}
@media (max-width: 900px) {
	.svm-footer__motif { display: none; }
}

.svm-jersey-tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-display);
	background: var(--pitch-900);
	color: var(--white);
	border-radius: 999px;
	width: 2.6em;
	height: 2.6em;
	font-size: 1rem;
}