/* Navbar na login stranici – proziran preko slike */
body.login-bg .navbar {
  background-color: transparent !important;
  box-shadow: none;
  border-bottom: none;
  margin-bottom: 0 !important;
}

.page-title { color: #fff !important; }

/* Ako želiš svijetliji tekst u navu na login stranici */
body.login-bg .navbar .navbar-brand,
body.login-bg .navbar .nav-link,
body.login-bg .navbar span,
body.login-bg .navbar a {
  color: #000000 !important;
}
body.login-bg {
  background: url("../img/login.jpg") no-repeat center center fixed;
  background-size: cover;
}
.login-overlay {
  background-color: transparent;   /* ili samo obriši cijeli red */
  min-height: calc(100vh - 56px);
}
/* kartica s login formom */
.login-card {
  max-width: 400px;
  width: 100%;
  border-radius: 0.75rem;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.3);
}
.login-card {
  max-width: 400px;
  width: 100%;
  border-radius: 0.75rem;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.3);
  background-color: rgba(255, 255, 255, 0.8);  /* polu-transparentno */
}


/*collors*/
.btn-dark-brown {
  background-color: #6b4f2a;      /* smeđa */
  border-color: #6b4f2a;
  color: #ffffff;
}

.btn-dark-brown:hover,
.btn-dark-brown:focus {
  background-color: #5a4224;      /* malo tamnija na hover */
  border-color: #5a4224;
  color: #ffffff;
}


/*dashboard
/* pozadina za dashboard */
body.dashboard-bg {
  background: url("../img/bg_image.jpg") no-repeat center center fixed;
  background-size: cover;
}

/* lagani overlay da se tekst bolje čita */
.dashboard-overlay {
  background-color: rgba(255, 255, 255, 0.85);
  min-height: calc(100vh - 56px); /* minus navbar */
}

/*dashboard*/
.sidebar {
  border-right: 1px solid rgba(0,0,0,0.1);
  background-color: #4f6d55 !important;
}

/* da list-group ne povuče svoju pozadinu */
.sidebar .list-group,
.sidebar .list-group-item {
  background-color: transparent !important;
}

.sidebar .list-group-item {
  border: none;
  padding-left: 0;
}

/* linkovi na zelenoj */
.sidebar .list-group-item a,
.sidebar .list-group-item a:visited {
  text-decoration: none;
  color: rgba(255,255,255,.92) !important;
}

.sidebar .list-group-item a:hover {
  text-decoration: underline;
  color: #fff !important;
}

/* kartice obavijesti */
.notification-item {
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 0.5rem;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.08);
}
.sidebar .list-group-item a,
.sidebar .list-group-item a:visited,
.sidebar .list-group-item a:hover,
.sidebar .list-group-item a:active {
  color: #000 !important;        /* uvijek crno */
  text-decoration: none;
}

.map-card {
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 0.5rem;
  padding: 1rem 1.25rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.08);
}

.map-preview-wrapper {
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.1);
}

.map-preview {
  width: 100% !important;
  height: 500px !important;
  max-height: none !important;
}

.workday-thumb {
  max-height: 90px;
  max-width: 140px;
  object-fit: cover;
  border-radius: 6px;
}

.object-thumb {
  max-height: 70px;
  max-width: 100px;
  object-fit: cover;
  border-radius: 4px;
}


/* Base */
* { box-sizing: border-box; }
html, body { height: 100%; }
body { -webkit-text-size-adjust: 100%; }

/* Cards, forms, tap targets */
.card { border-radius: 14px; }
.btn, .btn-sm { min-height: 44px; }
form .form-control, form .form-select, form textarea { min-height: 44px; }

/* Lists used as menus */
.list-group .list-group-item { padding: .75rem 1rem; border-radius: 10px; }

/* Make media responsive */
img, video, canvas, svg { max-width: 100%; height: auto; }

/* Tables scroll on small screens */
.table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
table { width: 100%; }

/* Headings scale nicely */
h1 { font-size: clamp(1.4rem, 1rem + 1.2vw, 2rem); }
h2 { font-size: clamp(1.2rem, .9rem + .9vw, 1.6rem); }

/* Utility */
.stack-mobile > * { display: block; width: 100%; }

/* Space between sections */
.section { margin-block: 1rem; }

/* Sticky table header */
.table-sticky { max-height: 70vh; overflow: auto; }
.table-sticky thead th { position: sticky; top: 0; z-index: 1; }

/* u static/css/main.css */
.login-card input[type="text"],
.login-card input[type="password"],
.login-card input[type="email"] {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  border: 1px solid #ced4da;
  border-radius: .375rem;
}

/* “Pseudo card” osjećaj tablice na jako uskim ekranima */
@media (max-width: 576px) {
  table.table td[data-label]::before {
    content: attr(data-label) ": ";
    display: inline-block;
    font-weight: 600;
    color: rgba(0,0,0,.65);
    margin-right: .25rem;
  }
}


/* === Force light UI + zelene kartice svugdje ============================ */
:root { color-scheme: light; } /* suzbije auto-dark varijante u mobilnim browserima */

:root, [data-bs-theme="light"] {
  --uc-green: #4f6d55;
}

/* Sve kartice (dashboard, liste, detalji, itd.) */
.card,
.notification-item,
.map-card {
  background-color: var(--uc-green) !important;
  color: #fff !important;
  border: 0;
  box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,.14);
}

/* Tekst unutar kartica */
.card h1, .card h2, .card h3, .card h4, .card h5, .card h6,
.card p, .card .text-muted, .card small, .card span, .card .badge {
  color: #fff !important;
}

/* Tablice na zelenoj pozadini */
.card .table > :not(caption) > * > * {
  background-color: transparent !important;
  color: #fff !important;
}
.card .table thead.table-light th {
  background-color: rgba(255,255,255,.12) !important;
  color: #fff !important;
}
.card .table-hover tbody tr:hover > * {
  background-color: rgba(255,255,255,.06) !important;
}

/* Gumbi koji stoje na zelenoj pozadini */
.btn-outline-secondary { color:#fff; border-color: rgba(255,255,255,.65); }
.btn-outline-secondary:hover { background: rgba(255,255,255,.15); }
.btn-dark-brown { background:#2d2d2d; color:#fff; border:0; }
.btn-dark-brown:hover { filter: brightness(1.1); }

/* Thumbnaily – konzistentna veličina */
.workday-thumb {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 6px;
}

/* “Pseudo card” za vrlo uske ekrane ostaje isto */



body:not(.login-bg) .navbar {
  background-color: #4f6d55 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.18);
}
body:not(.login-bg) .navbar .navbar-brand,
body:not(.login-bg) .navbar .nav-link,
body:not(.login-bg) .navbar .navbar-text,
body:not(.login-bg) .navbar a {
  color: #fff !important;
}
body:not(.login-bg) .navbar .navbar-toggler {
  border-color: rgba(255,255,255,.5);
}
body:not(.login-bg) .navbar .navbar-toggler-icon {
  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.95)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}



body:not(.login-bg) .navbar .dropdown-menu { background-color:#4f6d55; }
body:not(.login-bg) .navbar .dropdown-item { color:#fff; }
body:not(.login-bg) .navbar .dropdown-item:hover { background: rgba(255,255,255,.1); }



/* === Sidebar u #4f6d55 ===================================== */
.sidebar {
  border-right: 1px solid rgba(0,0,0,0.1);
  background-color: #4f6d55 !important;
}

.sidebar .list-group-item {
  background-color: #4f6d55 !important;
  color: #fff !important;
  border: 0;
  border-radius: 12px;
  margin-bottom: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,.12);
}

/* linkovi unutra – uvijek bijeli */
.sidebar .list-group-item a,
.sidebar .list-group-item a:visited,
.sidebar .list-group-item a:hover,
.sidebar .list-group-item a:active {
  color: #fff !important;
  text-decoration: none;
  display: block;
}

/* hover / fokus */
.sidebar .list-group-item:hover,
.sidebar .list-group-item:focus-within {
  background-color: #465f4c !important; /* nijansa tamnije */
}

/* “Administracija” tekst (ako je običan item bez linka) */
.sidebar .list-group-item small,
.sidebar .list-group-item .text-muted {
  color: rgba(255,255,255,.8) !important;
}

/* Sidebar u #4f6d55 */
.sidebar .list-group-item {
  background-color: #4f6d55 !important;
  color: #fff !important;
  border: 0;
  border-radius: 12px;
  margin-bottom: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,.12);
}
.sidebar .list-group-item-action:hover,
.sidebar .list-group-item-action:focus {
  background-color: #465f4c !important;
  color: #fff !important;
}
.sidebar .list-group-item a {
  color: #fff !important;
  text-decoration: none;
  display: block;
}
/* separator “— Administracija —” */
.sidebar .list-group-item.text-muted,
.sidebar .list-group-item.small {
  color: rgba(255,255,255,.85) !important;
  background-color: #4f6d55 !important;
}

/* Mobile offcanvas sidebar background */
.offcanvas.sidebar {
  --bs-offcanvas-bg: #4f6d55;   /* bootstrap varijabla koja stvarno boja offcanvas */
  background-color: #4f6d55 !important;
  color: rgba(255,255,255,.92) !important;
}

.offcanvas.sidebar .offcanvas-header,
.offcanvas.sidebar .offcanvas-body {
  background-color: #4f6d55 !important;
} /* <-- OVO ti fali */

/* naslov u headeru */
.offcanvas.sidebar .offcanvas-title {
  color: #fff !important;
}

/* X gumb (btn-close) da bude bijel na zelenom */
.offcanvas.sidebar .btn-close {
  filter: invert(1) grayscale(100%);
  opacity: .9;
}


#appSidebar {
  --bs-offcanvas-bg: #4f6d55;
  background-color: #4f6d55 !important;
  color: #fff !important;
}

#appSidebar .offcanvas-header,
#appSidebar .offcanvas-body {
  background-color: #4f6d55 !important;
  color: #fff !important;
}

/* “X” da bude vidljiv na zelenoj */
#appSidebar .btn-close {
  filter: invert(1) grayscale(100%);
  opacity: .9;
}

/* Mobile sidebar: ista pozadinska slika kao dashboard */
#appSidebar {
  --bs-offcanvas-bg: transparent; /* da bootstrap ne boja bijelo */
  background: url("../img/bg_image.jpg") no-repeat center center fixed !important;
  background-size: cover !important;
  color: #fff !important;
}

#appSidebar .offcanvas-header,
#appSidebar .offcanvas-body {
  background: transparent !important;
}

/* X gumb da bude vidljiv */
#appSidebar .btn-close {
  filter: invert(1) grayscale(100%);
  opacity: .9;
}


.app-pagination .page-link{
  background-color: var(--bs-btn-bg) !important;
  border-color: var(--bs-btn-border-color) !important;
  color: var(--bs-btn-color) !important;
}

/* privremeno “posudi” varijable od .btn-dark-brown */
.app-pagination{
  --bs-btn-bg: var(--dark-brown, #4b3621); /* fallback ako nemaš varijablu */
  --bs-btn-border-color: var(--dark-brown, #4b3621);
  --bs-btn-color: #fff;

  --bs-btn-hover-bg: rgba(0,0,0,.25);
  --bs-btn-hover-border-color: rgba(0,0,0,.25);
}

/* hover stanje */
.app-pagination .page-link:hover{
  background-color: var(--bs-btn-hover-bg) !important;
  border-color: var(--bs-btn-hover-border-color) !important;
  color: var(--bs-btn-color) !important;
}

/* disabled stanje */
.app-pagination .page-item.disabled .page-link{
  opacity: .6;
}

h3.page-title { color: #fff !important; }

.card .text-muted,
.card .text-body-secondary,
.card .text-secondary,
.card small,
.card small.text-muted {
  color: #fff !important;
}

.card{
  --bs-body-color: #fff;
  --bs-heading-color: #fff;
  --bs-secondary-color: #fff;
  --bs-secondary-color-rgb: 255,255,255;
}

/* extra hard override for muted utilities */
.card .text-muted,
.card .text-body-secondary,
.card .text-secondary,
.card small.text-muted{
  color: #fff !important;
  opacity: 1 !important;
}

.hint-white { color: #fff !important; }

/* Uvijek isti JPG background na oba moda */
html, body.dashboard-bg {
  background: url("../img/bg_image.jpg") no-repeat center center fixed !important;
  background-size: cover !important;
}

/* Bootstrap zna staviti background na body preko varijabli */
body.dashboard-bg {
  --bs-body-bg: transparent;
}

/* Ako ti container/main ima svoju pozadinu pa “prekrije” sliku */
body.dashboard-bg main.container {
  background: transparent !important;
}