:root {
  --topbar-height: 56px;
  --sidebar-width: 220px;
}

html {
  zoom: 0.8;                 /* Chrome, Edge */
}

body {
  overflow-x: hidden;
  font-size: 0.95rem;
  background: #F0F5F5;

}

/* Topbar */
.topbar {
  background-color: #ba1512; /* tmavočervená */
  height: 56px;
}

.topbar .brand-title {
  color: #fff; /* biely text */
}

/* Login karta - univerzálna šírka */
.login-card {
  max-width: 400px;       /* maximum na veľkých obrazovkách */
  width: 100%;            /* prispôsobí sa rodičovi */
  margin: 2rem auto;      /* vycentrovanie */
  box-sizing: border-box;
}

/* Login karta - mobil */
@media (max-width: 576px) {
  .login-card {
    max-width: 320px;     /* fixné maximum pre mobily */
    width: 90%;           /* karta zaberie 90% šírky obrazovky */
    margin: 1.5rem auto;  /* odsadenie */
  }
}




main.content {
  margin-top: var(--topbar-height);
  padding: 1rem;
}

@media (min-width: 992px) {
  .sidebar-lg {
    display: block;
    position: fixed;
    top: var(--topbar-height);
    bottom: 0;                /* toto zabezpečí automatickú výšku */
    left: 0;
    width: var(--sidebar-width);
    padding-top: 0.75rem;
    z-index: 1020;
  }


main.content { margin-left: var(--sidebar-width); }
  .btn-hamburger-lg-hide { display: none; }
}


/* Sidebar hlavný štýl */
.sidebar {
  background-color: #000;
  min-height: 100vh;
  color: #ccc;
  padding-top: 1rem;
}

.sidebar a {
  display: block;
  padding: 8px 16px;
  color: #ccc;
  text-decoration: none;
}

.sidebar a.active {
  color: #D9CC9C;
  font-weight: bold;
}

.sidebar a:hover {
  color: #fff;
}

/* Accordion tlačidlo zarovnanie s linkami */
.sidebar .accordion-button {
  display: block !important;     /* odstráni flex layout */
  width: 100%;
  text-align: left;
  padding: 8px 16px !important;  /* rovnaké ako linky */
  margin: 0;                      /* odstráni akýkoľvek margin */
  background-color: transparent !important;
  color: #ccc !important;
  border: none;
  border-radius: 0;               /* odstráni zaoblenie */
  box-shadow: none;
}

/* Podmenu */
.sidebar .accordion-body {
  padding: 0 0 0 1rem;            /* odsadenie podmenu */
}

.sidebar .accordion-body a {
  padding: 6px 16px;
  font-size: 0.95rem;
}

.dropdown-menu {
  min-width: 250px;            /* šírka okna s notifikáciami */
}

.dropdown-item {
  font-size: 0.95rem;
  white-space: normal;          /* nech sa text zalamuje na viacerých riadkoch */
}

.badge {
  font-size: 0.7rem;
}