/* Základní reset / nastavení */
body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  color: red;
}

/* Hlavička */
.site-header {
  background-color: #2c3e50;
  color: gold;
  padding: 3rem;
}

.site-header h1 {
  margin: 0;
  font-size: 1.8rem;
}

.site-header .tagline {
  margin: 4px 0 0;
  font-size: 0.95rem;
}

/* Hlavní obsah */
.site-main {
  padding: 16px;
}

/* Informační deska – zatím jen základ */
.info-board h2 {
  margin-top: 0;
}

.info-board .post-title {
  color: #0066cc;
  font-weight: 950;
}

.post-title {
    border: 3px solid #9999AA;
    padding: 8px 12px;
    border-radius: 8px;
    margin: 10px 0;
    background-color: #22f5e8;
    display: inline-block; /* Aby se box přizpůsobil textu */
}

.post-item {
    padding: 15px;
    background-color: #f0f8ff;
}

/* Dva sloupce – zatím pod sebou, layout později */
.content-columns .columns {
  margin-top: 16px;
  display: flex;
  gap: 20px;
}

.column {
  border: 2px dashed #00FF00;
  padding: 8px;
  margin-bottom: 8px;
/*  margin: 10px;*/
  box-sizing: border-box; /* Aby width zahrnovala padding+border */
}
.column-left {
  width: 20%;
}

.column-right {
  width: 80%
}


.homework button {
  background-color: #0077FF;
  color: #FFFFFF;
  padding: 5px;
  border-radius: 6px;
  margin: 15px;
}
.homework .visitcard, .homework .visitcard div {
  margin: auto;
  border: 1px solid gray;
  width: 300px;
  text-align: center;
}

.homework .vlak {
  margin: auto;
  border: 5px solid black;
  width: 100px;
  height: 50px;
  display: flex;
}

/* Patička */
.site-footer {
  background-color: #f2f2f2;
  text-align: center;
  padding: 8px;
  font-size: 0.85rem;
}