/*
Theme Name: Full Page WebView
Theme URI: https://example.com/full-page-webview
Author: OpenAI
Description: Minimal responsive WordPress theme with a full-page embedded website and fixed Home, Share, and More footer navigation.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: full-page-webview
*/
:root{--fpw-bg:#111318;--fpw-footer:#191c23;--fpw-accent:#e53945;--fpw-text:#fff;--fpw-muted:#c7c9d1}
*{box-sizing:border-box}
html,body{margin:0;padding:0;width:100%;height:100%;background:var(--fpw-bg);color:var(--fpw-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{overflow:hidden}
#page{width:100%;height:100dvh;min-height:100%;display:flex;flex-direction:column}
.fpw-main{position:relative;flex:1 1 auto;min-height:0;width:100%;padding-bottom:76px;background:var(--fpw-bg)}
.fpw-frame{display:block;width:100%;height:100%;min-height:0;border:0;background:#fff}
.fpw-fallback{position:absolute;inset:0;display:none;align-items:center;justify-content:center;text-align:center;padding:24px;background:var(--fpw-bg)}
.fpw-fallback.is-visible{display:flex}
.fpw-fallback-inner{max-width:420px}
.fpw-fallback p{color:var(--fpw-muted);line-height:1.55}
.fpw-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:0;border-radius:10px;background:var(--fpw-accent);color:#fff;text-decoration:none;font:inherit;font-weight:650;cursor:pointer}
.fpw-footer{position:fixed;z-index:9999;left:0;right:0;bottom:0;min-height:68px;padding:7px max(12px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:var(--fpw-footer);border-top:1px solid #343741;box-shadow:0 -5px 18px rgba(0,0,0,.18)}
.fpw-nav-button{min-width:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:8px 6px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--fpw-text);font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none}
.fpw-nav-button:hover,.fpw-nav-button:focus-visible{background:#292d36;outline:2px solid #626775;outline-offset:1px}
.fpw-icon{width:20px;height:20px;display:inline-flex;flex-shrink:0}
.fpw-more-wrap{position:relative;min-width:0}
.fpw-more-menu{position:absolute;right:0;bottom:calc(100% + 12px);width:min(230px,calc(100vw - 24px));padding:8px;background:var(--fpw-footer);border:1px solid #393d48;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.35);display:none}
.fpw-more-menu.is-open{display:block}
.fpw-more-menu a{display:block;padding:12px;border-radius:8px;color:#fff;text-decoration:none;font-size:14px}
.fpw-more-menu a:hover,.fpw-more-menu a:focus-visible{background:#292d36}
@media(max-width:420px){.fpw-nav-button{flex-direction:column;gap:3px;font-size:11px;padding:5px 2px}.fpw-footer{min-height:66px}.fpw-main{padding-bottom:70px}}