/* GLOBAL */
body {
  background-color: #FFF8E1;
  color: #2B2B2B;
}

/* LINKOVI – uklanjamo plavu IT boju */
a {
  color: #1C1C1C;
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
  background-color: transparent;
  color: #F2B705;
  font-size: inherit;
}

/* NAVBAR */
.navbar {
  background-color: #1C1C1C !important;
}

.navbar .nav-link {
  color: #FFF8E1 !important;
  font-weight: 500;
}

.navbar .nav-link:hover {
  color: #F2B705 !important;
}

/* SEARCH */
.form-control {
  border-radius: 6px;
}

.btn-outline-success {
  border-color: #F2B705;
  color: #F2B705;
}

.btn-outline-success:hover {
  background-color: #F2B705;
  color: #1C1C1C;
}

/* NASLOV AKCIJE */
h4 {
  background-color: #1C1C1C !important;
  color: #F2B705;
  padding: 10px;
  text-align: center;
  letter-spacing: 2px;
}

/* CARD */
.card {
  border: none;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  transition: transform 0.3s;
}

.card:hover {
  transform: translateY(-5px);
}

.card-title {
  color: #1C1C1C;
  font-weight: 600;
}

/* OPIS */
.card-text {
  max-height: 100px;
  overflow: hidden;
  transition: max-height 0.3s ease;
  font-size: 14px;
}

.card-text.expanded {
  max-height: none;
}

/* PRIKAŽI VIŠE */
.show-more-btn {
  cursor: pointer;
  color: #F2B705;
  font-weight: 500;
}

.show-more-btn:hover {
  text-decoration: underline;
}

/* CIJENA */
.text-danger {
  color: #A4161A !important;
  font-weight: bold;
}

/* DODAJ U KOŠARICU */
.dodaj-proizvod {
  background-color: #F2B705;
  border: none;
  color: #1C1C1C;
  padding: 10px 18px;
  border-radius: 6px;
  font-weight: 600;
  transition: 0.3s;
}

.dodaj-proizvod:hover {
  background-color: #E0A800;
  font-size: inherit;
}

/* KOŠARICA */
#kosarica {
  border: 2px solid #F2B705;
  padding: 10px;
  width: 300px;
  background-color: #FFF;
}

/* LISTA PROIZVODA */
#proizvodi {
  list-style: none;
  padding: 0;
}

#proizvodi li {
  border-bottom: 1px solid #eee;
  padding: 5px 0;
}

/* FOOTER */
footer {
  background-color: #1C1C1C;
  color: #FFF8E1;
}

footer h5 {
  color: #F2B705;
}

footer a {
  color: #FFF8E1;
}

footer a:hover {
  color: #F2B705;
}
/* ====== BANER ====== */
.container img[alt="Baner"] {
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.25);
  position: relative;
}

/* TAMNI OVERLAY PREKO BANERA */
.container img[alt="Baner"] {
  filter: brightness(0.85);
}

/* ====== AKCIJA BADGE ====== */
.card {
  position: relative;
  overflow: hidden;
}

/* žuti AKCIJA kut */
.card::before {
  content: "AKCIJA";
  position: absolute;
  top: 15px;
  left: -40px;
  background-color: #F2B705;
  color: #1C1C1C;
  padding: 6px 50px;
  font-weight: bold;
  font-size: 14px;
  transform: rotate(-45deg);
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  z-index: 10;
}

/* ====== SLIKE PROIZVODA ====== */
.card img {
  object-fit: contain;
  transition: transform 0.3s ease;
}

.card:hover img {
  transform: scale(1.05);
}

/* ====== CARD BODY FINIŠ ====== */
.card-body {
  background-color: #FFFFFF;
  border-radius: 0 0 12px 12px;
}

/* ====== CIJENA – AKCIJSKI LOOK ====== */
.text-danger {
  background-color: #FFF3CD;
  padding: 5px 10px;
  border-radius: 6px;
  display: inline-block;
}

/* ====== DODAJ U KOŠARICU – JAČI CTA ====== */
.dodaj-proizvod {
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.dodaj-proizvod:active {
  transform: scale(0.97);
}
/* ====== POPUST BADGE (-20% / -30%) ====== */
.card::after {
  content: "-30%";
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: #A4161A;
  color: #FFF8E1;
  padding: 6px 12px;
  font-weight: bold;
  font-size: 14px;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  z-index: 11;
}

/* Ako želiš -20%, samo promijeni content u "-20%" */

/* ====== CIJENA + GUMB U ISTOJ LINIJI ====== */
.card-body {
  display: flex;
  flex-direction: column;
}

/* wrapper za cijenu + gumb */
.card-body > .card-text.text-end,
.card-body > .proizvodi {
  width: 100%;
}

/* FLEX RED */
.card-body > .card-text.text-end {
  order: 2;
  margin-bottom: 0;
}

.card-body > .proizvodi {
  order: 2;
}

/* SPOJI IH U JEDAN RED */
.card-body > .card-text.text-end,
.card-body > .proizvodi {
  display: inline-flex;
  align-items: center;
}

/* GLAVNI RED */
.card-body > .card-text.text-end {
  justify-content: space-between;
}

/* CIJENA */
.card-text small {
  background-color: #FFF3CD;
  padding: 6px 10px;
  border-radius: 6px;
  font-weight: bold;
}

/* GUMB */
.dodaj-proizvod {
  margin-left: auto;
  white-space: nowrap;
}
/* ====== UKLONI SVE PLAVE BOJE ====== */

/* Bootstrap primary → JM² žuta */
.bg-primary,
.bg-info,
.btn-primary,
.btn-outline-primary {
  background-color: #F2B705 !important;
  border-color: #F2B705 !important;
  color: #1C1C1C !important;
}

/* Hover stanja */
.btn-primary:hover,
.btn-outline-primary:hover {
  background-color: #E0A800 !important;
  border-color: #E0A800 !important;
  color: #1C1C1C !important;
}

/* Linkovi – nema plave */
a,
.nav-link,
.navbar a {
  color: #FFF8E1 !important;
}

a:hover,
.nav-link:hover {
  color: #F2B705 !important;
}

/* ====== SEARCH GUMB (makni zeleno) ====== */
.btn-outline-success {
  border-color: #F2B705 !important;
  color: #F2B705 !important;
}

.btn-outline-success:hover {
  background-color: #F2B705 !important;
  color: #1C1C1C !important;
}

/* ====== FOOTER ====== */
footer {
  background-color: #1C1C1C;
}

/* SVI TEKSTOVI U FOOTERU SVIJETLI */
footer,
footer p,
footer h5,
footer a,
footer li,
footer .text-body-secondary {
  color: #FFF8E1 !important;
  text-align: center;  
}

/* Hover u footeru */
footer a:hover {
  color: #F2B705 !important;
}

/* Ikone u footeru (gumbi) */
footer .btn {
  background-color: #F2B705;
  border: none;
}

footer .btn:hover {
  background-color: #E0A800;
}

/* ====== NASLOV AKCIJE ====== */
h4 {
  background-color: #1C1C1C !important;
  color: #F2B705 !important;
}
/* ====== NAVBAR COLLAPSE LINKS HOVER ====== */
.navbar .collapse .nav-link {
  transition: 0.3s;
  color: #FFF8E1 !important; /* osnovna boja linkova */
}

/* Hover – vidljivo na tamnoj pozadini */
.navbar .collapse .nav-link:hover {
  background-color: #F2B705; /* žuta hover pozadina */
  color: #1C1C1C !important; /* kontrast tekst */
  border-radius: 6px;
  padding-left: 8px;
  padding-right: 8px;
}

/* ====== SEARCH BUTTON ====== */
.btn-outline-success {
  border-color: #F2B705 !important;
  color: #F2B705 !important;
  font-weight: 600;
  transition: 0.3s;
}

.btn-outline-success:hover {
  background-color: #F2B705 !important;
  color: #1C1C1C !important;
}
/* ====== SEARCH BUTTON U NAVBARU ====== */
.navbar .btn-outline-success {
  border-color: whitesmoke !important; /* žuti rub */
  color: white !important;        /* tekst žut – kontrastan tamnoj pozadini */
  font-weight: 600;
  transition: 0.3s;
}

/* Hover stanje */
.navbar .btn-outline-success:hover {
  background-color: #F2B705 !important; /* žuta pozadina */
  color: #1C1C1C !important;           /* crni tekst za kontrast */
}
/* ====== POMAKNI "Dodaj u košaricu" OD DESNOG RUBA ====== */
.card-body > .proizvodi {
  display: flex;
  justify-content: flex-end;  /* gumb ide desno */
}

.dodaj-proizvod {
  margin-right: 10%;          /* 20% od desnog ruba kartice */
}