/* ================================
   MOBIL MINI-REDESIGN v1 – Múzsák
   Finom olvashatóság + kényelmes ujjas használat
   ================================ */
@media (max-width: 768px) {

  /* Alap tipográfia – nagyobb, levegősebb, de nem óriás */
  body {
    font-size: 16px;
    line-height: 1.6;
  }

  p,
  li {
    font-size: 1rem;
    margin-bottom: 0.75rem;
  }

  h1 {
    font-size: 1.4rem;
    line-height: 1.3;
    margin-bottom: 0.8rem;
  }

  h2 {
    font-size: 1.25rem;
    line-height: 1.3;
    margin-bottom: 0.7rem;
  }

  h3 {
    font-size: 1.1rem;
    line-height: 1.3;
    margin-bottom: 0.6rem;
  }

  /* Oldaltartalom szépen „behúzva” mobilon */
  #main,
  .content-wrapper,
  .page-inner,
  .page-content {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  /* Kártyarácsok – több levegő, szebb ritmus */
  .versek-grid,
  .novellak-grid,
  .mesek-grid {
    gap: 1.25rem;
    margin-top: 1.25rem;
  }

  /* Vers / novella / mese kártyák – finom, múzsás dobozok */
  .vers-kartya,
  .novella-kartya,
  .mese-kartya,
  .kartya,
  .card {
    padding: 0.9rem 0.95rem;
    border-radius: 8px;
    /* nem változtatunk a színen, csak kicsit elegánsabb érzet */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  }

  .vers-kartya h2,
  .novella-kartya h2,
  .mese-kartya h2 {
    margin-bottom: 0.4rem;
  }

  .vers-kartya .meta,
  .novella-kartya .meta,
  .mese-kartya .meta {
    font-size: 0.9rem;
    opacity: 0.9;
  }

  /* Gombok – normál méret, de kényelmesen tappolható */
  .button,
  .button.special,
  .btn,
  button,
  input[type="submit"],
  input[type="button"] {
    font-size: 0.95rem;
    padding: 0.55rem 1.1rem;
    min-height: 44px;         /* Apple ajánlás szerinti érintési zóna */
    border-radius: 999px;     /* finom, „múzsás”, kapszula forma */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    /* NEM nyúlunk a színekhez – marad a jelenlegi arculat */
  }

  /* Linkek – kicsit könnyebb rákattintani */
  a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.08);
  }

  /* Szerzői blokkok – középre rendezett, barátságosabb elrendezés */
  .szerzo-fejlec,
  .szerzo-header,
  .szerzo-profil-fejlec {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.75rem;
  }

  .szerzo-kep,
  .szerzo-avatar {
    margin-bottom: 0.4rem;
  }

  .szerzo-meta,
  .szerzo-adatok {
    font-size: 0.95rem;
  }

  /* Hosszabb leírások (bemutatkozás, infóblokk) – olvashatóbb szélesség */
  .szerzo-bio,
  .intro-szoveg,
  .oldal-szoveg,
  .cikk-torzs,
  .statikus-oldal {
    max-width: 38rem;
    margin-left: auto;
    margin-right: auto;
  }

  /* Form mezők – könnyebben kitölthető mobilon */
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="search"],
  select,
  textarea {
    font-size: 1rem;
    padding: 0.5rem 0.75rem;
    line-height: 1.4;
  }

  /* Felsorolások / listák – kicsit szellősebben */
  ul,
  ol {
    padding-left: 1.3rem;
  }

  /* Banner slideshow – finomabb margó mobilon */
  .banner-slideshow {
    margin: 0.75rem auto 1.2rem;
  }

  /* Lábléc – ne legyen zsúfolt, könnyebb olvasni */
  footer,
  .site-footer {
    font-size: 0.9rem;
    line-height: 1.5;
    padding: 1rem 1rem 1.5rem;
  }
}