/* =========================
   GOFITNESS POS THEME (LIGHT)
   ========================= */

/* ---- Paleta / var ---- */
:root{
  --brand:      #26C6DA;  /* navbar tirkizna */
  --brand-dark: #14B2C2;  /* hover */
  --blue:       #3498db;  /* kategorije */
  --blue-dark:  #2980b9;  /* active kategorija */
  --teal:       #48c0b5;  /* tirkiz dugmad (količina/akcije) */
  --salmon:     #f39c7a;  /* glavno dugme PLATI / DODAJ */
  --bg:         #f6f7fb;  /* pozadina */
  --surface:    #ffffff;  /* kartice */
  --text:       #243043;  /* osnovni tekst */
  --muted:      #6B7A90;  /* sekundarni tekst */
  --radius:     10px;
  --shadow:     0 2px 6px rgba(0,0,0,.05);
}

/* ---- Baza ---- */
html,body{height:100%}
body{
  background: var(--bg);
  color: var(--text);
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial;
  letter-spacing: .2px;
}

/* ---- Navbar (tirkiz) ---- */
.navbar{
  background: var(--brand) !important;
  box-shadow: 0 8px 20px rgba(26,54,93,.08);
}
.navbar .navbar-brand{
  color:#fff !important; font-weight:700; letter-spacing:.3px;
}
.navbar .nav-link{
  color:#e8f7fa !important; border-radius:10px; margin-right:.25rem;
}
.navbar .nav-link:hover,
.navbar .nav-link.active{
  background: rgba(255,255,255,.16);
  color:#fff !important;
}
.navbar .navbar-text, .navbar .btn{ color:#fff }

/* ---- Kartice / paneli ---- */
.card{
  background: var(--surface);
  border: 1px solid #e9eef5;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.card-title{ font-weight:700; }

/* ---- Forme ---- */
.form-control, .form-select{
  background:#fff; color:var(--text);
  border:1px solid #dfe7f0; border-radius: var(--radius);
}
.form-control::placeholder{ color:#9aa7b7 }
.form-label{ color:var(--muted); font-weight:600 }

/* ---- Dugmad (global) ---- */
.btn{ border-radius: var(--radius); font-weight:600 }
.btn-primary{ background: #44b6ae; border-color: #44b6ae }
.btn-primary:hover{ background: #36918b; border-color: #36918b }
.btn-outline-secondary{ color:var(--muted); border-color:#dfe7f0 }
.btn-outline-secondary:hover{ color:#1b2838; background:#f3f6fb; border-color:#cfd9e6 }
.btn-outline-danger{ border-color:#ffd5d9; color:#c0392b }
.btn-outline-danger:hover{ background:#ffd5d9 }

/* ---- POS specifično ---- */

/* Kategorije – plavi blokovi */
.nav-pills .nav-link{
  background: var(--blue);
  color:#fff !important;
  font-weight:700;
  border-radius:6px;
  margin:4px;
  text-transform:uppercase;
}
.nav-pills .nav-link.active{ background: var(--blue-dark) }

/* Dugmad količine / akcije (tirkizno) */
.btn-qty{
  background: #26a69a;
  color:#fff; font-weight:700;
  border:none; border-radius:6px;
  width:100%; padding:10px 12px; margin-bottom:6px;
}
.btn-qty:hover{  }

/* Glavno dugme (PLATI / DODAJ) – losos */
.btn-main{
  background: #f2784b ; color:#fff;
  border:none; border-radius:6px;
  font-weight:800; text-transform:uppercase;
  width:100%; padding:12px;
}
.btn-main:hover{ filter: brightness(.96) }

/* Item kartice */
.item-card .fw-bold{ font-weight:700 }
.item-card .small{ color: var(--muted) }

/* Tables */
.table{
  color: var(--text);
  background:#fff;
  border-collapse: separate; border-spacing:0;
}
.table thead th{
  background:#f6f9fc; color:#57708f;
  font-weight:700; border-bottom:2px solid #e0e6ed;
  padding:10px 12px;
}
.table tbody td{ border-top:1px solid #eef2f7; padding:9px 12px }
.table tbody tr{ border-color:#eef3f8 }
.table tbody tr:hover{ background:#f9fbfe }
.table tbody tr:nth-child(even){ background:#fafbfc }
.table-sm th, .table-sm td{ padding:6px 10px }

/* FAB (opciono + dugme) */
.fab{
  position: fixed; right:18px; bottom:18px;
  width:54px; height:54px; border-radius:50%;
  background:#FF6F7D; color:#fff; text-decoration:none;
  display:flex; align-items:center; justify-content:center;
  font-size:26px; font-weight:700;
  box-shadow: 0 12px 24px rgba(255,111,125,.35);
}
.fab:hover{ filter: brightness(1.05); color:#fff }

/* Spacing dna */
main.container{ padding-bottom:48px }


/* Dugmad + / − u POS (custom stil) */
.btn-outline-secondary[name="increase_item"],
.btn-outline-secondary[name="decrease_item"] {
  background-color: var(--brand);    /* tirkizna iz tvoje palete */
  color: #fff;
  border: none;
  transition: all 0.15s ease-in-out;
}

.btn-outline-secondary[name="increase_item"]:hover,
.btn-outline-secondary[name="decrease_item"]:hover {
  background-color: var(--brand-dark); /* malo tamnija */
  color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 
              0 1px 2px rgba(0, 0, 0, 0.18);
}

/* --- Globalno za glavna dugmad (PLATI, ISPRAZNI, DODAJ, itd.) --- */
.btn-main,
.btn-qty,
.btn-primary,
.btn-success {
  transition: all 0.15s ease-in-out;
}

.btn-main:hover,
.btn-qty:hover,
.btn-primary:hover,
.btn-success:hover {
  filter: brightness(0.95); /* blago potamni */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1),
              0 1px 2px rgba(0, 0, 0, 0.18);
}

/* === POS buttons final hover/focus overrides (place at END of file) === */

/* General smoothness */
.btn-main,
.btn-qty,
.btn-primary,
.btn-success,
.btn-outline-secondary[name="increase_item"],
.btn-outline-secondary[name="decrease_item"] {
  transition: background-color .15s ease, filter .15s ease, box-shadow .15s ease, transform .04s ease;
}

/* + / − dugmad (override outline ponašanje) */
.btn-outline-secondary[name="increase_item"],
.btn-outline-secondary[name="decrease_item"]{
  background-color: var(--brand) !important;   /* tirkizna */
  color: #fff !important;
  border: none !important;
}
.btn-outline-secondary[name="increase_item"]:hover,
.btn-outline-secondary[name="decrease_item"]:hover{
  background-color: var(--brand-dark) !important;
  color: #fff !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18) !important;
}

/* Glavno dugme (PLATI / DODAJ) */
.btn-main{
  background-color: #f2784b !important; /* baza */
  color:#fff !important;
  border:none !important;
}
.btn-main:hover{
  background-color: #e0693e !important; /* tamnije */
  box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18) !important;
  filter: none !important; /* nemoj dodatno potamnjivati preko filter-a */
}

/* Tirkizna dugmad (DODAJ, SAČUVAJ, ISPRAZNI ako su .btn-qty) */
.btn-qty{
  background-color:#26a69a !important; /* bazna tirkiz */
  color:#fff !important;
  border:none !important;
}
.btn-qty:hover{
  background-color:#1e8f86 !important; /* malo tamnije */
  box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18) !important;
  filter: none !important;
}

/* Ako negde ostane .btn-primary/.btn-success na POS-u, da dobiju isti “lift” */
.btn-primary:hover,
.btn-success:hover{
  box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18);
}

/* Focus stanja – bez bele ivice */
.btn:focus, .btn:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
}

/* Extra: spreči da Bootstrap “posvetli” outline dugmad na hover bilo gde */
.btn-outline-secondary:hover { background-color: #e2e8f0; }

.moj-desno {
	  display: flex;
	  justify-content: flex-end; /* Push content to the right */
	  align-items: center;   
	
}

.naslov-zaglavlje {
	background-color: #26a69a;
	border-bottom:0;
    padding: 0 10px;
    margin-bottom: 0px;
    color: #fff;
	border-bottom: 1px solid #eee;
    padding: 0;
    min-height: 45px;
	font-family: "Open Sans", sans-serif;
	font-size: 30px;
    direction: ltr;
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.radius-tabel {
	border-color:#26a69a;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
}

.radius-zaglavlje {
	border-color:#26a69a;
	border-top-left-radius:  var(--radius);
	border-top-right-radius:  var(--radius);
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}

.card-new {
	background: var(--surface);
    border: 1px solid #26a69a;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}

/* Odd rows */
.table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-accent-bg: #f9f9f9;   /* svetlosiva */
    border: 1px solid #ddd;
	  border-bottom:1px solid;

}

/* Even rows */
.table-striped>tbody>tr:nth-of-type(even)>* {
  --bs-table-accent-bg: #ffffff;   /* bela */
	      border: 1px solid #ddd;
		      border-bottom:1px solid;



}

/* Hover efekat */
.table-hover>tbody>tr:hover>* {
  --bs-table-accent-bg: #f5f5f5;   /* svetloplava kad hoveruješ */
}


.table {vertical-align:middle}

.brand { padding:16px 18px; font-weight:800; letter-spacing:.3px; }
.brand.text-white { color:#fff !important; }
.row {margin:0}

html,body{height:100%}
      body{min-height:100vh;display:flex;background:var(--bg,#f6f7fb)}

      .sidebar .brand{padding:16px 18px;font-weight:800;letter-spacing:.3px}
      .sidebar .nav-link{color:#eaf7fa;border-radius:10px;margin:2px 10px;font-weight:600}
      .sidebar .nav-link:hover,.sidebar .nav-link.active{background:rgba(255,255,255,.16);color:#fff}
      .main{flex:1;display:flex;flex-direction:column;min-width:0}
.sidebar{
  position: fixed;              /* zalepi levo */
  top: 0; left: 0; bottom: 0;   /* zauzima celu visinu ekrana */
  width:230px;
  background:#4d5b69;
  color:#fff;
  display:flex;
  flex-direction:column;
  box-shadow:0 8px 20px rgba(26,54,93,.08);
  z-index:1000;
}
.main{
  margin-left:230px;            /* guraj glavni deo udesno */
  flex:1;
  display:flex;
  flex-direction:column;
  min-width:0;
}
.topbar{
  position:sticky; top:0;       /* ostaje gore dok skroluješ */
  z-index:900;
  background:#F1F3FA;
  border-bottom:1px solid #dee2e6;
  padding:.5rem 1rem;
  display:flex;
  justify-content:flex-end;
  align-items:center;
}

      .topbar .user{margin-right:1rem;font-weight:600;color:#243043}
      main.container-fluid{padding:50px}
      @media (max-width: 991.98px){ .sidebar{width:200px} }
	  
	  
	  /* Tirkizna dugmad (DODAJ, SAČUVAJ, ISPRAZNI ako su .btn-qty) */
.btn-outline-dark{
  background-color:#26a69a !important; /* bazna tirkiz */
  color:#fff !important;
  border:none !important;
}
.btn-outline-dark:hover{
  background-color:#1e8f86 !important; /* malo tamnije */
  box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18) !important;
  filter: none !important;
}

.btn-outline-secondary{
  background-color:#26a69a !important; /* bazna tirkiz */
  color:#fff !important;
  border:none !important;
}
.btn-outline-secondary:hover{
  background-color:#1e8f86 !important; /* malo tamnije */
  box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18) !important;
  filter: none !important;
}

.text-bg-success {background:#e35b5a !important}