/* =============================

   G-Live → MyResult/COCPIT skin

   DARK variant only

   Author: ChatGPT (for Daniel / MyResult)

   ============================= */



:root{

  --mr-bg:#0e0e11; --mr-text:#fff; --mr-panel:#17181c; --mr-border:#2a2d35; --mr-accent:#F9D60E;

  --main-bg: var(--mr-bg);

  --main-fg: var(--mr-text);

  --secondary-bg: var(--mr-panel);

  --secondary-fg: var(--mr-text);

  --grid-sep: var(--mr-border);

  --split-col: #aab0b6;

  --time-col: var(--mr-accent);

  --links: #5bc0ff;

}



body, html {

  background: var(--mr-bg) !important;

  color: var(--mr-text) !important;

  font-family: "Segoe UI", -apple-system, system-ui, Roboto, Arial, sans-serif !important;

  letter-spacing: .1px;

}



/* ===== MENU ===== */

#mnu { background:linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0)) !important; border-bottom:1px solid var(--mr-border)!important; }

.mn { height:52px!important; line-height:52px!important; color:var(--mr-muted)!important; border-right:1px solid var(--mr-border)!important; padding:0 18px!important; cursor:pointer; }

.mnon { background:transparent!important; color:var(--mr-text)!important; }

.mnof:hover { background:rgba(255,255,255,0.03)!important; }

.mn.mnon { background: var(--mr-accent) !important; color: #000 !important; font-weight: 600 !important; border-radius: 8px 8px 0 0; }



/* Vyhledávání */

#mn_rech{padding-inline-start:14px!important}

#search{color:var(--mr-text)!important; background:transparent!important; border:0!important; border-bottom:2px solid var(--mr-border)!important;}

#search::placeholder { color: var(--mr-text) !important; opacity: 0.7; }

#search.in{border-color:var(--mr-accent)!important}

#LP path { fill: var(--mr-text) !important; }



/* LIVE tlačítko – stejné chování */

#mn_lve { color: var(--mr-muted) !important; }

#mn_lve:hover { background: rgba(255,255,255,0.03) !important; }

#mn_lve.mnon {

  background: var(--mr-accent) !important;

  color: #000 !important;

  font-weight: 600 !important;

  border-radius: 8px 8px 0 0;

}



/* Ikona přepínače (nastavení) */

#mn_set svg path,

#mn_set svg rect,

#mn_set svg circle { fill: #ffffff !important; stroke: #ffffff !important; }



/* ===== TABULKA VÝSLEDKŮ ===== */

#tabres { width:98%!important; border-collapse:separate!important; border-spacing:0 6px!important }

#tabres th { background:var(--mr-bg)!important; color:var(--mr-muted)!important; text-transform:uppercase; letter-spacing:.06em }

#tabres tr:not(.gp) td { background:var(--mr-panel)!important; border-top:1px solid var(--mr-border); border-bottom:1px solid var(--mr-border) }

#tabres tr td:first-child { border-left:1px solid var(--mr-border); border-top-left-radius:10px; border-bottom-left-radius:10px }

#tabres tr.gp > td:first-child { border-left:1px solid var(--mr-accent) !important; }

#tabres tr td:last-child { border-right:1px solid var(--mr-border); border-top-right-radius:10px; border-bottom-right-radius:10px }

#tabres tr.gp > td:last-child { border-right:1px solid var(--mr-accent) !important; }

#tabres td.pl { color:var(--mr-accent)!important }

#tabres td.tp { color:var(--mr-text)!important }

#tabres .tpg { color:var(--mr-text)!important }



/* Finální čas žlutě */

#tabres td.tp.tpg { color: var(--mr-accent) !important; font-weight: 700 !important; }

#tabres td.tp.tpg:empty { color: var(--mr-muted) !important; font-weight: 400 !important; opacity: .6; }

.vg .tp.tpg { color: var(--mr-accent) !important; font-weight: 700 !important; }



/* Hlavička dané skupiny */

#thgr th { color: var(--mr-accent) !important; }



/* Skupinové řádky (kategorie) – žluté */

#tabres tr.gp { background: var(--mr-accent) !important; }

#tabres tr.gp > td {

  background: var(--mr-accent) !important;

  color: #000 !important;

  font-weight: 700;

  border-top:1px solid var(--mr-accent) !important;

  border-bottom:1px solid var(--mr-accent) !important;

}

#tabres tr.gp td * { color: #000 !important; }



/* ===== Kategorie odkazy ===== */

#liensGP a { color: var(--mr-accent) !important; font-weight: 600; text-decoration: none; }

#liensGP a:hover { text-decoration: underline; }



/* ===== Menu výběru ===== */

#mnuEtape .on,

#mnuCourse .on,

.mnuptg.on,

.mnutro.on,

.ssmnu .on,

#mnures .on { background: var(--mr-accent) !important; color: #000 !important; font-weight: 600 !important; border-radius: 6px; }



/* ===== Doplňkové ikony v menu (PDF, Vign, Gpe, Set) ===== */



/* PDF – barva ikony podle skinu */

#mnuPdf svg #gpdf { fill: var(--mr-text) !important; }

#mnuPdf:hover svg #gpdf { fill: var(--mr-accent) !important; }



/* Vignette – čáry přebarvit */

#mnuVig svg rect { stroke: var(--mr-text) !important; }

#mnuVig:hover svg rect { stroke: var(--mr-accent) !important; }



/* Grouping (Gpe) – obrysy přebarvit */

#mnuGpe svg circle,

#mnuGpe svg rect { stroke: var(--mr-text) !important; }

#mnuGpe:hover svg circle,

#mnuGpe:hover svg rect { stroke: var(--mr-accent) !important; }



/* Nastavení (Set) – bílé → hover žluté 

#mnuSet svg path,

#mnuSet svg rect,

#mnuSet svg circle { fill: var(--mr-text) !important; stroke: var(--mr-text) !important; }

#mnuSet:hover svg path,

#mnuSet:hover svg rect,

#mnuSet:hover svg circle { fill: var(--mr-accent) !important; stroke: var(--mr-accent) !important; }*/



/* Pojistka pro libovolné externí ikony v menu (aby nebyly bílé čtverce) */

.mfil svg { background: transparent !important; }

.mfil a svg path,

.mfil a svg rect,

.mfil a svg circle { fill: var(--mr-text) !important; stroke: var(--mr-text) !important; }

.mfil a:hover svg path,

.mfil a:hover svg rect,

.mfil a:hover svg circle { fill: var(--mr-accent) !important; stroke: var(--mr-accent) !important; }



/* ===== Submenu vzhled ===== */

.smenu {

  background: var(--mr-panel) !important;

  border: 1px solid var(--mr-border) !important;

  border-radius: 8px;

  padding: 6px 0;

  z-index: 9999;

}

.smenu svg { background: transparent !important; }

.ssmnu li {

  color: var(--mr-text) !important;

  padding: 6px 12px;

  cursor: pointer;

  list-style: none;

}

.ssmnu li:hover,

.ssmnu .on {

  background: var(--mr-accent) !important;

  color: #000 !important;

}

.ssmnu svg path,

.ssmnu svg rect,

.ssmnu svg circle { fill: var(--mr-text) !important; stroke: var(--mr-text) !important; }

.ssmnu li:hover svg path,

.ssmnu li:hover svg rect,

.ssmnu li:hover svg circle,

.ssmnu .on svg path,

.ssmnu .on svg rect,

.ssmnu .on svg circle { fill: #000 !important; stroke: #000 !important; }



/* ===== COMPACT SCROLL LIST ( #divGr ) ===== */

#divGr .gp{

  background: var(--mr-accent) !important;

  color:#000 !important;

  font-weight:700 !important;

  padding:8px 12px;

  border-radius:8px;

  margin:10px 0 6px;

}

#divGr .gp *{ color:#000 !important; }



#divGr .vg{

  background: var(--mr-panel) !important;

  border:1px solid var(--mr-border) !important;

  border-radius:10px;

  padding:8px 10px;

  margin:6px 0;

}



/* Pořadí + výsledný čas žlutě */

#divGr .vg .pl{ color:var(--mr-accent) !important; font-weight:700; }

#divGr .vg .tp{ color:var(--mr-accent) !important; font-weight:700; }



/* Ostatní texty v kartě */

#divGr .vg .clb,

#divGr .vg .nm,

#divGr .vg .cc,

#divGr .vg .my{ color:var(--mr-text) !important; }



/* ===== POPUP RESUMÉ (ctpop / dvResu) ===== */

#ctpop{

  background: rgba(255,255,255,0.50) !important;

  color: var(--mr-text) !important;

}



#icopop img:nth-of-type(1),

#icopop img:nth-of-type(2) {

  filter: brightness(0) invert(1); /* převede je na bílé */

}



#dvResu{

  background: var(--mr-panel) !important;

  border: 1px solid var(--mr-border) !important;

  border-radius: 14px;

  padding: 18px 20px;

  max-width: 1100px;

  margin: 20px auto;

  box-shadow: 0 12px 30px rgba(0,0,0,.4);

}



/* horní akční ikony */

#icopop img{

  filter: brightness(1.1);

  opacity: .9;

}

#icopop img:hover{ opacity: 1; }



/* Titul */

#tiResuImp{

  color: var(--mr-text) !important;

  font-weight: 700;

  font-size: 28px;

  margin-bottom: 8px;

}



/* Ikona sdílení (stabilní, bez poskakování) */

#shr svg{

  width: 32px;

  height: 32px;

  vertical-align: middle;

  display: inline-block;

  cursor: pointer;

}



#shareIcon g {

  stroke: white;

  stroke-width: 2;

  stroke-linecap: round;

  fill: none;

  transition: stroke 0.3s ease; /* plynulý přechod */

}



/* hover efekt – žlutá barva */

#shareIcon:hover g {

  stroke: #F9D60E;

}



/*#shr svg path{ stroke: #fff !important; border: none;}

#shr svg circle{ stroke: #fff !important; }



/*

Tlačítko „Sdílet“ (Facebook) – žluté s černým textem 

#fbR{

  display:inline-flex;

  align-items:center;

  gap:6px;

  color:#000 !important;

  background: var(--mr-accent) !important;

  border:1px solid var(--mr-accent) !important;

  padding:6px 12px;

  border-radius:8px;

  font-weight:600;

  text-decoration:none;

  margin-left:8px;

}

#fbR svg path{ fill:#000 !important; }



/*Jméno závodníka – bez rámečku */

#nmresu{

  color: var(--mr-accent) !important;

  font-weight: 800;

  font-size: 24px;

  margin: 6px 0 12px;

  background:none !important;

  border:none !important;

  padding:

}

  /* 1) Bílé jako výchozí (přebije inline color:#000 na <li>) */

#mnuSet { 

  color: var(--mr-text) !important;   /* = #fff v tvém skinu */

}



/* 2) Přebarvi všechny ikony podle currentColor,

      ale nenič clear path s fill="none" */

#mnuSet svg path:not([fill="none"]),

#mnuSet svg rect,

#mnuSet svg circle,

#mnuSet svg g {

  fill: currentColor !important;

  stroke: currentColor !important;

}



/* 3) Pojistka: co má mít průhlednou výplň, nech průhledné */

#mnuSet svg [fill="none"] { 

  fill: none !important; 

}



/* 4) Hover – žlutě (MyResult akcent) */

#mnuSet:hover { 

  color: var(--mr-accent) !important; /* #F9D60E */

}

/* (ponecháme clear path pořád průhledné i na hover) */

#mnuSet:hover svg [fill="none"] { 

  fill: none !important; 

}



/* 5) Textový label uvnitř menu drž ve stejné barvě */

#mnuSet span { 

  color: currentColor !important; 

}



/* ===== Aktivní řádek v tabulkách (označený = .on) ===== */

tr.on {

  background: var(--mr-accent) !important;

  color: #000 !important;

}

tr.on td, 

tr.on b, 

tr.on span {

  color: #000 !important;

}



/* ===== smGpe – tvrdé přebití bílého pozadí ===== */

#smGpe.smenu,

#smGpe.smenu::before,

#smGpe.smenu::after {

  background-color: var(--mr-panel) !important;

  background-image: none !important;

}



/* Uvnitř menu */

#smGpe .ssmnu {

  background-color: transparent !important;

  background-image: none !important;

  margin: 0 !important;

  padding: 6px 0 !important;

}



/* Položky */

#smGpe .ssmnu li {

  list-style: none !important;

  background-color: transparent !important;

  color: var(--mr-text) !important;

  padding: 8px 14px !important;

  white-space: nowrap !important;

  cursor: pointer;

  border-radius: 4px;

}



/* Hover / aktivní */

#smGpe .ssmnu li:hover,

#smGpe .ssmnu .on {

  background-color: var(--mr-accent) !important;

  color: #000 !important;

}



/* Případné <span> uvnitř položek drž stejné barvy */

#smGpe .ssmnu li span { color: inherit !important; }





/* ===== smEtape – drop-down menu (výběr etapy) ===== */

#smEtape.smenu,

#smEtape.smenu::before,

#smEtape.smenu::after {

  background-color: var(--mr-panel) !important;

  background-image: none !important;

  border: 1px solid var(--mr-border) !important;

  border-radius: 8px !important;

  box-shadow: 0 10px 25px rgba(0,0,0,.5);

  padding: 6px 0 !important;

  color: var(--mr-text) !important;

  z-index: 99999 !important;

}



/* obsah uvnitř (ul) */

#smEtape .ssmnu {

  background-color: transparent !important;

  background-image: none !important;

  margin: 0 !important;

  padding: 6px 0 !important;

}



/* jednotlivé položky */

#smEtape .ssmnu li {

  list-style: none !important;

  background-color: transparent !important;

  color: var(--mr-text) !important;

  padding: 8px 14px !important;

  white-space: nowrap !important;

  cursor: pointer;

  border-radius: 4px;

  transition: background .15s ease, color .15s ease;

}



/* vnořené .mnEtG – podúroveň (např. "Celkové") */

#smEtape .mnEtG {

  font-size: 0.9em;

  opacity: .8;

  margin-left: 8px;

  padding-top: 4px;

}

#smEtape .mnEtG span {

  color: var(--mr-accent) !important;

}



/* hover i aktivní */

#smEtape .ssmnu li:hover,

#smEtape .ssmnu .on {

  background-color: var(--mr-accent) !important;

  color: #000 !important;

  font-weight: 600 !important;

}



/* aktivní podúroveň */

#smEtape .ssmnu li.on .mnEtG { opacity: 1; }



/* vše uvnitř přebarvi jednotně */

#smEtape .ssmnu li * { color: inherit !important; }









/* ===== VZHLED dropdownu jazyka (#mnulg) – bez zásahu do display/visibility ===== */

#LG #mnulg.smenu,

#LG #mnulg.smenu::before,

#LG #mnulg.smenu::after {

  background-color: var(--mr-panel) !important;

  background-image: none !important;

  border: 1px solid var(--mr-border) !important;

  border-radius: 8px !important;

  box-shadow: 0 10px 25px rgba(0,0,0,.5);

  padding: 6px 10px !important;

  color: var(--mr-text) !important;

  /* záměrně NEměníme display/visibility/position */

}



/* Uvnitř UL – jen mezery, žádná změna display (ponecháme inline flex z HTML) */

#LG #mnulg .ssmnu {

  background: transparent !important;

  margin: 0 !important;

  padding: 4px !important;

  column-gap: 8px; /* stejné jako gap, ale bez změny display */

  row-gap: 8px;

}



/* Položky (jazykové „chip“ tlačítko) */

#LG #mnulg .ssmnu li {

  list-style: none !important;

  background-color: var(--mr-panel) !important;

  color: var(--mr-text) !important;

  border: 1px solid var(--mr-border) !important;

  border-radius: 6px !important;

  padding: 6px 10px !important;

  white-space: nowrap !important;

  cursor: pointer;

  transition: background-color .15s ease, color .15s ease, border-color .15s ease;

}



/* Hover/aktivní vzhled */

#LG #mnulg .ssmnu li:hover,

#LG #mnulg .ssmnu li.on {

  background-color: var(--mr-accent) !important;

  color: #000 !important;

  border-color: var(--mr-accent) !important;

  font-weight: 600 !important;

}









/* ===== Log/recap řádky (#REC999 .trRc) – tmavě šedé pruhování ===== */

#REC999 .trRc {

  background: var(--mr-panel) !important; /* základní tmavá */

  color: var(--mr-text) !important;

  border: 1px solid var(--mr-border);

  border-radius: 8px;

  padding: 8px 10px;

  margin: 4px 0;

  transition: background 0.2s ease;

}



/* každá druhá řádka – velmi tmavě šedá */

#REC999 .trRc:nth-child(even) {

  background: #131417 !important;  /* o odstín tmavší než panel */

}



/* hover efekt – jemné zesvětlení */

#REC999 .trRc:hover {

  background: rgba(255,255,255,0.06) !important;

}



/* sjednocení textu a vlajek */

#REC999 .trRc * {

  color: inherit !important;

}



/* volitelné: zvýraznění vybraného řádku (pokud se používá .on) */

#REC999 .trRc.on {

  background: var(--mr-accent) !important;

  color: #000 !important;

}







/* ===== StatsLive bloky – bílý text, MyResult styl ===== */

#StatsLive .stlive {

  color: var(--mr-text) !important;

}



/* všechny vnořené prvky (span, b, div, atd.) */

#StatsLive .stlive * {

  color: var(--mr-text) !important;

}



/* číselná část (Ranked, 3/4 apod.) zvýraznit žlutě */

#StatsLive .stlive .nbnb {

  color: var(--mr-accent) !important;

  font-weight: 700;

}



/* volitelné: hover efekt – lehké zesvětlení pozadí */

#StatsLive .stlive:hover {

  background: rgba(255,255,255,0.06) !important;

  border-radius: 6px;

}











/* Popup (ctpop) */

#ctpop {

  background: rgba(14,14,17,0.95) !important;

  border: 1px solid var(--mr-border) !important;

  border-radius: 12px;

  color: var(--mr-text);

  padding: 20px 24px;

  max-width: 700px;

  margin: 40px auto;

  box-shadow: 0 12px 30px rgba(0,0,0,.5);

}



/* Bloky výsledků uvnitř popupu */

#ctpop .vg {

  background: var(--mr-panel);

  border: 1px solid var(--mr-border);

  border-radius: 10px;

  padding: 8px 12px;

  margin: 6px 0;

  display: grid;

  grid-template-columns: 40px 1fr 1fr auto;

  align-items: center;

}



#ctpop .vg .pl { color: var(--mr-accent); font-weight: 700; text-align: center; }

#ctpop .vg .nm { font-weight: 600; }

#ctpop .vg .tp { text-align: right; font-variant-numeric: tabular-nums; }

#ctpop .vg .flg { width: 22px; vertical-align: middle; margin-left: 6px; }



/* Kategorie hlavičky */

#ctpop .tibl { color: var(--mr-accent); font-weight: 700; font-size: 16px; }