/* Pub Kviz Master - minimalne dopune Tablera */
#tag-suggestions { max-width: 300px; }
.q-answer { margin-top: .25rem; }

/* Vece, uocljivije akcione ikonice (edit/obrisi/prijavi i sl. u tabelama) */
.btn.btn-icon {
  width: 2rem !important;
  height: 2rem !important;
  padding: 0 !important;
}
.btn.btn-icon.btn-sm {
  width: 1.75rem !important;
  height: 1.75rem !important;
}
.btn.btn-icon i,
.btn.btn-icon svg {
  font-size: 0.8rem !important;
  width: 0.8rem !important;
  height: 0.8rem !important;
}

/* Poravnaj logo u sidebaru lijevo, u liniji sa stavkama menija */
.navbar-vertical.navbar-expand-lg > .container-fluid {
  justify-content: flex-start !important;
}
.navbar-vertical .navbar-brand,
.navbar-vertical .navbar-brand-autodark {
  justify-content: flex-start !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: .75rem !important;
  font-size: 1.4rem;
  font-weight: 800;
}

/* Uvecaj settings ikonicu i ime/ulogu korisnika u gornjem desnom uglu */
.navbar.navbar-expand-md .ti-settings {
  font-size: 1.4rem;
}
.navbar.navbar-expand-md .nav-item.dropdown div:first-child {
  font-size: 1rem;
}
.navbar.navbar-expand-md .nav-item.dropdown .small {
  font-size: .8rem;
}

/* Posvijetli tekst u sidebar meniju - podnaslovi (Pitanja/Kvizovi/...) i linkovi */
.navbar-vertical .text-secondary.text-uppercase.small {
  color: #9aa3af !important;
}
.navbar-vertical .nav-link {
  color: #e4e7eb !important;
}
.navbar-vertical .nav-link:hover,
.navbar-vertical .nav-item.active .nav-link {
  color: #ffffff !important;
}
/* "Login" bedz na neulogovanim stavkama meniju (Moja pitanja/Dodaj pitanje/Moji kvizovi/Napravi kviz) -
   sopstvene klase umjesto borbe sa Tabler-ovim .nav-link/.badge pravilima koja su ga odsijecala */
.navbar-vertical .nav-link {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}
.navbar-vertical .nav-link-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.login-badge {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  padding: .2rem .5rem !important;
  font-size: .7rem !important;
  font-weight: 600 !important;
  color: #fff !important;
  background: var(--tblr-gray-600) !important;
  border-radius: var(--tblr-border-radius) !important;
  white-space: nowrap !important;
}

/* Kompaktniji card padding u cijeloj aplikaciji */
.card {
  --tblr-card-spacer-y: 0.8rem;
  --tblr-card-spacer-x: 0.8rem;
}

/* Mobilni meni kao overlay preko sadrzaja umjesto guranja stranice dole (nema CLS-a) */
@media (max-width: 991.98px) {
  .navbar-vertical.navbar-expand-lg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1031;
  }
  .navbar-vertical .navbar-collapse {
    position: fixed;
    top: 56px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1030;
    overflow-y: auto;
    background: var(--tblr-dark, #1a2234);
    padding: 1rem;
  }
  /* Prostor da sadrzaj stranice ne bude ispod fiksnog sidebar headera */
  .page-wrapper {
    padding-top: 56px;
  }
  body.navmenu-open {
    overflow: hidden;
  }
  /* X ikonica umjesto hamburgera kad je meni otvoren */
  .navbar-toggler-icon-close {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M7 7l16 16M23 7L7 23'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
}

/* Strelice za povecavanje/smanjivanje broja na number inputima - uvijek vidljive, ne samo na hover */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}

/* Akcione ikonice (npr. "Oznaci provjereno") gube kontrast (postaju bijele/nevidljive) - vrati im punu boju uvijek, ne samo na table-warning pozadini */
#questionsTable .btn.btn-icon.text-success {
  color: var(--tblr-success) !important;
}
#questionsTable .btn.btn-icon.text-muted {
  color: var(--tblr-secondary, #6c757d) !important;
}

/* Ikonica za pregled slike pitanja (hover tooltip) */
.ti-photo {
  font-size: 0.8rem;
  vertical-align: -1px;
  color: #ae3ec9; /* ljubicasta - uocljivija od sive */
}