/* ===== GORAMONJ WEBSHOP - FRONTEND TEMA (zeleno-crna, moderna) ===== */
:root {
  --zelena: #1e7d32;
  --zelena-tamna: #14532a;
  --zelena-svijetla: #43a047;
  --crna: #0e0e0e;
  --tamna: #1a1a1a;
  --siva: #f4f4f4;
  --tekst: #222;
  --bijela: #fff;
}
* { box-sizing:border-box; }
body { margin:0; font-family:'Segoe UI', Arial, sans-serif; color:var(--tekst); background:var(--bijela); }
a { text-decoration:none; color:inherit; }
.container { max-width:1200px; margin:0 auto; padding:0 20px; }
img { max-width:100%; display:block; }

/* Header */
.topbar { background:var(--crna); color:#ccc; font-size:13px; }
.topbar-inner { display:flex; justify-content:space-between; padding:8px 20px; }
.site-header { background:var(--bijela); box-shadow:0 2px 10px rgba(0,0,0,.08); position:sticky; top:0; z-index:100; }
.navbar { display:flex; align-items:center; justify-content:space-between; padding:16px 20px; gap:20px; }
.logo { font-size:24px; font-weight:bold; color:var(--zelena); }

.mega-nav > ul { display:flex; list-style:none; gap:26px; margin:0; padding:0; }
.mega-nav > ul > li { position:relative; }
.mega-nav > ul > li > a { font-weight:600; padding:10px 0; display:block; color:var(--crna); }
.mega-nav > ul > li > a:hover { color:var(--zelena); }

.ima-mega:hover .mega-panel { display:block; }
.mega-panel { display:none; position:absolute; left:50%; transform:translateX(-50%); top:100%; background:var(--bijela); box-shadow:0 10px 30px rgba(0,0,0,.15); border-top:3px solid var(--zelena); border-radius:0 0 10px 10px; padding:24px; min-width:700px; z-index:200; }
.mega-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:24px; }
.mega-kolona ul { list-style:none; padding:0; margin:8px 0 0; }
.mega-kolona ul li a { display:block; padding:4px 0; color:#444; font-size:14px; }
.mega-kolona ul li a:hover { color:var(--zelena); }
.mega-kat-naslov { display:flex; flex-direction:column; gap:8px; font-weight:bold; color:var(--crna); }
.mega-kat-naslov img { width:100%; height:80px; object-fit:cover; border-radius:8px; }

.nav-akcije { display:flex; gap:10px; align-items:center; }
.btn-nav { background:var(--siva); padding:8px 14px; border-radius:8px; font-size:14px; white-space:nowrap; }
.btn-korpa { background:var(--zelena); color:#fff; position:relative; }
.korpa-broj { background:var(--crna); color:#fff; border-radius:50%; padding:1px 7px; font-size:11px; margin-left:4px; }
.mobilni-meni-btn { display:none; background:none; border:0; font-size:24px; }

/* Hero */
.hero { background:linear-gradient(135deg, var(--zelena-tamna), var(--crna)); color:#fff; padding:80px 0; text-align:center; }
.hero h1 { font-size:36px; margin-bottom:10px; }
.hero p { font-size:16px; opacity:.9; margin-bottom:26px; }
.btn-veliki-zeleni { background:var(--zelena); color:#fff; padding:14px 30px; border-radius:8px; font-weight:bold; display:inline-block; border:0; cursor:pointer; font-size:16px; }
.btn-veliki-zeleni:hover { background:var(--zelena-svijetla); }
.btn-full { width:100%; text-align:center; }

/* Sections */
.sekcija { padding:50px 0; }
.naslov-sekcije { font-size:26px; margin-bottom:24px; border-left:5px solid var(--zelena); padding-left:14px; }

.kategorije-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(160px,1fr)); gap:16px; }
.kategorija-kartica { background:var(--siva); border-radius:12px; overflow:hidden; text-align:center; transition:.2s; }
.kategorija-kartica:hover { transform:translateY(-4px); box-shadow:0 8px 20px rgba(0,0,0,.1); }
.kategorija-kartica img { height:110px; width:100%; object-fit:cover; }
.kategorija-kartica span { display:block; padding:10px; font-weight:600; }

.proizvodi-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(220px,1fr)); gap:20px; }
.proizvod-kartica { background:var(--bijela); border:1px solid #eee; border-radius:12px; overflow:hidden; transition:.2s; }
.proizvod-kartica:hover { box-shadow:0 10px 25px rgba(0,0,0,.1); transform:translateY(-3px); }
.proizvod-slika-wrap { position:relative; background:var(--siva); aspect-ratio:1/1; }
.proizvod-slika-wrap img { width:100%; height:100%; object-fit:cover; }
.oznaka-sniz { position:absolute; top:10px; left:10px; background:var(--crna); color:#fff; font-size:11px; padding:4px 8px; border-radius:6px; }
.proizvod-info { padding:14px; }
.proizvod-info h4 { margin:0 0 8px; font-size:15px; }
.cijena-wrap { display:flex; gap:8px; align-items:center; }
.stara-cijena { text-decoration:line-through; color:#999; font-size:13px; }
.trenutna-cijena { color:var(--zelena); font-weight:bold; font-size:17px; }
.cijena-velika .trenutna-cijena { font-size:26px; }

/* Product detail */
.proizvod-detalj { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
@media (max-width:900px) { .proizvod-detalj { grid-template-columns:1fr; } .mega-panel { min-width:90vw; left:0; transform:none; } .mega-grid { grid-template-columns:repeat(2,1fr); } .mobilni-meni-btn { display:block; } .mega-nav { display:none; width:100%; } .mega-nav.otvoren { display:block; } .mega-nav > ul { flex-direction:column; } }
.glavna-slika { background:var(--siva); border-radius:12px; overflow:hidden; aspect-ratio:1/1; }
.glavna-slika img { width:100%; height:100%; object-fit:cover; }
.minijature { display:flex; gap:8px; margin-top:10px; }
.minijature img { width:70px; height:70px; object-fit:cover; border-radius:8px; cursor:pointer; border:2px solid transparent; }
.minijature img:hover { border-color:var(--zelena); }
.kratki-opis { color:#555; }
.input-kolicina { width:80px; padding:8px; border-radius:6px; border:1px solid #ccc; }
#forma-dodaj-korpu label { display:block; margin:14px 0 6px; font-weight:600; }
#forma-dodaj-korpu select { padding:10px; border-radius:6px; border:1px solid #ccc; width:100%; margin-bottom:10px; }

.dostava-info-box { background:var(--siva); border-radius:10px; padding:18px; margin:24px 0; border-left:4px solid var(--zelena); }
.btn-outline { background:transparent; border:2px solid var(--zelena); color:var(--zelena); padding:9px 18px; border-radius:8px; font-weight:600; cursor:pointer; }
.rezultat-dostave { margin-top:12px; font-size:14px; }
.dostava-nemoguce { color:#c62828; font-weight:bold; }
.proizvod-opis-detaljan { margin-top:30px; }

/* Cart / Checkout */
.korpa-tabela { width:100%; border-collapse:collapse; margin:20px 0; }
.korpa-tabela th, .korpa-tabela td { padding:12px; border-bottom:1px solid #eee; text-align:left; }
.obrisi-link { color:#c62828; }
.korpa-akcije { margin:14px 0; }
.korpa-ukupno-box { background:var(--siva); border-radius:12px; padding:24px; text-align:right; }
.checkout-grid { display:grid; grid-template-columns:1.3fr 1fr; gap:30px; align-items:start; }
@media (max-width:900px) { .checkout-grid { grid-template-columns:1fr; } }
.checkout-forma label { display:block; margin:14px 0 6px; font-weight:600; }
.checkout-forma input, .checkout-forma textarea, .checkout-forma select { width:100%; padding:11px; border-radius:8px; border:1px solid #ccc; }
.placanje-info { background:#fff3cd; padding:12px; border-radius:8px; margin:16px 0; font-weight:600; }
.checkout-summary { background:var(--siva); border-radius:12px; padding:24px; position:sticky; top:100px; }
.summary-red { display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px solid #e0e0e0; }
.summary-ukupno { font-weight:bold; font-size:18px; color:var(--zelena); border-bottom:0; }

.alert-front { padding:14px 18px; border-radius:8px; margin-bottom:16px; }
.alert-front-error { background:#fdecea; color:#c62828; border:1px solid #f5c6cb; }

.status-badge { padding:4px 10px; border-radius:20px; font-size:12px; background:#eee; }
.status-nova { background:#fff3cd; }
.status-dostavljena { background:#d4edda; color:#1e7d32; }
.status-otkazana { background:#f8d7da; color:#c62828; }

.lista-alatna-traka { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.lista-alatna-traka select { padding:8px; border-radius:6px; border:1px solid #ccc; }

/* Blog */
.blog-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(280px,1fr)); gap:24px; }
.blog-kartica { background:var(--bijela); border:1px solid #eee; border-radius:12px; overflow:hidden; transition:.2s; }
.blog-kartica:hover { box-shadow:0 10px 25px rgba(0,0,0,.1); }
.blog-kartica img { height:180px; object-fit:cover; }
.blog-kartica-info { padding:16px; }
.blog-naslovna { border-radius:12px; margin:20px 0; max-height:400px; object-fit:cover; width:100%; }
.blog-sadrzaj { line-height:1.7; }

/* Footer */
.site-footer { background:var(--crna); color:#ccc; margin-top:50px; }
.footer-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; padding:50px 20px; }
@media (max-width:700px) { .footer-grid { grid-template-columns:1fr; } }
.footer-grid h3, .footer-grid h4 { color:#fff; }
.footer-grid ul { list-style:none; padding:0; }
.footer-grid ul li { margin-bottom:8px; }
.footer-grid ul li a:hover { color:var(--zelena-svijetla); }
.footer-dno { border-top:1px solid #333; padding:16px 20px; text-align:center; font-size:13px; }

.mala-napomena { color:#888; font-size:13px; }