/*
 * Količinski razredi — blok „Cijena po komadu” na stranici proizvoda.
 * Učitava se samo na proizvodu s razredima (`includes/kolicinski-razredi.php`),
 * pa ne dira nijednu drugu stranicu. Mjere i boje prate `.cr-prz-pers`
 * (ploča), `.cr-prz-pilula` (polje, odabrano) i `.cr-prz-poruka` (greška).
 */

/* Razred se ne bira — select ostaje u obrascu za WooCommerceov JS. */
body.cr-kr-proizvod .cr-kr-grupa,
body.cr-kr-proizvod .cr-kr-grupa[hidden] { display:none !important; }

/* Cijenu odabrane varijacije pokazuje blok, s količinom. */
body.cr-kr-proizvod .single_variation .woocommerce-variation-price { display:none !important; }

.cr-kr {
  display:flex !important;flex-direction:column !important;gap:14px !important;
  margin:4px 0 6px !important;padding:18px 20px !important;
  background:var(--e-global-color-cralt, #F3EEE4) !important;border-radius:6px !important;
}
.cr-kr-glava {
  display:flex !important;flex-direction:row !important;align-items:baseline !important;
  justify-content:space-between !important;gap:10px !important;
}
.cr-kr-h {
  font:400 14px/14px var(--e-global-typography-secondary-font-family), sans-serif !important;
  color:var(--e-global-color-primary, #2B2A26) !important;
}
.cr-kr-nap {
  font:300 13px/13px var(--e-global-typography-secondary-font-family), sans-serif !important;
  color:var(--e-global-color-crmeta, #726A5C) !important;
}

.cr-kr-razredi {
  display:grid !important;grid-template-columns:repeat(4, minmax(0, 1fr)) !important;gap:8px !important;
  margin:0 !important;padding:0 !important;list-style:none !important;
}
.cr-kr-razred {
  display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:7px !important;
  margin:0 !important;padding:11px 12px !important;box-sizing:border-box !important;
  background:#FFFCF7 !important;border:1px solid var(--e-global-color-crfield, #DED6C8) !important;border-radius:4px !important;
}
.cr-kr-razred::before { content:none !important;display:none !important; }
.cr-kr-raspon {
  font:300 12px/12px var(--e-global-typography-secondary-font-family), sans-serif !important;
  color:var(--e-global-color-crmeta, #726A5C) !important;white-space:nowrap !important;
}
.cr-kr-c,
.cr-kr-c .woocommerce-Price-amount {
  font:400 15px/15px var(--e-global-typography-secondary-font-family), sans-serif !important;
  color:var(--e-global-color-primary, #2B2A26) !important;white-space:nowrap !important;
}
.cr-kr-razred.cr-aktivan {
  background:var(--e-global-color-secondary, #4E5442) !important;
  border-color:var(--e-global-color-secondary, #4E5442) !important;
}
.cr-kr-razred.cr-aktivan .cr-kr-raspon,
.cr-kr-razred.cr-aktivan .cr-kr-c,
.cr-kr-razred.cr-aktivan .cr-kr-c .woocommerce-Price-amount {
  color:var(--e-global-color-crsurface, #FBF8F2) !important;
}

.cr-kr-iznos {
  display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;align-items:baseline !important;
  justify-content:space-between !important;gap:6px 16px !important;
  padding:14px 0 0 !important;border-top:1px solid #E7DFD1 !important;
}
.cr-kr-jed {
  font:400 24px/26px var(--e-global-typography-primary-font-family), Lora, Georgia, serif !important;
  color:var(--e-global-color-accent, #B0623F) !important;white-space:nowrap !important;
}
.cr-kr-ukupno {
  font:300 14px/19.6px var(--e-global-typography-secondary-font-family), sans-serif !important;
  color:var(--e-global-color-text, #3C3A34) !important;
}
.cr-kr--ispod .cr-kr-jed { opacity:.35 !important; }
.cr-kr--ispod .cr-kr-ukupno { color:#8A4A28 !important; }

.cr-kr-uputa {
  margin:0 !important;
  font:300 12px/16.8px var(--e-global-typography-secondary-font-family), sans-serif !important;
  color:var(--e-global-color-crmeta, #726A5C) !important;
}

/* Ispod najmanje količine gumbi ne šalju — i vidi se da ne šalju. */
.cr-prz-dodaj.cr-kr-blok,
.cr-prz-kupi.cr-kr-blok { opacity:.5 !important;cursor:not-allowed !important; }
.cr-kr-poruka { margin:8px 0 0 !important; }

@media (max-width: 480px) {
  .cr-kr { padding:16px !important; }
  .cr-kr-razredi { grid-template-columns:repeat(2, minmax(0, 1fr)) !important; }
  .cr-kr-jed { font-size:22px !important;line-height:24px !important; }
}