/*
 * YEB Profili Squadra — stile allineato al tema Alchemists (versione scura del sito).
 * Colori modificabili da Aspetto → Personalizza → CSS aggiuntivo, per esempio:
 * .yeb-tp { --yeb-accent: #ffdc11; }
 */
.yeb-tp {
	--yeb-accent: #ffdc11;
	--yeb-weak: #f04e23;
	--yeb-text: #ffffff;
	--yeb-heading: #fff;
	--yeb-line: rgba(255, 255, 255, .08);
	--yeb-track: #3b3e44;
	--yeb-band: #2e3137;
	--yeb-good: #24b35a;
	--yeb-mid: #0fb4e6;
	--yeb-bad: #f04e23;
	--yeb-style: #c9ccd1;
	margin-bottom: 30px;
}
/*
 * Spazio sopra il profilo sempre uguale.
 * Alchemists a volte toglie lo spazio del contenitore della pagina (.site-content.pt-0) e a volte no:
 * il profilo usa sempre lo stesso spazio standard del tema (30px su telefono, 60px su schermi grandi).
 */
.yeb-tp-wrap { clear: both; padding-top: 0; }
.yeb-tp-wrap .yeb-tp { margin-top: 0; }
.site-content.pt-0 .yeb-tp-wrap,
.yeb-tp-wrap--alone { padding-top: 30px; }
.site-content:not(.pt-0) .yeb-tp-wrap--alone { padding-top: 0; }
@media (min-width: 992px) {
	.site-content.pt-0 .yeb-tp-wrap { padding-top: 60px; }
}
.yeb-tp .card__content { padding: 0; }
.yeb-tp__header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
.yeb-tp__badge { display: inline-block; padding: 5px 10px; border-radius: 3px; background: var(--yeb-band); border: 1px solid var(--yeb-line); color: var(--yeb-heading); font-size: 10px; font-weight: 700; line-height: 1.2; text-transform: uppercase; white-space: nowrap; }
.yeb-tp__badge--partial { border-color: rgba(255, 220, 17, .45); }
.yeb-tp__badge-row { padding: 16px 24px 0; }
.yeb-tp__name { padding: 20px 24px 0; color: var(--yeb-heading); font-weight: 700; text-transform: uppercase; }
.yeb-tp__note { padding: 20px 24px; margin: 0; color: var(--yeb-text); }

/* Le quattro sezioni di testo */
.yeb-tp__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.yeb-tp__box { padding: 22px 24px; border-bottom: 1px solid var(--yeb-line); }
.yeb-tp__box:nth-child(odd) { border-right: 1px solid var(--yeb-line); }
.yeb-tp__title { margin: 0 0 14px; color: var(--yeb-heading); font-size: 12px; line-height: 1.2; font-weight: 700; text-transform: uppercase; letter-spacing: 0; }
.yeb-tp__list { list-style: none; margin: 0; padding: 0; }
.yeb-tp__list li { position: relative; margin: 0 0 9px; padding-left: 16px; color: var(--yeb-text); font-size: 14px; line-height: 1.5; }
.yeb-tp__list li:last-child { margin-bottom: 0; }
.yeb-tp__list li::before { content: ""; position: absolute; left: 0; top: .6em; width: 6px; height: 6px; background: #6b6e74; }
.yeb-tp__box--forza .yeb-tp__list li::before { background: var(--yeb-accent); }
.yeb-tp__box--deboli .yeb-tp__list li::before { background: var(--yeb-weak); }
.yeb-tp__list--empty li { padding-left: 0; }
.yeb-tp__list--empty li::before { display: none; }

/* Statistiche di stagione: stesso stile delle statistiche partita */
.yeb-tp__stats-title { padding: 14px 24px; background: var(--yeb-band); color: var(--yeb-heading); font-size: 12px; font-weight: 700; text-transform: uppercase; text-align: center; }
.yeb-tp__donuts { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 24px 12px; padding: 28px 24px 8px; }
.yeb-tp__donut { position: relative; width: 96px; text-align: center; }
.yeb-tp__donut svg { display: block; width: 96px; height: 96px; transform: rotate(-90deg); }
.yeb-tp__donut circle { fill: none; stroke-width: 9; }
.yeb-tp__donut-track { stroke: var(--yeb-track); }
.yeb-tp__donut-value { stroke: var(--yeb-style); }
.yeb-tp__donut-value.yeb-tp--good { stroke: var(--yeb-good); }
.yeb-tp__donut-value.yeb-tp--mid { stroke: var(--yeb-mid); }
.yeb-tp__donut-value.yeb-tp--bad { stroke: var(--yeb-bad); }
.yeb-tp__donut-number { position: absolute; top: 0; left: 0; width: 96px; height: 96px; display: flex; align-items: center; justify-content: center; color: var(--yeb-heading); font-size: 20px; font-weight: 700; }
.yeb-tp__donut-number small { font-size: 11px; font-weight: 400; margin-left: 1px; opacity: .8; }
.yeb-tp__donut-label { margin-top: 10px; line-height: 1.3; color: var(--yeb-heading); font-size: 10px; font-weight: 700; text-transform: uppercase; }
.yeb-tp__tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 20px 24px 14px; }
.yeb-tp__tile { background: var(--yeb-band); border-top: 3px solid var(--yeb-style); border-radius: 0 0 4px 4px; padding: 14px 16px; }
.yeb-tp__tile--good { border-top-color: var(--yeb-good); }
.yeb-tp__tile--mid { border-top-color: var(--yeb-mid); }
.yeb-tp__tile--bad { border-top-color: var(--yeb-bad); }
.yeb-tp__tile-number { color: var(--yeb-heading); font-size: 28px; font-weight: 700; line-height: 1; }
.yeb-tp__tile-label { margin-top: 8px; color: var(--yeb-text); font-size: 10px; font-weight: 700; line-height: 1.35; text-transform: uppercase; }
.yeb-tp__key { display: flex; flex-wrap: wrap; gap: 6px 18px; padding: 6px 24px 10px; font-size: 11px; color: var(--yeb-text); }
.yeb-tp__key i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; vertical-align: 0; }
.yeb-tp__key .yeb-tp--good { background: var(--yeb-good); }
.yeb-tp__key .yeb-tp--mid { background: var(--yeb-mid); }
.yeb-tp__key .yeb-tp--bad { background: var(--yeb-bad); }
.yeb-tp__key .yeb-tp--style { background: var(--yeb-style); }
.yeb-tp__legend { margin: 0; padding: 4px 24px 14px; color: var(--yeb-text); font-size: 11px; }

@media (max-width: 767px) {
	.yeb-tp__tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.yeb-tp__grid { grid-template-columns: 1fr; }
	.yeb-tp__box:nth-child(odd) { border-right: 0; }
			.yeb-tp__donut, .yeb-tp__donut svg, .yeb-tp__donut-number { width: 80px; }
	.yeb-tp__donut svg, .yeb-tp__donut-number { height: 80px; }
}