/* Společný styl pro všechny panely */
.vysuvny-panel {
  position: fixed;
  right: 0;
  z-index: 9999;
  display: flex;
  align-items: flex-start;
  transform: translateX(100px); /* Schová obsah vpravo */
  transition: transform 0.3s ease-in-out;
}

.panel-ucho {
  color: rgb(0, 0, 0);
  padding: 6px 12px;
  cursor: pointer;
  white-space: nowrap;
  font-weight: bold;
}

.panel-obsah {
  background-color: #f8f9fa;
  padding: 6px 12px;
  width: 100px;
  box-sizing: border-box;
}

/* Akce pro vysunutí (platí pro jakýkoliv panel) */
.vysuvny-panel:hover {
  transform: translateX(0);
}

/* --- SPECIFICKÉ POZICE A BARVY --- */

/* První panel - pozice a modrá barva */
.panel-1 {
  top: 24px; /* Vzdálenost odshora */
}
.panel-1 .panel-ucho {
  background-color: var(--my-color-road-sign);
}
.panel-1 .panel-obsah {
  border-left: 3px solid #ffffff;
}

/* Druhý panel - pozice níže a zelená barva */
.panel-2 {
  top: 60px; /* Musí být níže, aby se nepřekrývaly (100px + výška ucha + mezera) */
}
.panel-2 .panel-ucho {
  background-color: white;
}
.panel-2 .panel-obsah {
  border-left: 3px solid #ffffff;
}

.zalozka-odkaz {
    text-decoration: none;
    color: black;
    font-weight: bold;
}