/*nalinkovany v layouts/custom-head.twig*/
h1 {
  font-size: 28px;
  font-weight: 700;
}

h2 {
  font-size: 26px;
  font-weight: 700;
}

h3 {
  font-size: 24px;
  font-weight: 700;
}

.coupon {
  max-width: 560px;
  margin: 16px 0;
  padding: 12px;
  border: 1px solid #e7e7ea;
  border-radius: 12px;
  background: #fff;
}

.coupon__row {
  display: flex;
  align-items: stretch;
}

.coupon__code {
  flex: 1;
  padding: 10px 12px;
  border: 1px dashed #c9c9cf;
  border-radius: 12px;
  background: #fafafa;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
  letter-spacing: .06em;
  user-select: all;
  overflow: auto;
  margin-right: 8px; /* náhrada za gap */
}

.coupon__note {
  font-size: .9rem;
  color: #555;
  margin-top: 6px;
}
/*test tabulka*/
/* Obal a nadpis – zladené s kartami vpravo */
.nr-specs { margin-top: 18px; }
.nr-specs__title {
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  color: #2b2b2b;
}

/* Tabuľka – vzhľad Stroyka, jemný panel */
.nr-tech-specs {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid #e5e7eb;           /* svetlošedé orámovanie */
  border-radius: 8px;
  overflow: hidden;                     /* zaoblenie aj pre thead */
  box-shadow: 0 2px 8px rgba(0,0,0,.04);
}

/* Caption fix – Stroyka dáva často caption na spodok */
.nr-tech-specs caption {
  caption-side: top !important;
  text-align: left;
  padding: 10px 12px 0;
  font-weight: 700;
  color: #2b2b2b;
}

/* Hlavička */
.nr-tech-specs thead th {
  text-align: left;
  font-weight: 600;
  color: #6b7280;                       /* sivá */
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  padding: 10px 12px;
}

/* Riadky */
.nr-tech-specs th[scope="row"],
.nr-tech-specs td {
  padding: 10px 12px;
  vertical-align: top;
  border-top: 1px solid #f1f3f5;
}

.nr-tech-specs th[scope="row"] { width: 42%; font-weight: 600; color: #111827; }
.nr-tech-specs tbody tr:hover { background: #fcfcfd; }

/* Zvýraznenie červenou linkou naľavo pri hoveri (jemné, v brand farbe) */
.nr-tech-specs tbody tr:hover td,
.nr-tech-specs tbody tr:hover th[scope="row"] {
  box-shadow: inset 3px 0 0 0 #e31e24;
}

/* Mobil – prehľadné „karty“ bez JS */
@media (max-width: 640px) {
  .nr-tech-specs thead { display: none; }
  .nr-tech-specs { border-radius: 0; box-shadow: none; border: 0; }
  .nr-tech-specs tbody { display: block; }
  .nr-tech-specs tr {
    display: block;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 10px;
    background: #fff;
  }
  .nr-tech-specs th[scope="row"] {
    display: block;
    border: 0;
    padding: 12px 12px 6px;
  }
  .nr-tech-specs td {
    display: block;
    border: 0;
    padding: 0 12px 12px;
    color: #111827;
  }
  .nr-tech-specs tbody tr:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
    background: #fff;
  }
}