body {
    font-family: Arial, sans-serif;
    background-color: #F37429;
}

.logo { text-align: center; margin: 20px 0 20px 0; }
.logo img { width: 320px; height: auto;}

.tooltip-inner {
    text-align: left !important;
}



/* MODAL */
.velkyButton { font-weight: bold; font-size: 32px; border-radius: 50%; background-color: #bd3900; color: white; width: 65px; height: 65px; position: absolute; bottom: 5%; right: 5%;}
.velkyButton:hover { background-color: #d6d6d6; color: black;}

.shareButton { font-size: 30px; border-radius: 50%; background-color: #30578a; color: white; width: 60px; height: 60px; position: fixed; bottom: 3%; right: 6%;}
.shareButton:hover { background-color: #d6d6d6; color: black;}


.autocomplete-suggestions {
    border: 1px solid #ddd;
    border-radius: 0.25rem;
    background: white;
  }
  
  #categorySuggestions {
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    border: 1px solid #ddd;
    background-color: white;
    border-radius: 0.25rem;
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  }
  

  .info {
    margin: 10vh 0; 
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    color: white; 
    font-weight: 800;
  }

  .login { font-size: 11pt; margin-top: 20px;  }

  .form-label { font-weight: bold;}


/* FAB container */
.fab-container {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1050;
}

.fab-main {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 28px;
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease;
}

.fab-action {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
    transform: scale(0);
    transition: all 0.3s ease;
    transform-origin: center;
    min-width: 160px; /* <<< pridaj alebo uprav túto hodnotu */
    padding: 5px 16px; /* voliteľne prispôsob */
    white-space: nowrap;
    border-radius: 8px;
    background-color: #bd3900;
    border: none !important; 
}

.fab-container.open .fab-action:nth-child(2) {
    bottom: 70px;
    opacity: 1;
    transform: scale(1);
}

.fab-container.open .fab-action:nth-child(3) {
    bottom: 120px;
    opacity: 1;
    transform: scale(1);
}

.fab-main span {
    display: inline-block;
    transition: transform 0.3s ease;
    font-size: 28px;
    line-height: 1;
}
.fab-container.open .fab-main span {
    transform: rotate(45deg);
}



.combination-item {
    margin-top: 10px;
  }

#copy { text-align: center; font-family: sans-serif; font-size: 10pt; color: white; padding: 5px 0;}

input.form-control[readonly] {
  background-color: #ffe6b3 !important; /* jemná žltá */
}


.login a { color: white;  font-weight: bold;}

/* Prebije Bootstrap štýl */
select.calendarSelect.form-select {
  border: 0 !important;
  background-color: transparent !important;
  color: white !important;
  border-bottom: 1px dotted white !important;
  border-radius: 0 !important; /* bez zaoblenia */
  box-shadow: none !important; /* bez tieňa */
}

/* Šípka na pravej strane na bielo */
select.calendarSelect.form-select:focus {
  outline: none !important;
  box-shadow: none !important;
}

select.calendarSelect.form-select option {
  color: black; /* vo výbere nech je text čierny pre čitateľnosť */
}