/* v2026.css - Sjednocene styly pro V2 designove varianty */

/* === Toggle switch (UserDesign) === */
.tnv-year-row { display: flex; align-items: center; gap: 0; }
.tnv-switch { display: inline-flex; align-items: center; margin-left: auto; }
.tnv-switch a { display: inline-flex; align-items: center; gap: 6px; text-decoration: none !important; background: none !important; padding: 0 !important; border: none !important; box-shadow: none !important; }
.tnv-sw-track { position: relative; width: 32px; height: 18px; background: #bbb; border-radius: 9px; transition: background 0.25s; display: inline-block; cursor: pointer; }
.tnv-sw-track.tnv-sw-on { background: #0f84a1; }
.tnv-sw-thumb { position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; background: #fff; border-radius: 50%; transition: left 0.25s; box-shadow: 0 1px 2px rgba(0,0,0,0.2); }
.tnv-sw-on .tnv-sw-thumb { left: 16px; }
.tnv-sw-label { font-size: 0.72rem; font-weight: 600; color: #888; white-space: nowrap; cursor: pointer; }
.tnv-sw-on + .tnv-sw-label { color: #0f84a1; }

/* === News panel V2 (tipsNewsV2) === */
.tnv2 .tnv-race { margin-bottom: 8px; overflow: hidden; font-size: 0.82rem; line-height: 1.4; border: 1px solid #d0d0d0; border-radius: 4px; background: #eef0f3; }
.tnv2 .tnv-head { display: flex; align-items: center; gap: 6px; padding: 5px 8px; font-weight: 700; font-size: 0.85rem; }
.tnv2 .tnv-head a { color: inherit; text-decoration: none; }
.tnv2 .tnv-head a:hover { text-decoration: underline; }
.tnv2 .tnv-date { font-weight: 400; font-size: 0.78rem; opacity: 0.85; }
.tnv2 .tnv-icon img { max-width: 18px; max-height: 18px; vertical-align: middle; }
.tnv2 .tnv-trophy { font-size: 0.7rem; opacity: 0.7; margin-left: 4px; }
.tnv2 .tnv-st-now .tnv-head { background: #65cadc; color: #fff; }
.tnv2 .tnv-st-beforepast .tnv-head { background: #B3EEFF; color: #1a1a1a; }
.tnv2 .tnv-st-after .tnv-head { background: #0f84a1; color: #fff; }
.tnv2 .tnv-info { padding: 3px 8px; font-size: 0.82rem; }
.tnv2 .tnv-infoline { padding: 1px 0; }
.tnv2 .tnv-tbl { display: table; border-top: 1px solid #ddd; }
.tnv2 .tnv-row { display: table-row; }
.tnv2 .tnv-lbl { display: table-cell; padding: 3px 0 3px 8px; font-weight: 600; color: #555; white-space: nowrap; width: 1%; border-bottom: 1px solid #eee; }
.tnv2 .tnv-val { display: table-cell; padding: 3px 8px; border-bottom: 1px solid #eee; }
.tnv2 .tnv-urgent .tnv-val { color: #dc3545; font-weight: 700; }
.tnv2 .tnv-winner .tnv-val { font-weight: 700; }
.tnv2 .tnv-detail { padding: 5px 8px; border-top: 1px solid #ddd; background: #fafafa; font-size: 0.78rem; color: #555; }

/* === Univerzalni V2 tabulka (.tnv-table) === */
/* Pouziti: <div class="tnv2"><div class="tnv-race tnv-st-{now|after|beforepast}"><table class="tnv-table">... */
/* OOP styl - pouzitelny vsude kde potrebujeme V2 tabulku */
.tnv-table { border-collapse: collapse; width: 100%; font-size: 0.82rem; line-height: 1.4; }
/* Zahlavi - barevny radek shodny s .tnv-head (5px 8px, bold 0.85rem, barva dle statusu) */
.tnv-table th { padding: 5px 8px; font-weight: 700; font-size: 0.85rem; white-space: nowrap; text-align: left; }
.tnv2-det .tnv-table th { padding: 2px 8px; font-size: 0.82rem; line-height: 1.2; }
.tnv-st-now .tnv-table th { background: #65cadc; color: #fff; }
.tnv-st-beforepast .tnv-table th { background: #B3EEFF; color: #1a1a1a; }
.tnv-st-after .tnv-table th { background: #0f84a1; color: #fff; }
/* Datove radky - shodne s .tnv-val/.tnv-lbl (3px 8px, border #eee) */
.tnv-table td { padding: 3px 8px; border-bottom: 1px solid #eee; color: #000; text-align: left; }
.tnv-table td a { color: inherit; text-decoration: none; }
.tnv-table td a:hover { text-decoration: underline; }
/* Stridani sudy/lichy radek - sudy=#fafafa (zapati styl), lichy=#eef0f3 (info styl) */
.tnv-table tr:nth-child(odd) td { background: #eef0f3; }
.tnv-table tr:nth-child(even) td { background: #fafafa; }
/* Suctovy radek - pouziti: <tr class="tnv-total"> */
.tnv-table .tnv-total td { font-weight: 700; }
/* Ikonky (hvezdicky, vlajky) v bunkach - flexbox pro presne vertikalni centrovani */
.tnv-table td a { display: inline-flex !important; align-items: center !important; gap: 3px !important; }
.tnv-table td img { position: static !important; display: inline-block !important; width: auto !important; height: auto !important; flex-shrink: 0 !important; }
.tnv-table td img#star { position: static !important; display: inline-block !important; width: 12px !important; height: 10px !important; flex-shrink: 0 !important; }
/* Volitelne: zvyrazneny rank sloupec */
.tnv-table .tnv-rank { font-weight: 700; color: #0f84a1; }

/* === Team detail V2 (startListTipsResultsV2) === */
.tnv2-det { font-size: 0.82rem; line-height: 1.4; border: 1px solid #d0d0d0; border-radius: 4px; background: #eef0f3; overflow: hidden; margin-top: 8px; }
.tnv2-det #posunDnu { padding: 4px 8px; font-size: 0.82rem; border-bottom: 1px solid #ddd; background: transparent; margin: 0; border-left: 0; border-right: 0; border-top: 0; border-radius: 0; }
.tnv2-det #posunDnu a { color: #0f84a1; text-decoration: none; font-weight: 700; }
.tnv2-det #posunDnu a:hover { text-decoration: underline; }
.tnv2-det #table1 { padding: 0; border: 0; border-radius: 0; background: transparent; }
.tnv2-det .tnv-table { border-collapse: collapse; width: 100%; }
.tnv2-det .tnv-table th { padding: 4px 8px; font-weight: 600; font-size: 0.82rem; color: #555; background: #dfe6eb; border-bottom: 1px solid #d0d0d0; }
.tnv2-det .tnv-table td { padding: 4px 8px; }

/* === Nadpis tymu nad detail tabulkou === */
.tnv-team-title { margin: 6px 0 4px 0; font-weight: 700; color: #0f84a1; display: inline-flex; align-items: center; gap: 4px; }
.tnv-team-title img { position: static !important; display: inline-block !important; width: auto !important; height: auto !important; flex-shrink: 0 !important; }
.tnv-team-title img#star { position: static !important; display: inline-block !important; width: 12px !important; height: 10px !important; flex-shrink: 0 !important; }

.tnv-team-icons { margin: 0 0 6px 0; display: flex; align-items: center; gap: 4px; }
.tnv-team-icons img#star { width: 12px; height: 10px; }
.tnv-team-icons img { display: inline-block; }

/* === Hover modalek pro sestavu tymu (resultsListV2) === */
.tnv-hover-card { position: absolute; z-index: 9999; background: #fff; border: 1px solid #d0d0d0; border-radius: 4px; box-shadow: 0 6px 16px rgba(0,0,0,0.18); padding: 6px; }
.tnv-hover-title { font-weight: 700; font-size: 0.86rem; padding: 4px 6px 6px 6px; color: #0f84a1; display: flex; align-items: center; gap: 6px; }
.tnv-hover-icons { display: inline-flex; align-items: center; gap: 4px; }
.tnv-hover-name { display: inline-flex; align-items: center; }
.tnv-hover-card .tnv-table { margin: 0; }
.tnv-hover-card .tnv-table th { background: #dfe6eb; color: #555; }
.tnv-hover-loading { height: 56px; border-radius: 3px; background: linear-gradient(90deg, #f0f0f0 0%, #e5e5e5 50%, #f0f0f0 100%); background-size: 200% 100%; animation: tnvHoverLoading 1.2s ease-in-out infinite; }
@keyframes tnvHoverLoading { 0% { background-position: 0% 0; } 100% { background-position: -200% 0; } }