/* ========================================================================== 
   OTROCI.ORG TRGOVINA - sodobni opisi izdelkov
   Aktivira se samo z ovojem .edu-product, zato stari opisi ostanejo nespremenjeni.
   ========================================================================== */

.edu-product,
#page .article2026-description-body .edu-product {
  --edu-brand:#3157d5;
  --edu-brand-dark:#2342aa;
  --edu-text:#172033;
  --edu-muted:#667085;
  --edu-line:#e5eaf2;
  --edu-bg:#f5f7fb;
  --edu-surface:#ffffff;
  --edu-green:#168a57;
  --edu-orange:#d87312;
  --edu-purple:#7a4bb7;
  --edu-rose:#b34a69;
  --edu-teal:#16828a;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 0 10px !important;
  color:var(--edu-text) !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-size:15px !important;
  line-height:1.62 !important;
  box-sizing:border-box !important;
}

.edu-product *,
#page .article2026-description-body .edu-product * {
  box-sizing:border-box !important;
}

.edu-product a,
#page .article2026-description-body .edu-product a {
  text-decoration:none !important;
}

.edu-product .edu-hero,
#page .article2026-description-body .edu-product .edu-hero {
  position:relative !important;
  overflow:hidden !important;
  margin:0 0 18px !important;
  padding:34px 32px !important;
  border:0 !important;
  border-radius:24px !important;
  background:linear-gradient(135deg,#2342aa 0%,#3157d5 58%,#5f7eea 100%) !important;
  box-shadow:0 18px 45px rgba(49,87,213,.20) !important;
  color:#fff !important;
}

.edu-product .edu-hero::after,
#page .article2026-description-body .edu-product .edu-hero::after {
  content:"" !important;
  position:absolute !important;
  width:260px !important;
  height:260px !important;
  right:-110px !important;
  top:-145px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.10) !important;
  pointer-events:none !important;
}

.edu-product .edu-badge,
#page .article2026-description-body .edu-product .edu-badge {
  display:inline-flex !important;
  align-items:center !important;
  margin:0 0 12px !important;
  padding:6px 11px !important;
  border:1px solid rgba(255,255,255,.30) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.13) !important;
  color:#fff !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

.edu-product .edu-hero h2,
#page .article2026-description-body .edu-product .edu-hero h2 {
  margin:0 0 10px !important;
  padding:0 !important;
  color:#fff !important;
  font-size:clamp(28px,5vw,42px) !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
}

.edu-product .edu-hero p,
#page .article2026-description-body .edu-product .edu-hero p {
  max-width:680px !important;
  margin:0 !important;
  color:rgba(255,255,255,.92) !important;
  font-size:16px !important;
  line-height:1.58 !important;
}

.edu-product .edu-stats,
#page .article2026-description-body .edu-product .edu-stats {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:19px 0 0 !important;
}

.edu-product .edu-stat,
#page .article2026-description-body .edu-product .edu-stat {
  display:inline-flex !important;
  align-items:center !important;
  min-height:34px !important;
  margin:0 !important;
  padding:7px 11px !important;
  border:1px solid rgba(255,255,255,.20) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.14) !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:1.3 !important;
  font-weight:800 !important;
}

.edu-product .edu-notice,
#page .article2026-description-body .edu-product .edu-notice {
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  margin:14px 0 !important;
  padding:17px 18px !important;
  border:1px solid #dbe4ff !important;
  border-radius:16px !important;
  background:#fff !important;
  color:#344054 !important;
}

.edu-product .edu-notice img,
#page .article2026-description-body .edu-product .edu-notice img {
  flex:0 0 auto !important;
  width:44px !important;
  height:34px !important;
  max-width:44px !important;
  object-fit:contain !important;
  border:0 !important;
  border-radius:0 !important;
}

.edu-product .edu-notice p,
#page .article2026-description-body .edu-product .edu-notice p {
  margin:0 !important;
  color:#344054 !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

.edu-product .edu-notice a,
#page .article2026-description-body .edu-product .edu-notice a {
  color:var(--edu-brand) !important;
  font-weight:800 !important;
}

.edu-product .edu-alert,
#page .article2026-description-body .edu-product .edu-alert {
  margin:14px 0 !important;
  padding:18px 20px !important;
  border:1px solid #ffd1cc !important;
  border-radius:16px !important;
  background:#fff1f0 !important;
  color:#7a271a !important;
  font-size:15px !important;
  line-height:1.62 !important;
  font-weight:700 !important;
}

.edu-product .edu-card,
#page .article2026-description-body .edu-product .edu-card {
  margin:14px 0 !important;
  padding:20px !important;
  border:1px solid var(--edu-line) !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 5px 18px rgba(31,42,68,.05) !important;
}

.edu-product .edu-card h3,
#page .article2026-description-body .edu-product .edu-card h3 {
  margin:0 0 10px !important;
  padding:0 !important;
  color:var(--edu-text) !important;
  font-size:21px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
}

.edu-product .edu-benefits,
#page .article2026-description-body .edu-product .edu-benefits {
  margin:8px 0 0 !important;
  padding:0 !important;
  list-style:none !important;
}

.edu-product .edu-benefits li,
#page .article2026-description-body .edu-product .edu-benefits li {
  position:relative !important;
  margin:9px 0 !important;
  padding:0 0 0 28px !important;
  color:#344054 !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

.edu-product .edu-benefits li::before,
#page .article2026-description-body .edu-product .edu-benefits li::before {
  content:"✓" !important;
  position:absolute !important;
  left:0 !important;
  top:1px !important;
  display:grid !important;
  place-items:center !important;
  width:20px !important;
  height:20px !important;
  border-radius:50% !important;
  background:#eaf8f1 !important;
  color:#168a57 !important;
  font-size:12px !important;
  font-weight:900 !important;
}

.edu-product .edu-subject,
#page .article2026-description-body .edu-product .edu-subject {
  margin:26px 0 !important;
}

.edu-product .edu-subject-head,
#page .article2026-description-body .edu-product .edu-subject-head {
  display:flex !important;
  align-items:center !important;
  gap:13px !important;
  margin:0 0 12px !important;
}

.edu-product .edu-subject-icon,
#page .article2026-description-body .edu-product .edu-subject-icon {
  flex:0 0 auto !important;
  display:grid !important;
  place-items:center !important;
  width:52px !important;
  height:52px !important;
  border-radius:16px !important;
  background:var(--edu-brand) !important;
  color:#fff !important;
  box-shadow:0 7px 18px rgba(31,42,68,.12) !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:900 !important;
  text-align:center !important;
}

.edu-product .edu-subject.is-slo .edu-subject-icon,
#page .article2026-description-body .edu-product .edu-subject.is-slo .edu-subject-icon { background:var(--edu-green) !important; }
.edu-product .edu-subject.is-spo .edu-subject-icon,
#page .article2026-description-body .edu-product .edu-subject.is-spo .edu-subject-icon { background:var(--edu-orange) !important; }
.edu-product .edu-subject.is-math .edu-subject-icon,
#page .article2026-description-body .edu-product .edu-subject.is-math .edu-subject-icon { background:var(--edu-brand) !important; }
.edu-product .edu-subject.is-purple .edu-subject-icon,
#page .article2026-description-body .edu-product .edu-subject.is-purple .edu-subject-icon { background:var(--edu-purple) !important; }
.edu-product .edu-subject.is-rose .edu-subject-icon,
#page .article2026-description-body .edu-product .edu-subject.is-rose .edu-subject-icon { background:var(--edu-rose) !important; }
.edu-product .edu-subject.is-teal .edu-subject-icon,
#page .article2026-description-body .edu-product .edu-subject.is-teal .edu-subject-icon { background:var(--edu-teal) !important; }

.edu-product .edu-eyebrow,
#page .article2026-description-body .edu-product .edu-eyebrow {
  margin:0 0 2px !important;
  color:var(--edu-muted) !important;
  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.edu-product .edu-subject-title,
#page .article2026-description-body .edu-product .edu-subject-title {
  margin:0 !important;
  padding:0 !important;
  color:var(--edu-text) !important;
  font-size:24px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
}

.edu-product .edu-count,
#page .article2026-description-body .edu-product .edu-count {
  display:inline-flex !important;
  align-items:center !important;
  margin:0 0 12px !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  background:#f4f6fa !important;
  color:#475467 !important;
  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:850 !important;
}

.edu-product .edu-topic-grid,
#page .article2026-description-body .edu-product .edu-topic-grid {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:7px 26px !important;
  margin:4px 0 14px !important;
}

.edu-product .edu-topic,
#page .article2026-description-body .edu-product .edu-topic {
  position:relative !important;
  margin:0 !important;
  padding:0 0 0 18px !important;
  color:#344054 !important;
  font-size:14px !important;
  line-height:1.5 !important;
}

.edu-product .edu-topic::before,
#page .article2026-description-body .edu-product .edu-topic::before {
  content:"•" !important;
  position:absolute !important;
  left:4px !important;
  top:0 !important;
  color:var(--edu-brand) !important;
  font-weight:900 !important;
}

.edu-product .edu-subject.is-slo .edu-topic::before,
#page .article2026-description-body .edu-product .edu-subject.is-slo .edu-topic::before { color:var(--edu-green) !important; }
.edu-product .edu-subject.is-spo .edu-topic::before,
#page .article2026-description-body .edu-product .edu-subject.is-spo .edu-topic::before { color:var(--edu-orange) !important; }

.edu-product .edu-preview,
#page .article2026-description-body .edu-product .edu-preview {
  display:block !important;
  margin:14px 0 0 !important;
  border:1px solid var(--edu-line) !important;
  border-radius:14px !important;
  overflow:hidden !important;
  background:#f8fafc !important;
}

.edu-product .edu-preview img,
#page .article2026-description-body .edu-product .edu-preview img {
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
}

.edu-product .edu-actions,
#page .article2026-description-body .edu-product .edu-actions {
  display:flex !important;
  justify-content:center !important;
  margin:15px 0 0 !important;
}

.edu-product .edu-btn,
#page .article2026-description-body .edu-product .edu-btn {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  padding:10px 17px !important;
  border-radius:11px !important;
  background:var(--edu-brand) !important;
  color:#fff !important;
  box-shadow:0 6px 15px rgba(49,87,213,.20) !important;
  font-size:14px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

.edu-product .edu-btn:hover,
#page .article2026-description-body .edu-product .edu-btn:hover {
  background:var(--edu-brand-dark) !important;
  color:#fff !important;
}

.edu-product .edu-section-title,
#page .article2026-description-body .edu-product .edu-section-title {
  margin:30px 0 10px !important;
  color:var(--edu-text) !important;
  font-size:22px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
}

.edu-product .edu-info,
#page .article2026-description-body .edu-product .edu-info {
  margin:12px 0 !important;
  padding:18px 20px !important;
  border:1px solid var(--edu-line) !important;
  border-radius:16px !important;
  background:#fff !important;
  color:#344054 !important;
  font-size:14px !important;
  line-height:1.62 !important;
}

.edu-product .edu-info h4,
#page .article2026-description-body .edu-product .edu-info h4 {
  margin:0 0 7px !important;
  padding:0 !important;
  color:var(--edu-text) !important;
  font-size:15px !important;
  line-height:1.3 !important;
  font-weight:900 !important;
}

.edu-product .edu-info p,
#page .article2026-description-body .edu-product .edu-info p {
  margin:0 0 9px !important;
  color:#344054 !important;
  font-size:14px !important;
  line-height:1.62 !important;
}

.edu-product .edu-info p:last-child,
#page .article2026-description-body .edu-product .edu-info p:last-child { margin-bottom:0 !important; }

.edu-product .edu-info a,
#page .article2026-description-body .edu-product .edu-info a {
  color:var(--edu-brand) !important;
  font-weight:800 !important;
}

.edu-product .edu-testimonial,
#page .article2026-description-body .edu-product .edu-testimonial {
  margin:11px 0 !important;
  padding:18px 20px !important;
  border:1px solid var(--edu-line) !important;
  border-radius:16px !important;
  background:#fff !important;
  color:#344054 !important;
  font-size:14px !important;
  line-height:1.62 !important;
}

.edu-product .edu-testimonial strong,
#page .article2026-description-body .edu-product .edu-testimonial strong {
  color:var(--edu-text) !important;
  font-weight:900 !important;
}

/* Dolgi opis naj ne podeduje starinskih font/font-size atributov. */
#page .article2026-description-body .edu-product font,
#page .article2026-description-body .edu-product span {
  font-family:inherit !important;
}

@media (max-width:760px) {
  .edu-product .edu-hero,
  #page .article2026-description-body .edu-product .edu-hero {
    padding:28px 21px !important;
    border-radius:20px !important;
  }

  .edu-product .edu-topic-grid,
  #page .article2026-description-body .edu-product .edu-topic-grid {
    grid-template-columns:1fr !important;
  }

  .edu-product .edu-notice,
  #page .article2026-description-body .edu-product .edu-notice {
    align-items:flex-start !important;
  }

  .edu-product .edu-subject-title,
  #page .article2026-description-body .edu-product .edu-subject-title {
    font-size:21px !important;
  }
}

/* Novi opis odstrani staro belo kartico okoli celotnega dolgega opisa. */
#page .article2026-main > table.article2026-description-table,
.article2026-main > table.article2026-description-table {
  width:100% !important;
  max-width:100% !important;
  margin:0 0 20px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

#page .article2026-main > table.article2026-description-table td.article2026-description-cell,
.article2026-main > table.article2026-description-table td.article2026-description-cell {
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}

#page .article2026-description-body,
.article2026-description-body {
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

/* ========================================================================== 
   POPRAVEK 2026-08-31/2: hero naslov + varni notranji odmiki naslovov
   ========================================================================== */

/* Theme2026 ima stare splošne !important selektorje za H2 v dolgem opisu.
   Ta selector je namenoma bolj specifičen, da naslov v modri hero kartici ostane bel. */
html body #page .article2026-main .edu-product .edu-hero h2,
html body #page .article2026-description-body .edu-product .edu-hero h2,
html body .article2026-main .edu-product .edu-hero h2 {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

/* Naslovi predmetov in večjih sklopov naj ne sedijo na samem robu vsebine. */
html body #page .article2026-main .edu-product .edu-subject-head,
html body #page .article2026-main .edu-product .edu-section-title,
html body .article2026-main .edu-product .edu-subject-head,
html body .article2026-main .edu-product .edu-section-title {
  margin-left:16px !important;
  margin-right:16px !important;
}

/* Kadar je section title h3, naj se dodatni odmik ne izgubi zaradi splošnih h3 pravil. */
html body #page .article2026-main .edu-product h3.edu-section-title,
html body .article2026-main .edu-product h3.edu-section-title {
  margin-top:30px !important;
  margin-bottom:10px !important;
  margin-left:16px !important;
  margin-right:16px !important;
  padding:0 !important;
}

@media (max-width:760px) {
  html body #page .article2026-main .edu-product .edu-subject-head,
  html body #page .article2026-main .edu-product .edu-section-title,
  html body .article2026-main .edu-product .edu-subject-head,
  html body .article2026-main .edu-product .edu-section-title,
  html body #page .article2026-main .edu-product h3.edu-section-title,
  html body .article2026-main .edu-product h3.edu-section-title {
    margin-left:10px !important;
    margin-right:10px !important;
  }
}