/*
 * Wakanda App Shell — only appears in installed standalone mode on phones.
 * The regular website layout, its menus, and desktop experience are unchanged.
 */
body.wakanda-theme-two .wakanda-app-tabs,
body.wakanda-theme-two .wakanda-app-more,
body.wakanda-theme-two .wakanda-app-connectivity,
body.wakanda-theme-two .wakanda-app-update {
  display:none!important;
}
@media(max-width:760px) and (display-mode:standalone) {
  body.wakanda-theme-two .wakanda-app-tabs {display:grid!important}
  body.wakanda-theme-two .wakanda-app-more:not([hidden]) {display:block!important}
  body.wakanda-theme-two .wakanda-app-connectivity:not([hidden]) {display:flex!important}
  body.wakanda-theme-two .wakanda-app-update:not([hidden]) {display:flex!important}
}
/* navigator.standalone covers older Apple standalone web-app implementations. */
@media(max-width:760px) {
  html.wakanda-app-standalone body.wakanda-theme-two .wakanda-app-tabs {display:grid!important}
  html.wakanda-app-standalone body.wakanda-theme-two .wakanda-app-more:not([hidden]) {display:block!important}
  html.wakanda-app-standalone body.wakanda-theme-two .wakanda-app-connectivity:not([hidden]) {display:flex!important}
  html.wakanda-app-standalone body.wakanda-theme-two .wakanda-app-update:not([hidden]) {display:flex!important}
  html.wakanda-app-standalone body.wakanda-theme-two {padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  html.wakanda-app-standalone body.wakanda-theme-two .wakanda-app-prompt{display:none!important}
  /* Keep the main menu available even in standalone app mode. */
  html.wakanda-app-standalone body.wakanda-theme-two .wf-radio-float,
  html.wakanda-app-standalone body.wakanda-theme-two .back-to-top {bottom:calc(87px + env(safe-area-inset-bottom))}
}
@media(max-width:760px) and (display-mode:standalone) {
  body.wakanda-theme-two {padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  /* Keep header menu and its navigation accessible in the installed app. */
  body.wakanda-theme-two .wf-radio-float,
  body.wakanda-theme-two .back-to-top {bottom:calc(87px + env(safe-area-inset-bottom))}
}
@media(max-width:760px) {
  body.wakanda-theme-two .wakanda-app-tabs {
    position:fixed;bottom:0;left:0;right:0;z-index:1400;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:stretch;gap:0;
    box-sizing:border-box;
    height:calc(76px + env(safe-area-inset-bottom));
    background:rgba(252,252,246,.98);
    border-top:1px solid #d4dfd5;
    box-shadow:0 -6px 20px rgba(3,40,25,.13);
    padding:4px max(4px,env(safe-area-inset-left)) calc(5px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-right));
    -webkit-tap-highlight-color:transparent;
    backdrop-filter:blur(14px);
  }
  body.wakanda-theme-two .wakanda-app-tab {
    display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;
    width:100%;min-width:0;height:100%;padding:7px 2px;
    text-align:center;box-sizing:border-box;
    color:#49675a;text-decoration:none;
    background:transparent;border:0;border-radius:11px;
    font-size:clamp(.62rem,2.25vw,.72rem);font-weight:760;
    line-height:1.12;letter-spacing:-.01em;
    cursor:pointer;white-space:normal;
    touch-action:manipulation;
  }
  body.wakanda-theme-two .wakanda-app-tab svg{
    display:block;width:23px;height:23px;flex-shrink:0;
    stroke:currentColor;
  }
  body.wakanda-theme-two .wakanda-app-tab[aria-current=page],
  body.wakanda-theme-two .wakanda-app-tab[data-active=true] {
    color:#075d42;background:#e2f0e5;
    font-weight:880;
  }
  body.wakanda-theme-two .wakanda-app-tab[aria-current=page] svg,
  body.wakanda-theme-two .wakanda-app-tab[data-active=true] svg {
    stroke:#0a7250;stroke-width:2.3;
  }
  body.wakanda-theme-two .wakanda-app-tab:focus-visible {
    outline:3px solid #daa93f;outline-offset:-3px;
  }
  body.wakanda-theme-two .wakanda-app-more {
    position:fixed;
    left:max(10px,env(safe-area-inset-left));
    right:max(10px,env(safe-area-inset-right));
    bottom:calc(83px + env(safe-area-inset-bottom));
    z-index:1399;
    border:1px solid #d7e2d3;border-radius:20px;
    background:#fffdf7;color:#0c3827;
    box-shadow:0 -8px 45px rgba(4,33,20,.27);
    box-sizing:border-box;
    max-height:min(570px,calc(100dvh - 120px));
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:20px 16px 22px;
  }
  body.wakanda-theme-two .wakanda-app-more-head{
    display:flex;align-items:center;justify-content:space-between;
    gap:14px;margin-bottom:14px;
  }
  body.wakanda-theme-two .wakanda-app-more-head strong{
    font:800 1.3rem/1.2 'Outfit',system-ui,sans-serif;
    letter-spacing:-.03em;
  }
  body.wakanda-theme-two .wakanda-app-more-head button,
  body.wakanda-theme-two .wakanda-app-update [data-wakanda-update-dismiss]{
    display:grid;place-items:center;
    width:42px;height:42px;min-height:42px;flex:0 0 auto;
    border:0;border-radius:50%;background:#eff4ea;
    color:#274c39;font-size:1.4rem;
  }
  body.wakanda-theme-two .wakanda-app-more-grid{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
  }
  body.wakanda-theme-two .wakanda-app-more-grid a{
    display:flex;align-items:center;justify-content:space-between;
    gap:8px;min-width:0;min-height:55px;
    border-radius:11px;border:1px solid #dfe7d9;
    background:#f6f9f2;padding:13px;
    text-decoration:none;color:#0d4b36;
    font-size:.86rem;font-weight:800;line-height:1.35;
    overflow-wrap:anywhere;
  }
  body.wakanda-theme-two .wakanda-app-more-grid a span{color:#b27a0c}
  body.wakanda-theme-two .wakanda-app-more-grid a:focus-visible,
  body.wakanda-theme-two .wakanda-app-more-head button:focus-visible{
    outline:3px solid #d8ae3b;outline-offset:2px;
  }
  body.wakanda-theme-two .wakanda-app-connectivity{
    position:fixed;top:calc(8px + env(safe-area-inset-top));
    left:50%;transform:translateX(-50%);
    z-index:1600;max-width:calc(100% - 28px);width:max-content;
    align-items:center;justify-content:center;text-align:center;
    background:#fff0cb;border:1px solid #c99b30;color:#5f4508;
    border-radius:12px;padding:10px 15px;font-size:.82rem;
    font-weight:820;line-height:1.4;
    box-shadow:0 12px 28px rgba(15,30,15,.17);
  }
  body.wakanda-theme-two .wakanda-app-connectivity[data-online=true]{
    background:#e3f5e8;border-color:#82bb8b;color:#145634;
  }
  body.wakanda-theme-two .wakanda-app-update{
    position:fixed;left:12px;right:12px;bottom:calc(87px + env(safe-area-inset-bottom));
    z-index:1500;
    align-items:center;gap:12px;
    border:1px solid #d5dabc;background:#fffdf4;
    box-shadow:0 12px 35px rgba(3,30,16,.2);
    border-radius:15px;padding:12px 13px;
    font-size:.84rem;color:#184a35;font-weight:800;
  }
  body.wakanda-theme-two .wakanda-app-update span{flex:1;min-width:0;line-height:1.35}
  body.wakanda-theme-two .wakanda-app-update [data-wakanda-reload]{
    min-height:44px;padding:8px 12px;
    border:0;border-radius:9px;background:#0c694a;color:white;
    font-size:.79rem;font-weight:850;
  }
  body.wakanda-theme-two .wakanda-app-update [data-wakanda-update-dismiss]{
    width:32px;height:40px;min-height:40px;background:transparent;
  }
}
@media(max-width:365px) {
  body.wakanda-theme-two .wakanda-app-tab svg{width:21px;height:21px}
  body.wakanda-theme-two .wakanda-app-tab{font-size:.61rem;gap:3px}
  body.wakanda-theme-two .wakanda-app-more-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  body.wakanda-theme-two .wakanda-app-tabs,
  body.wakanda-theme-two .wakanda-app-more{scroll-behavior:auto}
}
