/* ZÁKLADNÍ STYL PRO CELOU STRÁNKU */
body {
  background-color: #e0e0e0; /* Světle šedé pozadí stránky */
  font-family: Arial, sans-serif; /* Čitelný font */
  padding: 20px; /* Vnitřní okraj stránky */
  margin: 0; /* Zrušení výchozích okrajů */
}

/* HLAVNÍ KONTEJNER OBSAHU */
.container {
  max-width: 800px; /* Maximální šířka pro přehlednost */
  margin: auto; /* Zarovnání na střed */
  background: white; /* Bílé pozadí formuláře */
  padding: 20px; /* Vnitřní mezery */
  border-radius: 10px; /* Zaoblené rohy */
  box-shadow: 0 0 10px #aaa; /* Jemný stín */
}
/* NADPIS SADY – zvětšené písmo */
#nadpis {
  font-size: 20px;      /* Velký nadpis – název sady a číslování */
  font-weight: bold;    /* Tučné písmo */
  margin-bottom: 12px;  /* Odstup od otázky */
}

/* OTÁZKA – zvětšené písmo pro lepší čitelnost */
.question-box {
  font-size: 16px;      /* Větší velikost písma otázky */
  font-weight: normal;  /* Normální váha – můžeš změnit na bold */
  margin-bottom: 20px;  /* Odstup od textového pole */
}
/* RÁMEČEK OTÁZKY */
.question-box {
  background: white; /* Bílá bublina pro otázku */
  padding: 15px; /* Vnitřní mezery */
  border-radius: 10px; /* Zaoblené rohy */
  margin-bottom: 15px; /* Mezery pod otázkou */
  font-weight: bold; /* Tučné písmo */
}

/* TEXTOVÉ POLE PRO ODPOVĚĎ */
textarea {
  width: 93%; /* Roztažení na celou šířku */
  height: 120px; /* Výška pole na cca 5 řádků */
  padding: 10px; /* Vnitřní odsazení */
  font-size: 18px; /* Větší písmo pro lepší čitelnost */
 /* margin-bottom: 15px; /* Vzdálenost pod polem */
  border-radius: 5px; /* Zaoblené rohy */
  border: 1px solid #ccc; /* Tenký okraj */
  resize: vertical; /* Uživatel může měnit výšku */
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;

}

/* SKUPINA TLAČÍTEK (vedle sebe) */
.button-group {
  display: flex; /* Flexbox pro zarovnání vedle sebe */
  justify-content: space-between; /* Mezery mezi tlačítky */
  gap: 10px; /* Mezera mezi prvky */
}

/* OBECNÉ NASTAVENÍ TLAČÍTKA */
button {
  padding: 10px 20px; /* Velikost tlačítka */
  font-size: 16px; /* Velikost textu */
  cursor: pointer; /* Kurzor ruky */
  border: none; /* Bez rámečku */
  border-radius: 5px; /* Zaoblení rohů */
  font-weight: bold; /* Tučné písmo */
}

/* TLAČÍTKO – SADA (na úvodní stránce) */
.sada-btn {
  /*background-color: #cc0000; /* Červené pozadí */
  /*color: white; /* Bílý text */
  background-color: #ffcc00;
  color: black;
  margin: 10px auto; /* Mezery a zarovnání */
  display: block; /* Každé tlačítko na novém řádku */
  width: 200px; /* Šířka tlačítka */
  text-align: center; /* Zarovnání textu */
}

/* VÝPIS ŘEŠENÍ */
.solution {
  background-color: #d9edf7; /* Světle modré pozadí */
  padding: 10px; /* Vnitřní odsazení */
  border-radius: 5px; /* Zaoblené rohy */
  margin-top: 10px; /* Mezera nad řešením */
  display: none; /* Výchozí stav: skryté */
  white-space: pre-line;
}

/* SKRYTÝ PRVEK (pro přepínání zobrazení) */
.hidden {
  display: none; /* Nezobrazovat */
}


/* TLAČÍTKO 'UKÁZAT ŘEŠENÍ' – ŽLUTÉ S ČERNÝM TEXTEM */
.solution-btn {
  background-color: #ffcc00; /* Žluté pozadí */
  color: black;              /* Černý text */
  font-weight: bold;         /* Tučný text */
}

/* TLAČÍTKO 'ZPĚT NA VÝBĚR SADY' – MODRÉ */
.back-btn {
  background-color: #007BFF; /* Modré pozadí */
  color: white;              /* Bílý text */
  font-weight: bold;         /* Tučný text */
  padding: 10px 20px;        /* Vnitřní mezery */
  border: none;              /* Bez okraje */
  border-radius: 5px;        /* Zaoblení rohů */
  cursor: pointer;           /* Kurzor ruky */
  margin-top: 20px;          /* Mezera nahoře */
}

h1 {
  text-align: center;
}

/* SPECIFICKÝ STYL PRO SADU 4 */
.sada4 #nadpis {
  font-size: 18px; /* menší nadpis */
}

.sada4 .question-box {
  font-size: 12px; /* menší text otázky */
}

.sada4 textarea {
  font-size: 12px;       /* menší písmo v odpovědi */
  height: 140px;         /* můžeš upravit podle potřeby */
  overflow-y: auto;      /* rolovací pole */
}