/* Alapszínek - egeszsegkonyha.hu brand colors */
:root {
  /* Zöld színek */
  --brand-zold: #3c9e1d;              /* rgb(60, 158, 29) - minden zöld felület */
  --zold-gomb: #3c9e1d;               /* rgb(60, 158, 29) - egyéb gombok */
  --zold-gomb-vilagos: #64c476;       /* rgb(100, 196, 118) - + gomb és gombok hover */

  /* Piros színek */
  --brand-piros: #e0454c;             /* rgb(224, 69, 76) - minden piros és piros gombok (kivéve - gomb) */
  --piros-gomb-vilagos: #ff9788;      /* rgb(255, 151, 136) - - gomb és gombok hover */
}

/* 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(--brand-zold) !important;
}

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

/* Zöld gombok - általános (megrendelés leadása, modal header, stb.) */
button.bg-green-600 {
  background-color: var(--zold-gomb) !important;
}
button.bg-green-600:hover {
  background-color: var(--zold-gomb-vilagos) !important;
}

/* + gombok (specifikus) - világos zöld, hover: fekete szöveg */
button[class*="btn-plus"]:not(:disabled):not(.btn-expired) {
  background-color: var(--zold-gomb-vilagos) !important;
  color: white !important;
}
button[class*="btn-plus"]:not(:disabled):not(.btn-expired):hover {
  background-color: var(--zold-gomb-vilagos) !important;
  color: black !important;
}

/* - gombok (specifikus) - világos piros, hover: fekete szöveg */
button[class*="btn-minus"]:not(:disabled):not(.btn-expired) {
  background-color: var(--piros-gomb-vilagos) !important;
  color: white !important;
}
button[class*="btn-minus"]:not(:disabled):not(.btn-expired):hover {
  background-color: var(--piros-gomb-vilagos) !important;
  color: black !important;
}

/* Disabled gombok - szürke háttér */
button.btn-plus-1:disabled,
button.btn-plus-2:disabled,
button.btn-plus-3:disabled,
button.btn-minus-1:disabled,
button.btn-minus-2:disabled,
button.btn-minus-3:disabled {
  background-color: #9ca3af !important; /* gray-400 */
  color: white !important;
  cursor: not-allowed;
}

/* Modal header - nem változik hover-nél */
.bg-green-600.modal-header {
  background-color: var(--zold-gomb) !important;
}
.bg-green-600.modal-header:hover {
  background-color: var(--zold-gomb) !important;
}

.text-sotet-zold {
  color: var(--brand-zold);
}
span.text-green-600 {
  color: var(--zold-gomb) !important;
}

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

/* Háttérkép - minden oldalon (kivéve admin) */
body.with-background {
  background-image: url("../bg-etlap.dc085939a5a3.jpg"); /* fallback régi böngészőkhöz */
  background-image: -webkit-image-set(url("../bg-etlap.dcad85f90fd4.webp") 1x, url("../bg-etlap.dc085939a5a3.jpg") 1x);
  background-image: image-set(
    url("../bg-etlap.dcad85f90fd4.webp") type('image/webp'),
    url("../bg-etlap.dc085939a5a3.jpg") type('image/jpeg')
  );
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}

/* Halványító réteg a háttérkép fölött – témafüggő szín (themes.css definiálja) */
body.with-background::before {
  content: '';
  position: fixed;
  inset: 0;
  background-color: var(--theme-overlay-color, rgba(255, 255, 255, 0.81));
  pointer-events: none;
  z-index: -1;
}

/* Tartalom mindig felül legyen - CSAK a main konténerekre */
body.with-background .max-w-7xl,
body.with-background .max-w-6xl,
body.with-background .max-w-4xl,
body.with-background .max-w-3xl,
body.with-background .max-w-2xl {
  position: relative;
  z-index: 1;
}

/* Telefonszám linkek - mobilon aláhúzott és kattintható, PC-n nem */
a[href^="tel:"] {
  text-decoration: underline !important;
}

@media (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none !important;
    cursor: default !important;
    text-decoration: none !important;
  }
}

/* ===== Betűméret toggle (mobilon) ===== */

/* Mobil info szöveg (.font-scalable saját text-sm osztályát felülírjuk, spec. 0,2,0 > 0,1,0) */
body.font-enlarged .font-scalable {
    font-size: 1.05rem;
    line-height: 1.6;
}

/* Étlap mobilnézet: menü nevek ("Hagyományos menü") és étellista szövegek.
   Specificitás (0,2,1) > Tailwind .text-sm (0,1,0) → nyer, ezért !important nélkül is felülír. */
body.font-enlarged #idoszak-1 .text-sm,
body.font-enlarged #idoszak-2 .text-sm,
body.font-enlarged #idoszak-3 .text-sm {
    font-size: 1.05rem;
    line-height: 1.6;
}

/* Modal tartalma: összetevők/tápértékek (text-sm) */
body.font-enlarged #etelModalContent .text-sm {
    font-size: 1.05rem;
    line-height: 1.6;
}

/* Modal étel nevek (text-lg h4) */
body.font-enlarged #etelModalContent .text-lg {
    font-size: 1.25rem;
    line-height: 1.5;
}

/* Információ oldal tartalom */
body.font-enlarged #informacio-main .text-sm {
    font-size: 1.05rem;
    line-height: 1.6;
}
body.font-enlarged #informacio-main .text-base {
    font-size: 1.1rem;
    line-height: 1.7;
}
body.font-enlarged #informacio-main .text-lg {
    font-size: 1.2rem;
    line-height: 1.6;
}