/* =====================================================================
   EVIDENCIA.KALIBRACIE.SK – Sidebar úprava pre menu "Evidencia meradiel"
   ---------------------------------------------------------------------
   - Odstráni vizuálne bodky (•) pred subpoložkami v menu vytvárané
     pseudo-elementom ::before v rámci šablóny KaiAdmin.
   - Zruší natívne odrážky (list-style) a odsadenie vnorených <ul> prvkov
     v sidebare, čím zachová čistejší vzhľad bez bodiek a posunov.
   - Ostatné <ul><li> zoznamy mimo sidebaru zostávajú nezmenené.
   - Úprava: 2025-10-09 – Sidebar cleanup by Milan Klimek.
   ===================================================================== */

/* 1) Vypni pseudo-bodky (generované KaiAdminom cez ::before) pri sub položkách */
.sidebar .nav-collapse li a .sub-item:before {
    content: none !important;
    display: none !important;
  }
  
  /* 2) Pre istotu vypni natívne odrážky a zruš list-item layout pre vnorené <ul> */
  .sidebar .nav,
  .sidebar .nav ul,
  .sidebar .nav .nav-collapse {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
  
  .sidebar .nav > .nav-item {
    display: block !important;
  }
  
  /* =====================================================================
   EVIDENCIA.KALIBRACIE.SK – Úprava veľkosti obrázkov vo "Foto" kartách
   ---------------------------------------------------------------------
   - Zabezpečuje, aby sa obrázky v kartách (napr. Foto meradla)
     zobrazovali responzívne, bez deformácie a bez presahu karty.
   - Obrázok sa automaticky prispôsobí dostupnej šírke kontajnera.
   - Maximálna výška je obmedzená, aby sa pri veľkých fotkách
     nezväčšila karta na celú stránku.
   - Úprava: 2025-10-09 – Responsive image scaling by Milan K.
   ===================================================================== */

.card-img-top {
    display: block;
    width: 100%;             /* obrázok sa roztiahne podľa šírky karty */
    height: auto;            /* zachová pomer strán */
    max-height: 350px;       /* obmedzí extrémne veľké obrázky */
    object-fit: contain;     /* zaručí, že sa nezreže – zobrazí celý obrázok */
    border-radius: 0.5rem;   /* jemne zaoblí rohy, ladí s Bootstrap štýlom */
  }
  
  /* Pre menšie obrazovky – zmenší max-height, aby obrázok nezaberal príliš miesta */
  @media (max-width: 768px) {
    .card-img-top {
      max-height: 250px;
    }
  }
  
/* =====================================================================
   EVIDENCIA.KALIBRACIE.SK – Obrázky / Lightbox
   ---------------------------------------------------------------------
   - .img-zoomable /.data-zoomable: kurzor lupa + jemný hover efekt
   - Modal obrázok sa prispôsobí obrazovke; navigačné tlačidlá overlay
   ===================================================================== */

   .img-zoomable, [data-zoomable] {
    cursor: zoom-in;
    transition: transform 0.2s ease-in-out;
  }
  .img-zoomable:hover, [data-zoomable]:hover {
    transform: scale(1.02);
  }
  
  #imageModal .modal-content img {
    max-height: 90vh;
    object-fit: contain;
  }
  
  #imgPrevBtn, #imgNextBtn {
    opacity: .9;
  }
  #imgPrevBtn:hover, #imgNextBtn:hover {
    opacity: 1;
  }

/* =====================================================================
             === SNAS Akreditácia – dashboard blok ===
===================================================================== */

.snas-accreditation {
  margin-bottom: 1.5rem;
  line-height: 1.5;
}

/* Úvodný odstavec */
.snas-accreditation .snas-intro {
  margin-bottom: 0.75rem;
}

/* Meta údaje – zoznam */
.snas-accreditation .snas-meta {
  list-style: none;
  padding-left: 0;
  margin: 0 0 0.75rem 0;
}

.snas-accreditation .snas-meta li {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0;
  /* border bottom 2px dotted #e0e0e0  jemné bodky */
}

.snas-accreditation .snas-meta li:last-child {
  border-bottom: none;
}

.snas-accreditation .snas-label {
  min-width: 150px;
  font-weight: 600;
  font-size: 0.9rem;
  color: #6c757d; /* sivý popis */
}

.snas-accreditation .snas-value {
  flex: 1;
}

/* Dlhé texty */
.snas-accreditation .snas-body-text {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

/* PDF odkaz */
.snas-accreditation .snas-file a {
  text-decoration: underline;
  font-weight: 500;
}

/* EN časť */
.snas-accreditation .snas-divider {
  margin: 1rem 0;
  border-top: 1px dashed #d0d0d0;
}

.snas-accreditation .snas-en-title {
  margin-bottom: 0.25rem;
}

/* Orgán posudzovania zhody – podobné SNAS UI */
.snas-accreditation .snas-conformity {
  margin-top: 1.25rem;
  border-top: 1px solid #f0f0f0;
  padding-top: 0.75rem;
}

.snas-accreditation .snas-conformity-title {
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.snas-accreditation .snas-conformity-row {
  padding: 4px 0 6px;
  border-bottom: 1px dotted #d0d0d0;
}

.snas-accreditation .snas-conformity-row:last-child {
  border-bottom: none;
}

.snas-accreditation .snas-conformity-label {
  font-size: 0.8rem;
  color: #6c757d;
}

.snas-accreditation .snas-conformity-value {
  margin-top: -2px;
}

/* Pätička s linkom na AIS */
.snas-accreditation .snas-footer {
  margin-top: 1rem;
  font-size: 0.9rem;
}

/* KC detail – zobrazenie dlhej cesty k PDF */
.kc-pdf-path,
.pdf-path {
  font-family: monospace;
  font-size: 0.9rem;
  word-break: break-all;
}

/* Granuláty po termíne */
#granulatesTable tbody tr.granulate-expired td {
  background-color: #fff1f2 !important;
}

/* Granuláty blízko termínu */
#granulatesTable tbody tr.granulate-warning td {
  background-color: #fff8e1 !important;
}

/* Hover */
#granulatesTable tbody tr.granulate-row:hover td {
  background-color: #e9f2ff !important;
  cursor: pointer;
}

.test-status-ok {
  color: #198754;
  font-weight: 600;
}

.test-status-warning {
  color: #fd7e14;
  font-weight: 600;
}

.test-status-danger {
  color: #dc3545;
  font-weight: 600;
}

.test-status-muted {
  color: #6c757d;
}