/* ===== Generátor – vzhled příkladů na listu + tisk ===== */

/* Ovládací panel, rámeček listu a hlavička listu jsou v /style.css (sekce 10).
   Zde zůstává jen vzhled samotných příkladů a tisk. */

/* Kontejner s řádky */
.worksheet {
  width: 100%;
}

/* Jeden řádek příkladu */
.row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 14px;
}

.equation {
  font-size: 28px;
  width: 160px; /* lehce blíž k '=' */
}

.arrow {
  font-size: 15px;
  margin: 0 2px 0 2px; /* šipka blíž k '=' */
}

/* 10 kuliček (2 × 5) */
.ten-frame {
  display: grid;
  grid-template-columns: repeat(5, 24px);
  grid-template-rows: repeat(2, 24px);
  gap: 5px;
  padding: 6px;
  border: 2px solid #000;
}

.circle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #000;
}

/* Tečky pro příklady bez kuliček */
.dots {
  font-size: 14px;      /* tečky menší */
  letter-spacing: 1px;
  margin-left: 6px;     /* tečky blíž k '=' */
}

/* Dva sloupce, když není potřeba hodně místa (bez kuliček) –
   třídu .two-cols přidává JS */
.worksheet.two-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 40px;
}

.worksheet.single-col {
  display: block;
}

/* ===== TISK – NA PAPÍR SE DOSTANE JEN LIST S PŘÍKLADY ===== */

@media print {

  /* schovat všechno */
  body * {
    visibility: hidden;
  }

  /* ale sheet-wrapper a jeho obsah ukázat */
  .sheet-wrapper, .sheet-wrapper * {
    visibility: visible;
  }

  .sheet-wrapper {
    position: static;
    box-shadow: none !important;
    background: #ffffff !important;
    margin: 0 !important;
    padding: 0 0 0 0 !important;
  }

  .print-header {
    margin-top: 0 !important;
  }
}