/*
* demo.css
* File include item demo only specific css only
******************************************************************************/

/* -------------------------------------------------------------------------- */
/*  Osnovni elementi                                                          */
/* -------------------------------------------------------------------------- */
.menu .app-brand.demo { height: 64px; margin-top: 12px; }
.app-brand-logo.demo svg { width: 22px; height: 38px; }
.app-brand-text.demo { font-size: 1.75rem; letter-spacing: -0.5px; }

/* Navbar padding fix */
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page { padding-top: 74px !important; }
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page                                   { padding-top: 64px !important; }
.docs-page .layout-navbar-fixed.layout-wrapper:not(.layout-without-menu) .layout-page,
.docs-page .layout-menu-fixed.layout-wrapper:not(.layout-without-menu)   .layout-page                         { padding-top: 62px !important; }

/* Content helpers */
.demo-blocks>*               { display: block !important; }
.demo-inline-spacing>*       { margin: 1rem 0.375rem 0 0 !important; }
.demo-vertical-spacing>*     { margin-top: 1rem !important; margin-bottom: 0 !important; }
.demo-vertical-spacing.demo-only-element>:first-child,
.demo-vertical-spacing-lg.demo-only-element>:first-child,
.demo-vertical-spacing-xl.demo-only-element>:first-child                   { margin-top: 0 !important; }
.demo-vertical-spacing-lg>*  { margin-top: 1.875rem !important; }
.demo-vertical-spacing-xl>*  { margin-top: 5rem !important; }

/* Dropdown na zelo majhnih ekranih */
@media (max-width: 576px){
  #dropdown-variation-demo .btn-group .text-truncate { width: 231px; position: relative; }
  #dropdown-variation-demo .btn-group .text-truncate::after { position: absolute; top: 45%; right: .65rem; }
}

/* Layout demo */
.layout-demo-wrapper { display:flex; flex-direction:column; align-items:center; margin-top:1rem; }
.layout-demo-placeholder img{ width:900px; }
.layout-demo-info{ text-align:center; margin-top:1rem; }

/* -------------------------------------------------------------------------- */
/*  DataTables                                                                */
/* -------------------------------------------------------------------------- */
.dataTable thead th { background:#f5f5f9; border-bottom:2px solid #ddd; font-weight:600; }
.dataTable tbody tr:hover { background-color:rgba(var(--bs-success-rgb),0.1); }

/* ---------- Export gumb (prosojen, zelena, hover sivo) ---------- */
.dt-buttons .btn,
.dt-buttons .btn-secondary,
.dataTables_wrapper .dt-button{
  display:inline-flex!important; align-items:center!important; gap:.25rem!important;
  padding:.5rem 1rem!important; font-weight:500!important;
  background:transparent!important; color:var(--bs-success)!important;
  border:none!important; border-radius:.375rem!important; box-shadow:none!important;
  transition:background-color .15s ease-in-out!important;
}
.dt-buttons .btn:hover,
.dt-buttons .btn:focus,
.dataTables_wrapper .dt-button:hover,
.dataTables_wrapper .dt-button:focus{ background:var(--bs-gray-25)!important; color:var(--bs-success)!important; }
.dt-buttons .btn:active,
.dataTables_wrapper .dt-button:active{ background:var(--bs-gray-100)!important; }
.dt-buttons .btn svg,
.dt-buttons .btn .fa,
.dt-buttons .btn .bi,
.dataTables_wrapper .dt-button svg,
.dataTables_wrapper .dt-button .fa,
.dataTables_wrapper .dt-button .bi{ color:var(--bs-success)!important; }

/* Dropdown kolekcija */
.dt-button-collection{ margin-top:3px; border-radius:.375rem; box-shadow:0 0.25rem 1rem rgba(161,172,184,.45); }
.dt-button-collection .dropdown-item{ padding:.532rem 1.25rem; }

/* -------------------------------------------------------------------------- */
/*  Pomožna barvna pravila                                                    */
/* -------------------------------------------------------------------------- */
.positive-value{ color:#71dd37; }
.negative-value{ color:#ff3e1d; }

/* -------------------------------------------------------------------------- */
/*  Mobile tweaks                                                             */
/* -------------------------------------------------------------------------- */
@media screen and (max-width: 767px){
  div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_filter,
  div.dataTables_wrapper div.dataTables_info,
  div.dataTables_wrapper div.dataTables_paginate { text-align:center; margin-bottom:.75rem; }
  .card-datatable{ padding:0; }
}