/* Top Simpatie pe stilul nou: templates/top_pagina.ihtml. Se incarca dupa cautare.css + online.css (grila, cardul,
   comutatorul, capul). Fara flexbox/grid (browsere vechi pe mobil). */
.tp .tp-cap { margin-bottom: 2px; }
.tp .tp-regula { margin: 0 0 14px; padding: 0; color: #6c5e65; font-size: 13px; line-height: 18px; }
.on-m.tp .tp-regula { margin-bottom: 12px; }

/* locul in top, pe poza (stanga sus); primele trei pline */
.tp-loc { position: absolute; left: 8px; top: 8px; min-width: 32px; height: 32px; padding: 0 8px; border-radius: 16px; background: #fff; color: #231a1f;
	font-size: 15px; font-weight: bold; line-height: 32px; text-align: center; box-shadow: 0 1px 3px rgba(35,26,31,.25); }
.tp-loc.tp-podium { background: #c2185b; color: #fff; }
.on-m .tp-loc { left: 6px; top: 6px; min-width: 30px; height: 30px; padding: 0 7px; border-radius: 15px; font-size: 14px; line-height: 30px; }
/* punctul de online coboara in coltul de jos, ca sa nu se suprapuna cu locul */
.tp .on-punct { top: auto; bottom: 9px; }

/* nota si voturile */
.tp-nota { margin-top: 4px; color: #3a2e33; font-size: 13px; line-height: 19px; }
.tp-nota b { color: #231a1f; font-size: 14px; }
.tp-nota svg { display: inline-block; width: 14px; height: 14px; margin-right: 3px; fill: #e0a21b; vertical-align: -2px; }