.slot-day-row {
  border: 1px solid var(--bs-border-color);
  border-radius: 8px;
  padding: 12px 16px;
  background-color: var(--bs-body-bg);
}
.slot-btn {
  font-size: 0.85rem;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 6px;

  border: 1px solid var(--primary-color);
  background-color: 1px solid var(--tercial-color);

}
.slot-btn.disabled, .slot-btn:disabled {
  opacity: 0.4;
  text-decoration: line-through;
}

.slot-btn:hover {
  border: 1px solid var(--primary-color);
  background-color: var(--primary-color);
  color:#ffffff;
}


.hero-page3 .hero-title-giant span {

color: var(--secondary-color);
-webkit-text-stroke:unset;
opacity:1;


}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--primary-color-rgb), var(--bs-text-opacity)) !important;
}


ul.service-specs > li { margin-bottom:10px; }





/* Hlavný kontajner */
.specs-table.pricelist {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  margin-top:20px; 
}

/* Riadok cenníka */
.specs-table.pricelist .spec-item {
  display: flex;
  justify-content: space-between;
  align-items: center; /* Zarovnanie na stred výšky */
  padding: 14px 16px;
  border-bottom: 1px solid #e9ecef;
  transition: background-color 0.2s ease, padding 0.2s ease;
}

/* Hover efekt pre desktop */
.specs-table.pricelist .spec-item:hover {
  background-color: #f8f9fa;
  border-radius: 8px;
}

/* Prvý div: Názov služby (širší stĺpec) */
.specs-table.pricelist .spec-item > div:first-child {
  flex: 1;
  padding-right: 20px;
  font-weight: 500;
  line-height: 1.4;
}

/* Druhý div: Cena (užší stĺpec) */
.specs-table.pricelist .spec-item > div:last-child {
  flex-shrink: 0;           /* Zamedzí stlačeniu ceny */
  white-space: nowrap;      /* Text ceny sa nikdy nezalomí */
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--secondary-color, #0d6efd); /* Použije tvoju CSS premennú */
  text-align: right;
}

/* RESPONSIVE UPRAVA (Pod 640px) */
@media (max-width: 640px) {
  .specs-table.pricelist .spec-item {
    flex-direction: column;  /* Zmení stĺpce na riadky nad sebou */
    align-items: flex-start; /* Zarovná text aj cenu doľava */
    gap: 6px;               /* Medzera medzi názvom a cenou */
    padding: 12px 8px;
  }

  .specs-table.pricelist .spec-item > div:first-child {
    /* padding-right: 0; */        /* Rušíme pravý padding, keďže cena je už dole */
    width: 100%;
  }

  .specs-table.pricelist .spec-item > div:last-child {
    text-align: center;        /* Cena sa zarovná doľava pod názov */
    width: 100%;
    /* Ak chceš cenu vizuálne odlíšiť, napr. trochu menšie písmo na mobile: */
    font-size: 1rem; 
  }
}