/* Alapszínek */
:root {
  --hatter-zold: #367f19;
  --hover-zold: #44a81f;
  --elenk-zold: #5d9c44;
  --gomb-zold: #46962b;
  --sotet-zold: #2d5e29;
}

/* Információ kurzor (i betű) */
.cursor-info {
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="rgba(59,130,246,0.8)"/><text x="12" y="16" text-anchor="middle" font-size="14" font-weight="bold" fill="white">i</text></svg>') 12 12, help;
  position: relative;
}

/* Markdown formázás */
.markdown-body {
  line-height: 1.6;
  color: #374151; /* Tailwind text-gray-700 */
  font-size: 1rem;
}

.markdown-body h1 {
  font-size: 1.75rem;
  font-weight: bold;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}

.markdown-body h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
}

.markdown-body h3 {
  font-size: 1.25rem;
  font-weight: 500;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

.markdown-body ul {
  list-style: disc;
  margin-left: 1.5rem;
  padding-left: 1rem;
  margin-bottom: 1rem;
}

.markdown-body li {
  margin-bottom: 0.5rem;
}

.markdown-body hr {
  border: none;
  border-top: 1px solid #ddd;
  margin: 2rem 0;
}

.markdown-body p,
.markdown-body code {
  margin-bottom: 1rem;
  display: block;
  font-size: 1rem;
}

.markdown-body code {
  background-color: #e5e7eb; /* Tailwind gray-200 */
  padding: 0.1em 0.3em;
  border-radius: 4px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.95em;
  white-space: pre-wrap;
  word-break: break-word;
}

.markdown-body li > code {
  display: inline;
  vertical-align: baseline;
}

@media (max-width: 640px) {
  .markdown-body {
    font-size: 0.875rem; /* Tailwind text-sm */
  }

  .markdown-body h1 {
    font-size: 1.5rem;
  }

  .markdown-body h2 {
    font-size: 1.25rem;
  }

  .markdown-body h3 {
    font-size: 1.125rem;
  }

  .markdown-body p,
  .markdown-body code {
    font-size: 0.875rem;
  }
}

/* További tesztreszabás */
aside.bg-green-700 {
  background-color: var(--hatter-zold) !important;
}

div.bg-green-700 {
  background-color: var(--hatter-zold) !important;
}

button.bg-green-600 {
  background-color: var(--gomb-zold) !important;
}
button.bg-green-600:hover {
  background-color: var(--hover-zold) !important;
}
.text-sotet-zold {
  color: var(--sotet-zold);
}
span.text-green-600 {
  color: var(--gomb-zold) !important;
}

/* Alpine elindításáig maradjanak rejtve a modálok*/
[x-cloak] { display: none !important; }

/* Number input spinner gombok eltávolítása (fel-le nyilak) */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}