:root{
  --ug-blue:#0d6efd;
  --ug-gray:#e5e7eb;
  --ug-text:#111827;
  --ug-text-soft:#4b5563;
  --ug-bg:#ffffff;
  --ug-bg-soft:#f7f7f8;
  --ug-border:#e6e6e6;
  --ug-shadow:0 10px 30px rgba(0,0,0,.08);
}

*{box-sizing:border-box}
.container{max-width:1140px;margin:0 auto;padding:0 16px;}

/* Shared card primitives (bez radiusa) */
.card{
  border:1px solid var(--ug-border);
  background:var(--ug-bg);
  padding:1rem;
  border-radius:0;              /* <<< bez zaobljenja */
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.card:hover{
  transform:translateY(-4px);
  box-shadow:var(--ug-shadow);
  border-color:#d9d9d9;
}

/* -------------------------- */
/* Archive grid (proizvodi)   */
/* -------------------------- */

.archive-proizvodi .proizvodi-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:1.25rem;margin:1.5rem 0;
}
.proizvod-card{ /* koristi .card stil, ali dodatno za thumbnail zoom */
  border:1px solid var(--ug-border);
  padding:1rem;
  border-radius:0;
  background:var(--ug-bg);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.proizvod-card:hover{ transform:translateY(-4px); box-shadow:var(--ug-shadow); border-color:#d9d9d9; }

.proizvod-thumb{
  display:block; overflow:hidden; /* da bi se video zoom crop */
  border:1px solid var(--ug-border);
  margin-bottom:.75rem;
}
.proizvod-thumb img{
  display:block;width:100%;height:auto;object-fit:cover;
  transform:scale(1);
  transition:transform .4s ease;
}
.proizvod-card:hover .proizvod-thumb img{ transform:scale(1.05); }

.proizvod-card .entry-title{ margin:.25rem 0 .35rem; font-size:1.05rem; line-height:1.35; }
.proizvod-card .entry-title a{ color:var(--ug-text); text-decoration:none; border-bottom:1px solid transparent; }
.proizvod-card:hover .entry-title a{ border-bottom-color:var(--ug-text); }

.entry-summary{ color:var(--ug-text-soft); font-size:.95rem; }

.proizvod-meta{
  display:flex; flex-wrap:wrap; gap:.4rem .6rem; margin:.75rem 0 0;
}
.proizvod-meta dt, .proizvod-meta dd{ display:none; } /* sakrij list definicije, prikazujemo čipove ispod */
.proizvod-meta::before{
  content: attr(data-sku) "  " attr(data-price);
}

/* Ako želiš “čipove”, bez radiusa: */
.chip{
  display:inline-block; font-size:.85rem; color:var(--ug-text);
  background:var(--ug-bg-soft); border:1px solid var(--ug-border);
  padding:.25rem .5rem; border-radius:0;
}

/* -------------------------- */
/* Taxonomy widget (kartice)  */
/* -------------------------- */

.ugosecer-tax-grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:1.25rem; margin:1rem 0 1.5rem;
}

.ugosecer-tax-card{
  display:block; text-decoration:none; color:var(--ug-text);
  border:1px solid var(--ug-border); background:var(--ug-bg); border-radius:0;
  overflow:hidden; position:relative;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.ugosecer-tax-card:hover{ transform:translateY(-4px); box-shadow:var(--ug-shadow); border-color:#d9d9d9; }

.ugosecer-tax-card .tax-media{ position:relative; overflow:hidden; border-bottom:1px solid var(--ug-border); }
.ugosecer-tax-card .tax-thumb{
  display:block; width:100%; height:auto; object-fit:cover; aspect-ratio:16/9;
  transform:scale(1); transition:transform .5s ease;
}
.ugosecer-tax-card:hover .tax-thumb{ transform:scale(1.05); }

.tax-fallback-thumb{
  display:flex; align-items:center; justify-content:center; aspect-ratio:16/9;
  background:#f2f2f3; color:var(--ug-text); font-weight:700; font-size:2rem;
  border-bottom:1px solid var(--ug-border);
}

/* Count kao badge top-right preko slike */
.ugosecer-tax-card .tax-count-badge{
  position:absolute; top:10px; right:10px;
  background:rgba(255,255,255,.95);
  border:1px solid var(--ug-border);
  padding:.25rem .5rem; font-size:.85rem; color:var(--ug-text);
  border-radius:0;
}

.ugosecer-tax-card .tax-body{ padding:.9rem 1rem 1rem; }
.ugosecer-tax-card .tax-title{ margin:0 0 .35rem; font-size:1.1rem; line-height:1.35; }
.ugosecer-tax-card .tax-desc{ margin:0 0 .6rem; color:var(--ug-text-soft); font-size:.95rem; }

/* Fokus pristupačnost */
.ugosecer-tax-card:focus{ outline:2px dashed var(--ug-blue); outline-offset:2px; }

/* -------------------------- */
/* Single proizvod            */
/* -------------------------- */

.single-proizvod .proizvod-hero{
  display:grid; grid-template-columns:1.2fr 1fr; gap:2rem; align-items:start;
  margin:1rem 0 2rem;
}
@media (max-width:900px){ .single-proizvod .proizvod-hero{ grid-template-columns:1fr; } }

.single-proizvod .proizvod-images{
  border:1px solid var(--ug-border); padding:.5rem; background:#fff; border-radius:0;
}
.single-proizvod .proizvod-summary{
  position:sticky; top:2rem; align-self:start;
  border:1px solid var(--ug-border); background:#fff; padding:1rem; border-radius:0;
}

.single-proizvod .entry-title{ margin:0 0 .75rem; }
.single-proizvod .proizvod-meta{
  display:grid; grid-template-columns:auto 1fr; gap:.35rem 1rem; margin:.75rem 0 1rem;
}
.single-proizvod .cta-row{ display:flex; flex-wrap:wrap; gap:.6rem; margin:1rem 0 .5rem; }

.btn{
  display:inline-block; border:1px solid var(--ug-text); background:transparent;
  color:var(--ug-text); padding:.55rem .9rem; font-weight:600; text-decoration:none;
  border-radius:0; transition:background .18s ease,color .18s ease;
}
.btn:hover{ background:var(--ug-text); color:#fff; }

.btn-primary{
  border-color:var(--ug-blue); color:#fff; background:var(--ug-blue);
}
.btn-primary:hover{ background:#0954c6; border-color:#0954c6; }

.small-muted{ color:var(--ug-text-soft); font-size:.9rem; }


.proizvod-card:hover .entry-title a{
  color:#000;
  text-decoration:none;
  background:linear-gradient(#000,#000) left bottom/0 1px no-repeat;
  transition:background-size .3s ease;
}
.proizvod-card:hover .entry-title a{
  background-size:100% 1px; /* animirana podvučena linija */
}