.rpp-palinsesto { --rpp-accent: #f5a623; --rpp-line: rgba(128,128,128,.28); margin: 1em 0; }
.rpp-palinsesto .rpp-tabs { display: none; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.rpp-palinsesto.rpp-js.rpp-vista-schede .rpp-tabs { display: flex; }
.rpp-palinsesto .rpp-tab { cursor: pointer; padding: 8px 14px; border: 1px solid var(--rpp-line); border-radius: 4px; background: transparent; color: inherit; font: inherit; line-height: 1.2; }
.rpp-palinsesto .rpp-tab:hover { border-color: var(--rpp-accent); }
.rpp-palinsesto .rpp-tab.attivo { background: var(--rpp-accent); border-color: var(--rpp-accent); color: #111; font-weight: 600; }
.rpp-palinsesto .rpp-tab.rpp-oggi::after { content: " \2022"; color: var(--rpp-accent); }
.rpp-palinsesto .rpp-tab.rpp-oggi.attivo::after { color: #111; }

.rpp-palinsesto.rpp-js.rpp-vista-schede .rpp-giorno { display: none; }
.rpp-palinsesto.rpp-js.rpp-vista-schede .rpp-giorno.attivo { display: block; }
.rpp-palinsesto.rpp-js.rpp-vista-schede .rpp-giorno-titolo { display: none; }
.rpp-palinsesto .rpp-giorno-titolo { margin: 1.4em 0 .5em; }

.rpp-palinsesto .rpp-tabella { width: 100%; border-collapse: collapse; }
.rpp-palinsesto .rpp-tabella th,
.rpp-palinsesto .rpp-tabella td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--rpp-line); vertical-align: top; }
.rpp-palinsesto .rpp-tabella th { font-weight: 600; border-bottom-width: 2px; }
.rpp-palinsesto .rpp-col-ora { width: 5.5em; white-space: nowrap; font-variant-numeric: tabular-nums; font-weight: 600; }

.rpp-palinsesto tr.rpp-inonda td,
.rpp-palinsesto tr.rpp-prossimo td { background: rgba(245,166,35,.16); }
.rpp-palinsesto tr.rpp-inonda td:first-child,
.rpp-palinsesto tr.rpp-prossimo td:first-child { box-shadow: inset 4px 0 0 var(--rpp-accent); }
.rpp-palinsesto tr.rpp-inonda td { background: rgba(245,166,35,.30); font-weight: 600; }
.rpp-palinsesto tr.rpp-inonda .rpp-col-prog::after,
.rpp-palinsesto tr.rpp-prossimo .rpp-col-prog::after {
	display: inline-block; margin-left: .7em; padding: 1px 8px; border-radius: 10px; font-size: .75em; font-weight: 700;
	letter-spacing: .03em; text-transform: uppercase; background: var(--rpp-accent); color: #111; vertical-align: middle;
}
.rpp-palinsesto tr.rpp-inonda .rpp-col-prog::after { content: "In onda"; }
.rpp-palinsesto tr.rpp-prossimo .rpp-col-prog::after { content: "Prossimo"; background: transparent; border: 1px solid var(--rpp-accent); color: inherit; }

/* Scheda "In onda" */
.rpp-palinsesto .rpp-tab-live::before { content: ""; display: inline-block; width: .6em; height: .6em; margin-right: .5em; border-radius: 50%; background: #e53935; vertical-align: baseline; animation: rpp-pulse 1.6s infinite; }
@keyframes rpp-pulse { 50% { opacity: .25; } }
.rpp-palinsesto:not(.rpp-js) .rpp-tab-live,
.rpp-palinsesto:not(.rpp-js) .rpp-giorno-live,
.rpp-palinsesto.rpp-vista-tutti .rpp-giorno-live { display: none; }

/* Solo "prossimo" evidenziato; i programmi precedenti nella scheda "In onda" sono attenuati */
.rpp-palinsesto tr.rpp-passato td { opacity: .55; }
.rpp-palinsesto tr.rpp-prossimo td { background: rgba(245,166,35,.26); font-weight: 600; }
.rpp-palinsesto .rpp-short { display: none; }
.rpp-palinsesto .rpp-tabella { table-layout: fixed; }
.rpp-palinsesto .rpp-col-prog { overflow-wrap: anywhere; }

/* Smartphone */
@media (max-width: 600px) {
	.rpp-palinsesto .rpp-tabs { gap: 4px; margin-bottom: 10px; }
	.rpp-palinsesto .rpp-tab { flex: 1 1 auto; padding: 7px 4px; font-size: 13px; text-align: center; }
	.rpp-palinsesto .rpp-full { display: none; }
	.rpp-palinsesto .rpp-short { display: inline; }
	.rpp-palinsesto .rpp-tab-live { flex-basis: 100%; font-size: 14px; }
	.rpp-palinsesto .rpp-tabella { font-size: 14px; }
	.rpp-palinsesto .rpp-tabella th,
	.rpp-palinsesto .rpp-tabella td { padding: 7px 6px; line-height: 1.3; }
	.rpp-palinsesto .rpp-col-ora { width: 3.6em; font-size: 13px; }
	.rpp-palinsesto tr.rpp-prossimo .rpp-col-prog::after { display: block; width: max-content; margin: 4px 0 0; padding: 0 7px; font-size: 10px; }
	.rpp-palinsesto tr.rpp-prossimo td:first-child { box-shadow: inset 3px 0 0 var(--rpp-accent); }
}