/* PUB1 (owner approved board 13, 2026-10-10): the public homepage on the phone. The noviera logo, the opening fills the screen,
   the orbit menu (from the Menu Manager) at the bottom centre, no white card. On a computer the same menu items are the top links. */
.nvd__place--logo{display:inline-flex;line-height:0}
.nvd__place--logo img{display:block;width:clamp(120px,10vw,190px);height:auto;margin-left:-10px}
[dir="rtl"] .nvd__place--logo img{margin-left:0;margin-right:-8px}
/* the opening's main action is never a white card: navy with the wheel's green rim */
.nvd .nvd__take{background:#111C31!important;color:#F1F5F9!important;box-shadow:inset 0 0 0 1.5px rgba(34,197,94,.75)}
.nvd .nvd__take *{color:inherit!important}
.nvd .nvd__take span{color:#A9B4C6!important}

/* the homepage on a computer shows the menu items as top links; the wheel is for the phone. MEMORB1: the member pages (/ticket) always use the wheel */
@media (min-width:641px){body:not([data-nv-ticket]) .pom{display:none}}
@media (max-width:640px){
  .nvd{min-height:100svh;padding-bottom:228px}
  .nvd__nav a{display:none}
  .nvd .nvd__take{display:none}
  .nvd__time{display:inline!important;font-size:22px}
}
.pom{display:block;position:fixed;z-index:50;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));width:min(390px,100vw);transform:translateX(-50%);-webkit-tap-highlight-color:transparent;pointer-events:none}
.pom-wheel{display:block;width:100%;height:auto;overflow:visible;transition:opacity .2s ease,transform .25s ease;transform-origin:50% 96%}
.pom-back{fill:#0A111E;opacity:.92;pointer-events:auto}
.pom-sec{pointer-events:auto;outline:none}
.pom-seg{fill:#16213A;stroke:rgba(255,255,255,.07);stroke-width:1.3}
.pom-sec.is-main .pom-seg{fill:#17785A;stroke:#4ADE80}
.pom-sec:active .pom-seg{filter:brightness(1.3)}
.pom-sec:focus-visible .pom-seg{stroke:#FFFFFF;stroke-width:2.5}
.pom-lab{pointer-events:none}
.pom-ic{color:#FFFFFF}
.pom-lab text{fill:#FFFFFF;font-family:'Instrument Sans',system-ui,sans-serif;font-weight:700;text-anchor:middle;dominant-baseline:middle}
.pom-rim{fill:none;stroke:#22C55E;stroke-opacity:.8;stroke-width:2.5;pointer-events:none}
.pom-hub{pointer-events:auto;position:absolute;left:50%;bottom:6px;width:88px;height:88px;margin-left:-44px;border-radius:50%;border:2px solid rgba(34,197,94,.8);
  background:radial-gradient(60% 60% at 40% 40%,#1F2C44,#0A111E);display:grid;place-items:center;cursor:pointer;padding:0;transition:width .25s ease,height .25s ease,margin .25s ease,bottom .25s ease}
.pom-hub:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px}
.pom-mark{width:34px;height:34px}
/* folded: only the round button, so the page can be read */
.pom.is-folded .pom-wheel{opacity:0;transform:scale(.4);visibility:hidden}
.pom.is-folded .pom-hub{width:68px;height:68px;margin-left:-34px;bottom:4px;box-shadow:0 0 0 6px rgba(10,17,30,.92),0 18px 40px rgba(0,0,0,.5)}
/* S8 (approved design, Forgejo #73): the page behind the open wheel is dimmed (pages without the opening); a tap on it folds the wheel */
.pom-dim{position:fixed;inset:0;z-index:49;background:rgba(0,0,0,.25);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s;touch-action:none;-webkit-tap-highlight-color:transparent}
.pom-dim.is-on{opacity:1;visibility:visible;transition:opacity .2s ease}
body.nvv .pom-dim{z-index:39}
body[data-nv-ticket]:not(.nv-shell-page)>.pom-dim{position:fixed;z-index:49}
@media (prefers-reduced-motion:reduce){.pom-wheel,.pom-hub,.pom-dim{transition:none}}
@media (max-width:640px){body.nvh{padding-bottom:96px}}
body[data-nv-ticket]:not(.nv-shell-page){padding-bottom:calc(120px + env(safe-area-inset-bottom))}
/* F42: the language choice itself is public-lang.css (shared with the walk-around and the demo). On the homepage the phone
   uses the wheel's language slot, so the top link is hidden there; the wheel's Arabic names use the Arabic face. */
@media (max-width:640px){.nvd__nav .nvl .nvl__btn{display:none}}