/* Mauritius Guide — app oldalsablon: teljes képernyős, app-szerű felület.
   Csak akkor töltődik be, ha az oldalon a plugin sablonja van kiválasztva. */

body.mg-app-page {
    margin: 0;
    padding: 0;
    background: #FBF4E8;
    overscroll-behavior-y: none;             /* ne "gumizzon" az oldal, mint egy appban */
    -webkit-text-size-adjust: 100%;
}
body.mg-app-page { min-height: 100svh; }
@media (prefers-color-scheme: dark) { body.mg-app-page { background: #101A22; } }

/* A téma esetleges konténereit kilapítjuk, hogy tényleg csak az app látszódjon. */
body.mg-app-page > .wp-site-blocks,
body.mg-app-page .entry-content,
body.mg-app-page .wp-block-post-content { margin: 0; padding: 0; max-width: none; }

/* Az app maga: keret és sarkok nélkül, teljes magasságban. */
body.mg-app-page #mg-app {
    border: 0;
    border-radius: 0;
    min-height: 100svh;
    overflow: visible;                        /* kell a ragadós fejléchez */
}

/* Fejléc: NEM ragadós (görgetéskor elmegy), csak a mobil bevágás alá húzzuk. */
body.mg-app-page .mg-top {
    position: relative;
    z-index: 30;
    padding-top: calc(15px + env(safe-area-inset-top, 0px));
}
body.mg-app-page .mg-foot { padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)); }
body.mg-app-page .mg-bar { bottom: calc(16px + env(safe-area-inset-bottom, 0px)); }


/* Mobil böngészőben a címsor csak akkor húzódik fel görgetéskor, ha maga a DOKUMENTUM
   görög. Sok téma html/body { overflow-x:hidden } szabálya a body-t belső görgetővé teszi,
   és ettől a címsor végig látszik. Itt ezt semlegesítjük (a clip nem hoz létre görgetőt). */
html.mg-app-html,
html.mg-app-html body.mg-app-page {
    overflow-x: clip !important;
    overflow-y: visible !important;
    height: auto !important;
}