/* ===== LEKCIJU LINKU POGAS ===== */
#lekciju-links {
  margin-top: 20px;
  text-align: center;
}

#lekciju-links .lekcija {
  display: inline-block;
  margin: 5px;
  padding: 8px 18px;
  border: 1px solid #e74c3c;
  color: #e74c3c;
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 3px;
  transition: all 0.2s ease;
}

#lekciju-links .lekcija:hover,
#lekciju-links .lekcija:focus {
  background-color: #e74c3c;
  color: #fff;
}

/* ===== VIDEO.JS THUMBNAILS ===== */
.video-js .vjs-vtt-thumbnails {
  display: block !important;
  z-index: 1000;
}

.video-js .vjs-thumbnail-holder {
  width: 160px !important;
  height: 90px !important;
  background-size: cover !important;
  border: 1px solid rgba(0,0,0,0.2);
  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
}

/* Telefoni portretā */
@media (max-width: 576px) {
  .lekciju-links .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.85rem;
  }
}

/* Telefoni ainavā un mazas planšetes */
@media (min-width: 577px) and (max-width: 768px) {
  .lekciju-links .btn {
    padding: 0.35rem 0.65rem;
    font-size: 0.9rem;
  }
}

/* Planšetes (piem. iPad portretā) */
@media (min-width: 769px) and (max-width: 992px) {
  .lekciju-links .btn {
    padding: 0.45rem 0.8rem;
    font-size: 0.95rem;
  }
}

/* Lielāki ekrāni – normālais bootstrap izmērs */
@media (min-width: 993px) {
  .lekciju-links .btn {
    padding: 0.5rem 1rem;
    font-size: 1rem;
  }
}