/* CSS Document */

/* Názvy dnů */
.den-hlavicka {
  text-align: center;
  font-weight: 600;
  padding: 0.5em 0;
  background: none !important; /* odstraní pozadí */
  border-bottom: 2px solid #eee;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  color: white;
}

/* Víkendy */
.den-hlavicka.vikend {
  color: red;
}

/* Mobilní zobrazení */
@media (max-width: 768px) {
  .den-hlavicka {
    font-size: 0.85em;
    padding: 0.4em 0;
  }
}
/* Oprava dědění stylu */
.den-hlavicka:hover {
  transform: none !important;
}

/* Dny */
.den {
  padding: 15px;
  border-radius: 8px;
  background-color: #66FFFF;
  border: 1px solid #ccc;
  font-weight: bold;
  cursor: pointer;
}

/* Barvy podle stavu */
.den.vybrano {
  background-color: #4CAF50;
  color: #fff;
}

.den.obsazeno {
  background-color: #FFFFCC;
  color: #aaa;
  pointer-events: none;
}

.den.minuly-den {
  background-color: #f8f9fa;
  color: #999;
  pointer-events: none;
}

.den.dnes {
  background-color: #3300CC;
  border: 2px solid #ff9900;
  color: #856404;
}

/* Mobilní zobrazení */
@media (max-width: 600px) {
  .kalendar-grid {
    grid-template-columns: repeat(7, 1fr);
    gap: 3px;
  }

  .den, .den-hlavicka {
    padding: 8px 0;
    font-size: 0.9em;
  }
}
/*styl pro prázdnou buňku*/
.den.prazdny {
  visibility: hidden;
}

/*kurzor zobrazeni*/
.cas-slot {
  transition: transform 0.2s ease;
}
.cas-slot:hover {
  transform: scale(1.05);
}
/*klikání na časy*/
.slot-item button,
.cas-box {
  cursor: pointer;           /* změní kurzor na ruku */
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.slot-item button:hover,
.cas-box:hover {
  transform: scale(1.05);    /* jemně zvětší tlačítko */
  background-color: #e0ffe0; /* světle zelené pozadí při hover */
}
.den {
  cursor: default; /* normální šipka všude */
}

.den.vybrano {
  cursor: pointer; /* ručička jen na volných dnech */
}


/*návštěvnost*/
#online-tracker-box {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 180px;
    background: black;
    border: 2px solid #007BFF;
    border-radius: 8px;
    box-shadow: 0 4px 10px #f7f7f9;
    font-family: Arial, sans-serif;
    z-index: 9999;
    cursor: move; /* ukazuje, že jde přesouvat */
}

.counter-box {
  cursor: grab; /* kurzor ukáže, že lze chytit */
}

.counter-box.dragging {
  cursor: grabbing; /* při táhnutí */
  opacity: 0.9;    /* lehký efekt */
}

#online-tracker-header {
    background: #0F4761;
    color: #f3f3f5;
    padding: 5px 10px;
    font-weight: bold;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

#online-status {
    padding: 10px;
    text-align: center;
    font-size: 14px; color: #f3f3f5;
}