/* --- DataViz brand farby --- */
:root{
  --dv-green:        #76937c;   /* brand */
  --dv-green-dark:   #2e4a40;   /* selected/kontrast */
  --dv-blue:         #5c7e8a;
  --dv-coral:        #d1595d;   /* akcent */

  --dv-apricot:      #fbab6e;
    /* apricot ako RGB triplet (251,171,110) */
  --dv-apricot-rgb: 251 171 110;
  --dv-apricot-bar: rgb(var(--dv-apricot-rgb) / .33); /* “data bars” ako pozadie bunky pod číslom */

  --dv-plum:         #573948;
  --dv-sidebar-bg:   #283237;   /* sidebar bg */
  --dv-selected-row: #d5ded7;   /* DT vybraný riadok (svetlá zelená) */
}

/* SIDEBAR pozadie + linky */
.sidebar-dark.sidebar-main{
  background-color: var(--dv-sidebar-bg);
}
.sidebar-dark .nav-sidebar .nav-link{
  color: #d5ded7;                 /* neutrálna svetlá k brand zelenej */
}
.sidebar-dark .nav-sidebar .nav-link:hover{
  background-color: rgba(209,89,93,.12);
  color: #fff;
}

/* AKTÍVNA/SELECTED položka v menu */
.sidebar-dark .nav-sidebar .nav-link.active,
.sidebar-dark .nav-sidebar .nav-item-open > .nav-link{
  background-color: var(--dv-green-dark); /* tmavšia zelená kvôli kontrastu */
  color: #fff;
  position: relative;
}
/* tenká akcentová lišta naľavo (koralová) */
.sidebar-dark .nav-sidebar .nav-link.active::before{
  content: "";
  position: absolute; left: 0; top: 0; bottom: 0;
  width: .25rem; background: var(--dv-coral);
  border-radius: 0 .25rem .25rem 0;
}

/* parent submenu – otvorený stav */
.sidebar.sidebar-dark .nav-sidebar > .nav-item.nav-item-submenu.nav-item-open > .nav-link,
.sidebar.sidebar-dark .nav-sidebar > .nav-item.nav-item-submenu.nav-item-expanded > .nav-link {
  background-color: var(--dv-green-dark) !important;
  color: #fff !important;
}

/* dieťa – aktívny/hover */
.sidebar.sidebar-dark .nav-group-sub .nav-link.active {
  background-color: rgba(46,74,64,.30) !important; /* tvoje zelene */
  color: #fff !important;
}
.sidebar.sidebar-dark .nav-group-sub .nav-link:hover {
  background-color: rgba(209,89,93,.12) !important; /* koralový nádych */
}


/* Voliteľne: hover v submenu s koralovým nádychom */
.nav-group-sub .nav-link:hover{
  background-color: rgba(209,89,93,.12);  /* var(--dv-coral) 12% */
}



/* HORNÝ PÁS (page header / navbar) */
.page-header{
  background-color: var(--dv-blue);
  color: #fff;
  border: 0;
}
.page-header a{ color: #fff; }

/* DataTables – vyfarbenie vybraného riadku (ak používaš Select) */
table.dataTable tbody tr.selected > *{
  background-color: var(--dv-selected-row) !important;
  color: #111827;
}









/* === Navbar farby === */
.bg-dv-green      { background-color: var(--dv-green) !important; }
.bg-dv-green-dark { background-color: var(--dv-sidebar-bg) !important; }

/* Tmavý navbar – biela typografia a hover */
.navbar.navbar-dark.bg-dv-green,
.navbar.navbar-dark.bg-dv-green-dark{
  color:#fff;
  border-bottom: 1px solid var(--dv-blue) !important;
}
.navbar.navbar-dark.bg-dv-green .navbar-nav-link,
.navbar.navbar-dark.bg-dv-green-dark .navbar-nav-link{
  color: rgba(255,255,255,.9);
}
.navbar.navbar-dark.bg-dv-green .navbar-nav-link:hover,
.navbar.navbar-dark.bg-dv-green-dark .navbar-nav-link:hover,
.navbar.navbar-dark .nav-item.show > .navbar-nav-link{
  color:#fff;
  background-color: rgba(255,255,255,.08);
}

/* aktívny link v navbare */
.navbar.navbar-dark .navbar-nav .nav-link.active{
  background-color: rgba(209,89,93,.18);          /* koralový nádych */
  color:#fff;
  border-radius: 9999px;
}

/* user avatar – okrúhly status nech má správny okraj na tmavom bg */
.navbar .status-indicator{
  border-color: var(--dv-green-dark);
}

/* logo – konzistentná výška */
.navbar .navbar-brand img{ height: 34px; }

/* dropdown v navbare */
.navbar .dropdown-menu{
  border-radius: .75rem;
  box-shadow: 0 10px 24px rgba(17,24,39,.18);
}

/* voliteľne: koralový badge */
.badge.bg-dv-coral{ background-color: var(--dv-coral) !important; color:#fff; }




/* IKONKY V DATATABLES */
/* IKONKY V DATATABLES – jednotná logika */

/* rezerva na ikonku vpravo */
.dataTables_wrapper table.dataTable thead th{
  position: relative;
  padding-right: 1.25rem;
}

/* zruš default PRED-ikonku z témy (Limitless ju často používa) */
.dataTables_wrapper table.dataTable thead th::before{
  content: none !important;
  background: none !important;
  border: 0 !important;
  opacity: 0 !important;
}

/* NECHAJ ::after pre naše šípky – ne-resetuj ho globálne! */

/* NEZORADENÉ (kliknuteľné) – zobraz obe ▲▼ */
.dataTables_wrapper table.dataTable thead th.sorting::after,
.dataTables_wrapper table.dataTable thead th.dt-ordering::after{
  content: "▲▼";
  position: absolute; right: .6rem; top: 50%;
  transform: translateY(-50%);
  font-size: .7rem; line-height: 1; opacity: .35;
  letter-spacing: .1rem; /* jemný rozostup medzi ▲ a ▼ */
}

/* ASC = ▲ */
.dataTables_wrapper table.dataTable thead th.sorting_asc::after,
.dataTables_wrapper table.dataTable thead th.dt-ordering-asc::after{
  content: "▲" !important;
  position: absolute; right: .6rem; top: 50%;
  transform: translateY(-50%);
  font-size: .7rem; opacity: .85;
}

/* DESC = ▼ */
.dataTables_wrapper table.dataTable thead th.sorting_desc::after,
.dataTables_wrapper table.dataTable thead th.dt-ordering-desc::after{
  content: "▼" !important;
  position: absolute; right: .6rem; top: 50%;
  transform: translateY(-50%);
  font-size: .7rem; opacity: .85;
}

/* (voliteľné) zvýrazni aktívny stĺpec */
.dataTables_wrapper table.dataTable thead th.sorting_asc,
.dataTables_wrapper table.dataTable thead th.sorting_desc,
.dataTables_wrapper table.dataTable thead th.dt-ordering-asc,
.dataTables_wrapper table.dataTable thead th.dt-ordering-desc{
  color: var(--dv-coral, #5c7e8a);
}

/* zlepšenie scrollu/focusu v modale na iOS */
.modal {
  -webkit-overflow-scrolling: touch;
}

/* daj niekam do globálneho CSS (alebo do <style>) */
.modal { z-index: 2050 !important; }
.modal-backdrop { z-index: 2040 !important; }