/* fa_pwa.css — csak az alkalmazás-réteg saját elemei. A honlap fa.css-ét nem érinti. */

/* iOS „Főképernyőre” súgó */
.fa-a2hs{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:9000;
  background:#fff;color:#12241c;border-radius:14px;box-shadow:0 10px 34px rgba(0,0,0,.24);
  animation:fa-a2hs-up .28s ease-out}
.fa-a2hs-in{display:flex;gap:12px;align-items:flex-start;padding:14px 14px 15px}
.fa-a2hs-in img{border-radius:10px;flex:0 0 auto}
.fa-a2hs-in b{display:block;font-size:.95rem;line-height:1.3;margin-bottom:.25em}
.fa-a2hs-in p{margin:0;font-size:.82rem;line-height:1.45;opacity:.78}
.fa-a2hs-x{flex:0 0 auto;background:none;border:0;font-size:1.5rem;line-height:1;padding:0 2px;cursor:pointer;
  color:inherit;opacity:.45}
.fa-a2hs-x:hover{opacity:.8}
@keyframes fa-a2hs-up{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-color-scheme:dark){
  .fa-a2hs{background:#16241e;color:#eef3f0}
}

/* offline oldal */
.fa-offline{min-height:52vh;display:flex;align-items:center}
.fa-offline h1{font-size:1.5rem;margin:0 0 .5em}
.fa-offline p{line-height:1.6}

/* telepített módban (főképernyőről indítva) a fejléc alá kerül a rendszer-sáv */
html[data-standalone="1"] body{padding-top:env(safe-area-inset-top)}
html[data-standalone="1"] .sitefoot{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}