/* Skrytí/Zobrazení dle tvých tříd */
.. a.mobile-only { display: none !important; }

/* 1. ZÁKLADNÍ STRUKTURA MENU */
#menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background: #000;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between; /* Rozdělí vlevo a vpravo na kraje */
  padding-left: 40px !important;
  padding-right: 40px !important;
  box-sizing: border-box;
  font-size: 20px;
}
.menuspacer{
   height: 80px;
}

/* Flexbox pro obě strany */
#menu .vlevo, 
#menu .vpravo {
  display: flex;
  align-items: center;
  float: none !important; /* Odstranění starých floatů */
}

/* Mezery mezi prvky */
#menu .vlevo { gap: 20px; }
#menu .vpravo { gap: 20px; }

#menu a {
  text-decoration: none;
  color: #fff;
  white-space: nowrap;
}

#menu a:hover { color: #00FF00; }

/* 3. OPRAVA HAMBURGERU */
/* 1. HLAVNÍ LIŠTA - zarovnání na střed */
#menu {
  display: flex !important;
  align-items: center; /* Vycentruje vše v liště vertikálně */
  justify-content: space-between;
  height: 80px;
  padding: 0 15px;
  background: #000;
}

#menu .button{background:#00FF00;color:#000}
#menu .button:hover{background:#009800;color:#000}

/* 2. ZAROVNÁNÍ STRAN */
#menu .vlevo, #menu .vpravo {
  display: flex !important;
  align-items: center;
  gap: 15px;
}



/* 4. MOBILNÍ TEXTY */
@media (max-width: 768px) {
  #menu{height:50px}
  .menuspacer{
   height: 50px;padding:0;margin:0;display:block;
}
  
  #menu a {
    font-size: 18px;
    font-weight: bold;
  }
  /* Richard AI text vlevo */
  #menu .vlevo {
    gap: 10px;
  }

  #menu {
    padding: 0 15px;
    font-size: 16px; /* Větší písmo pro dobrou čitelnost */
  }

  /* Mezery na mobilu */
  #menu .vlevo { gap: 12px; }
  #menu .vpravo { gap: 15px; }

  /* Skrytí/Zobrazení dle tvých tříd */
  .desktop-only { display: none !important; }
  a.mobile-only { display: flex !important; }

.icon--user svg {
  fill: #ffffff !important;
}

/* Pokud má SVG víc částí (paths), pojisti to takto */
.icon--user svg path {
  fill: #ffffff;
}

  /* Registrace se na mobilu obvykle nevejde, schováme ji */
  #menu .vpravo a[href*="register"] {
    display: none;
  }
  /* 3. OPRAVA HAMBURGERU - PŘESNÉ POZICOVÁNÍ */
.hamburger-trigger {
  position: relative; /* Nutné pro absolutní pozicování čárek */
  display: block !important;
  width: 30px;
  height: 20px; /* Celková výška ikony */
  cursor: pointer;
  margin-left: 10px;
  /* Vycentrování v 80px liště menu */
  margin-top: auto;
  margin-bottom: auto;
}

.hamburger-trigger span {
  position: absolute; /* Rozmístíme je ručně */
  display: block !important;
  width: 100%;
  height: 4px;
  background-color: #00FF00 !important;
  border-radius: 2px;
  left: 0;
}

/* Každá čárka na své místo */
.hamburger-trigger span:nth-child(1) {
  top: 0; /* První úplně nahoře */
}

.hamburger-trigger span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%); /* Druhá přesně uprostřed */
}

.hamburger-trigger span:nth-child(3) {
  bottom: 0; /* Třetí úplně dole */
}
}

/* 4. BADGE (AI kredity a Košík) */
.cart-link, .richardai-link { position: relative; }
.badge {
  position: absolute;
  top: -8px;
  right: -10px;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 10px;
  line-height: 1;
}
.badge.green { background: #00FF00; color: #000; }
.badge.red { background: red; color: #fff;animation: pulse-soft 2s infinite; }

/* 2. Definice samotné animace pulsace */
@keyframes pulse-soft {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
  }
  70% {
    transform: scale(1.2); /* Mírné zvětšení o 20 % */
    box-shadow: 0 0 0 10px rgba(255, 0, 0, 0); /* Rozptyl stínu do ztracena */
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
  }
}