/* Scope len do kalkulačky – téma nám do toho nezasahuje */
#puncovy-kalkulator-v1, #puncovy-kalkulator-v1 * { box-sizing: border-box; font-family: inherit; }

#puncovy-kalkulator-v1 {
  --brand:#79112f;  /* text / panely */
  --btn:#33673b;    /* tlačidlá */
  --brand-5: rgba(121,17,47,0.05);
  --brand-10: rgba(121,17,47,0.10);
  --brand-15: rgba(121,17,47,0.15);
  color: #0f172a;
}

/* DEFAULT: boxed (1024px) */
#puncovy-kalkulator-v1 .container { max-width: 1024px; margin: 0 auto; padding: 32px 16px; }

#puncovy-kalkulator-v1 .card { background:#fff; border-radius: 24px; box-shadow: 0 10px 30px rgba(0,0,0,.08); border:1px solid var(--brand-10); overflow:hidden; }
#puncovy-kalkulator-v1 .hero { background: linear-gradient(90deg, var(--brand), var(--brand)); color:#fff; padding: 24px; }
#puncovy-kalkulator-v1 .hero h1 { margin:0; font-size: clamp(20px, 3vw, 28px); font-weight: 800; letter-spacing: .2px; }
#puncovy-kalkulator-v1 .hero p { margin:6px 0 0; opacity:.7; font-size: 13px; }

#puncovy-kalkulator-v1 .grid { display:grid; gap: 20px; padding: 24px; }
@media (min-width: 768px){ #puncovy-kalkulator-v1 .grid.col-2{ grid-template-columns: 1fr 1fr; } }

#puncovy-kalkulator-v1 .panel { background: var(--brand-5); border:2px solid var(--brand-15); border-radius:16px; padding:16px; }
#puncovy-kalkulator-v1 label { display:block; font-size: 15px; color: var(--brand); font-weight:700; margin: 0 0 8px; }
#puncovy-kalkulator-v1 .tip { font-size:12px; color: var(--brand); margin-top:6px; }

#puncovy-kalkulator-v1 input[type="number"], 
#puncovy-kalkulator-v1 select {
  width:100%; padding:10px 12px; border-radius:12px; border:1px solid rgba(15,23,42,.25);
  outline:none; font: inherit;
}
#puncovy-kalkulator-v1 input[type="number"]:focus,
#puncovy-kalkulator-v1 select:focus { border-color: var(--brand); box-shadow: 0 0 0 2px var(--brand-10); }

/* Chip tlačidlá (poháre + „Zobraziť možnosti zľavy“) */
#puncovy-kalkulator-v1 .chip {
  border:1px solid rgba(51,103,59,.4);
  background: rgba(51,103,59,.7);
  color:#fff; padding:8px 12px; border-radius:12px; cursor:pointer; display:inline-block;
  text-decoration:none; user-select:none;
}
#puncovy-kalkulator-v1 .chip:hover { filter:brightness(1.1); }
#puncovy-kalkulator-v1 .chip.active { background: var(--btn); border-color: var(--btn); }

/* Primárne tlačidlo */
#puncovy-kalkulator-v1 .btn {
  background: var(--btn); color:#fff; border:0; padding:12px 18px; border-radius:16px; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; gap:8px; text-decoration:none; font-weight:800;
  box-shadow: 0 6px 16px rgba(51,103,59,.25);
}
#puncovy-kalkulator-v1 .btn:hover { filter:brightness(1.1); }
#puncovy-kalkulator-v1 .btn:focus { outline: 2px solid #fff; box-shadow: 0 0 0 3px rgba(51,103,59,.35); }

#puncovy-kalkulator-v1 .secondary {
  background:#fff; color: var(--brand); border:1px solid var(--brand-30,#cbd5e1);
  padding:8px 12px; border-radius:12px; cursor:pointer;
}

#puncovy-kalkulator-v1 .stats { display:grid; gap:12px; }
@media (min-width: 768px){ #puncovy-kalkulator-v1 .stats.col-2{ grid-template-columns: 1fr 1fr; } .stats.col-3 { grid-template-columns: 1fr 1fr 1fr; } }

#puncovy-kalkulator-v1 .stat { border:2px solid var(--brand-15); border-radius:12px; padding:14px; background:#fff; }
#puncovy-kalkulator-v1 .stat .label { font-size:12px; color:#64748b; }
#puncovy-kalkulator-v1 .stat .value { margin-top:6px; font-size:22px; font-weight:800; }

#puncovy-kalkulator-v1 .stat.emph { background:#b6f0c9; border-color:#a7f3d0; }
#puncovy-kalkulator-v1 .stat.emph .value { color:#118b39; font-size:25px;}

#puncovy-kalkulator-v1 .note { font-size:12px; color:#64748b; margin-top:10px; line-height:1.5; }
#puncovy-kalkulator-v1 .success { border:1px solid #a7f3d0; background:#ecfdf5; color:#065f46; padding:12px; border-radius:12px; display:flex; justify-content:space-between; align-items:center; gap:10px; }

#puncovy-kalkulator-v1 .heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
#puncovy-kalkulator-v1 .big { font-size:40px; font-weight:900; color: var(--brand); }
#puncovy-kalkulator-v1 .muted { color:#475569; font-size:13px; }

#puncovy-kalkulator-v1 .list { margin:8px 0 0 18px; color:#334155; font-size:13px; }

/* ----------------------------- */
/* LAYOUT MODIFIERS VIA SHORTCODE */
/* ----------------------------- */

/* WIDE (cca 1400px) */
.spc-layout-wide #puncovy-kalkulator-v1 .container {
  max-width: min(1400px, 100%);
}

/* FULL (edge-to-edge cez celú šírku témy) */
.spc-layout-full #puncovy-kalkulator-v1 .container {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.spc-layout-full #puncovy-kalkulator-v1 .card {
  border-radius: 0;        /* natiahneme až po okraj */
  border-left: 0;
  border-right: 0;
  box-shadow: none;        /* voliteľné – menej „karty“, viac „sekcie“ */
}