.tooltip .tooltip-inner {
  background-color: #ff6600; /* Zmena farby pozadia */
  color: #fff; /* Zmena farby textu */
}

.tooltip.bs-tooltip-top .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
  border-top-color: #ff6600; /* Zmena farby šípky */
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
  border-bottom-color: #ff6600;
}

.tooltip.bs-tooltip-start .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
  border-left-color: #ff6600;
}

.tooltip.bs-tooltip-end .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
  border-right-color: #ff6600;
}

.note {
    white-space: pre-line;
}

.note-card{
    break-inside: avoid;
    border:1px solid rgba(0,0,0,0.15);
    overflow:visible;
	transition: all 0.2s ease, box-shadow 0.15s ;

}

.note-card:hover{
    transform: translateY(-4px);
    box-shadow:0 8px 18px rgba(0,0,0,0.25);
}
/* pripináčik */
.note-card::before{
    content:'';
    position:absolute;
    top:-6px;
    left:50%;
    transform:translateX(-50%);
    width:12px;
    height:12px;
    background: radial-gradient(circle at 30% 30%, #ff6666, #990000);
    border-radius:50%;
    box-shadow:0 2px 4px rgba(0,0,0,0.4);
}

.note-card.done {
    position: relative;
    opacity: 0.95; /* mierne zoslabenie uzavretej karty */
}

.note-card.done::after {
    content: "VYBAVENÉ";
    position: absolute;
    top: 6px;
    right: -50px;
    width: 140px;
    text-align: center;
    font-weight: bold;
    font-size: 0.85rem;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    
    background: linear-gradient(135deg, rgba(200,0,0,0.85) 0%, rgba(220,30,30,0.7) 100%);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    
    transform: rotate(45deg);
    pointer-events: none; /* neprekáža klikaniu */
    border-radius: 2px;
}

.size-small .col{
  flex: 0 0 20%;
}

.size-medium .col{
  flex: 0 0 33.333%;
}

.size-large .col{
  flex: 0 0 100%;
}
.card-text{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.size-small .card-text{
  -webkit-line-clamp:2;
}

.size-medium .card-text{
  -webkit-line-clamp:4;
}

.size-large .card-text{
  -webkit-line-clamp:unset;
}
.stepper {
  position: relative;
}

/* čiara medzi krokmi */
.stepper::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  height: 2px;
  background: #dee2e6;
  z-index: 0;
}

.step {
  position: relative;
  z-index: 1;
  text-align: center;
  width: 100%;
}

/* kruh */
.circle {
  width: 40px;
  height: 40px;
  margin: 0 auto 10px;
  border-radius: 50%;
  background: #dee2e6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

/* aktívny krok */
.step.active .circle {
  background: #0d6efd;
  color: white;
}

/* dokončený krok */
.step.completed .circle {
  background: #198754;
  color: white;
}

/* text */
.label {
  max-width: 180px;
  margin: 0 auto;
}
.map-track {
  position: relative;
}

.map-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  cursor: pointer;
  background: transparent;
}
.gallery-item {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* overlay stále viditeľný */
.gallery-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

    padding: 12px;
    background: rgba(0,0,0,0.55);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
	backdrop-filter: blur(3px);
}

/* jemný hover efekt (len stmavenie obrázka) */
.gallery-item:hover img {
    transform: scale(1.03);
    transition: 0.3s;
}
.gallery-top {
    border-radius: 12px;
    overflow: hidden;
}