/* Wisko Media v1.0.12 — mobile app shell / PWA refinement */
.wmn-pwa-install{position:fixed;left:12px;right:12px;bottom:12px;z-index:9998;display:flex;align-items:center;gap:12px;padding:12px 14px;background:#102a56;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:16px;box-shadow:0 18px 44px rgba(7,23,44,.28)}
.wmn-pwa-install[hidden]{display:none!important}.wmn-pwa-install img{flex:0 0 48px;border-radius:11px}.wmn-pwa-install__copy{min-width:0;display:grid;gap:2px;line-height:1.25}.wmn-pwa-install__copy strong{font-size:.92rem}.wmn-pwa-install__copy span{font-size:.76rem;color:rgba(255,255,255,.78)}.wmn-pwa-install__actions{margin-left:auto;display:flex;align-items:center;gap:8px}.wmn-pwa-install__actions .button{min-height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.35);border-radius:9px;background:#f45a1e;color:#fff;font-weight:800}.wmn-pwa-install__dismiss{width:42px;height:42px;border:0;background:transparent;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}
.wmn-pwa-ios-help{position:fixed;inset:0;z-index:9999;display:grid;place-items:end center;padding:16px;background:rgba(7,23,44,.52)}.wmn-pwa-ios-help[hidden]{display:none!important}.wmn-pwa-ios-help>div{width:min(100%,520px);padding:20px;border-radius:18px 18px 10px 10px;background:#faf6ee;color:#102a56;box-shadow:0 24px 64px rgba(0,0,0,.32)}.wmn-pwa-ios-help strong{font:700 1.25rem/1.1 var(--wm-serif,Georgia,serif)}.wmn-pwa-ios-help p{margin:10px 0 16px;line-height:1.5}.wmn-pwa-ios-help .button{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;background:#102a56;color:#fff;border:0;border-radius:8px;font-weight:800}
.wmn-pwa-bottom-nav{display:none}

/* Normal mobile Chrome/Safari gets the same shell language as the installed PWA. */
@media(max-width:900px){
  body.wmn-pwa-mobile-shell-enabled{padding-bottom:calc(72px + env(safe-area-inset-bottom));}
  body.wmn-pwa-mobile-shell-enabled .site-header{position:sticky;top:0;z-index:9980;background:rgba(250,246,238,.985);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(16,42,86,.16)}
  body.wmn-pwa-mobile-shell-enabled .site-header__rule{height:3px}
  body.wmn-pwa-mobile-shell-enabled .site-header__inner{min-height:62px;padding-top:4px;padding-bottom:4px;border-bottom:0;gap:8px}
  body.wmn-pwa-mobile-shell-enabled .site-branding{max-width:122px}
  body.wmn-pwa-mobile-shell-enabled .site-branding__fallback-logo,
  body.wmn-pwa-mobile-shell-enabled .custom-logo{max-width:116px;max-height:54px}
  body.wmn-pwa-mobile-shell-enabled .header-actions{gap:2px}
  body.wmn-pwa-mobile-shell-enabled .search-toggle,
  body.wmn-pwa-mobile-shell-enabled .menu-toggle{min-width:44px;min-height:44px}
  body.wmn-pwa-mobile-shell-enabled .wmn-language-switcher{gap:5px;padding-inline:0}
  body.wmn-pwa-mobile-shell-enabled .masthead-strip{display:none}
  body.wmn-pwa-mobile-shell-enabled .site-main{padding-top:10px}
  body.wmn-pwa-mobile-shell-enabled .primary-nav.is-open,
  body.wmn-pwa-mobile-shell-enabled #wmn-menu-state:checked ~ .site-header__inner .primary-nav{position:fixed;z-index:9975;top:65px;left:0;right:0;bottom:calc(66px + env(safe-area-inset-bottom));width:auto;max-height:none;margin:0;padding:18px 18px 28px;background:rgba(250,246,238,.995);overflow:auto;-webkit-overflow-scrolling:touch;border-top:1px solid rgba(16,42,86,.12);box-shadow:0 18px 38px rgba(16,42,86,.15)}
  body.wmn-pwa-mobile-shell-enabled .primary-nav.is-open>ul,
  body.wmn-pwa-mobile-shell-enabled #wmn-menu-state:checked ~ .site-header__inner .primary-nav>ul{gap:2px}
  body.wmn-pwa-mobile-shell-enabled .primary-nav.is-open>ul>li>a,
  body.wmn-pwa-mobile-shell-enabled .primary-nav.is-open .wmn-submenu-toggle,
  body.wmn-pwa-mobile-shell-enabled #wmn-menu-state:checked ~ .site-header__inner .primary-nav>ul>li>a,
  body.wmn-pwa-mobile-shell-enabled #wmn-menu-state:checked ~ .site-header__inner .primary-nav .wmn-submenu-toggle{min-height:48px;padding:8px 2px;font-size:1.06rem}
  body.wmn-pwa-mobile-shell-enabled .header-search-panel{position:fixed;z-index:9976;top:65px;left:0;right:0;background:rgba(250,246,238,.995);box-shadow:0 14px 30px rgba(16,42,86,.14)}
  body.wmn-pwa-mobile-shell-enabled .header-search-panel__inner{padding:14px 12px}
  body.wmn-pwa-mobile-shell-enabled .hero-slider{margin-top:0}
  body.wmn-pwa-mobile-shell-enabled .hero-foundation{border-radius:0;box-shadow:none}
  body.wmn-pwa-mobile-shell-enabled .hero-foundation__media{width:calc(100% + 24px);margin-left:-12px}
  body.wmn-pwa-mobile-shell-enabled .hero-foundation__copy{padding:22px 18px 26px}
  body.wmn-pwa-mobile-shell-enabled .hero-foundation h1{font-size:clamp(2.05rem,9.6vw,3rem);line-height:.96}
  body.wmn-pwa-mobile-shell-enabled .hero-foundation__excerpt{font-size:1rem;line-height:1.55}
  body.wmn-pwa-mobile-shell-enabled .hero-slider__controls{right:8px;transform:scale(.86);transform-origin:right center}
  body.wmn-pwa-mobile-shell-enabled .story-grid{gap:18px}
  body.wmn-pwa-mobile-shell-enabled .story-card{border-radius:12px;overflow:hidden;background:rgba(255,255,255,.28)}
  body.wmn-pwa-mobile-shell-enabled .wmn-pwa-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:9990;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));background:rgba(7,23,44,.98);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -10px 28px rgba(7,23,44,.22)}
  body.wmn-pwa-mobile-shell-enabled .wmn-pwa-bottom-nav a,
  body.wmn-pwa-mobile-shell-enabled .wmn-pwa-bottom-nav button,
  body.wmn-pwa-mobile-shell-enabled .wmn-pwa-bottom-nav .wmn-pwa-control{min-width:0;min-height:54px;padding:4px 2px;border:0;background:transparent;color:#fff;text-decoration:none;display:grid;place-items:center;align-content:center;gap:2px;font:inherit;border-radius:9px}
  body.wmn-pwa-mobile-shell-enabled .wmn-pwa-bottom-nav span{font-size:1.25rem;line-height:1}
  body.wmn-pwa-mobile-shell-enabled .wmn-pwa-bottom-nav small{font-size:.62rem;line-height:1.05;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  body.wmn-pwa-mobile-shell-enabled .wmn-pwa-bottom-nav a[aria-current="page"],
  body.wmn-pwa-mobile-shell-enabled .wmn-pwa-bottom-nav .is-active{background:rgba(244,90,30,.16);color:#fff}
  body.wmn-pwa-mobile-shell-enabled .wmn-pwa-bottom-nav a[aria-current="page"] span,
  body.wmn-pwa-mobile-shell-enabled .wmn-pwa-bottom-nav .is-active span{color:#f45a1e}
  body.wmn-pwa-mobile-shell-enabled .wmn-pwa-bottom-nav a:focus-visible,
  body.wmn-pwa-mobile-shell-enabled .wmn-pwa-bottom-nav button:focus-visible,
  body.wmn-pwa-mobile-shell-enabled .wmn-pwa-bottom-nav .wmn-pwa-control:focus-visible{outline:2px solid #f45a1e;outline-offset:-2px}
  body.wmn-pwa-mobile-shell-enabled .wmn-pwa-install{bottom:calc(78px + env(safe-area-inset-bottom))}
  body.wmn-pwa-mobile-shell-enabled .site-footer{padding-bottom:10px}

  body.wmn-pwa-mobile-shell-enabled #wmn-search-state:checked ~ .header-search-panel{display:block}
  body.wmn-pwa-mobile-shell-enabled #wmn-menu-state:checked ~ .site-header__inner .primary-nav .sub-menu{display:flex}
  body.wmn-pwa-mobile-shell-enabled .wmn-pwa-bottom-nav .wmn-pwa-control{cursor:pointer;user-select:none;-webkit-user-select:none}
  .admin-bar.wmn-pwa-mobile-shell-enabled .site-header{top:46px}
  .admin-bar.wmn-pwa-mobile-shell-enabled .primary-nav.is-open,
  .admin-bar.wmn-pwa-mobile-shell-enabled .header-search-panel{top:111px}
}

/* Standalone keeps the same app shell but removes install prompts and respects the device safe area. */
@media(display-mode:standalone){
  html{background:#faf6ee}
  body{padding-top:env(safe-area-inset-top)}
  .wmn-pwa-install{display:none!important}
  .site-header{top:env(safe-area-inset-top)!important}
  .admin-bar .site-header{top:env(safe-area-inset-top)!important}
}

@media(max-width:640px){
  body.wmn-pwa-mobile-shell-enabled .shell{width:min(calc(100% - 24px),var(--wm-shell))}
  body.wmn-pwa-mobile-shell-enabled .site-branding{max-width:112px}
  body.wmn-pwa-mobile-shell-enabled .site-branding__fallback-logo,
  body.wmn-pwa-mobile-shell-enabled .custom-logo{max-width:108px;max-height:50px}
  body.wmn-pwa-mobile-shell-enabled .hero-foundation__copy{padding:20px 16px 24px}
  body.wmn-pwa-mobile-shell-enabled .article__header h1{font-size:clamp(2rem,9.8vw,3.15rem)}
  body.wmn-pwa-mobile-shell-enabled .article__featured{border-radius:0}
}

@media(max-width:430px){
  .wmn-pwa-install{gap:9px;padding:10px 11px}.wmn-pwa-install img{width:42px;height:42px;flex-basis:42px}.wmn-pwa-install__copy span{display:none}.wmn-pwa-install__actions .button{padding-inline:11px}
  body.wmn-pwa-mobile-shell-enabled .wmn-pwa-bottom-nav small{font-size:.59rem}
  body.wmn-pwa-mobile-shell-enabled .site-branding__fallback-logo,
  body.wmn-pwa-mobile-shell-enabled .custom-logo{max-width:100px;max-height:48px}
}

@media(prefers-reduced-motion:reduce){.wmn-pwa-install,.wmn-pwa-ios-help{scroll-behavior:auto}}

.wmn-pwa-menu-panel{display:none}
@media(max-width:900px){
  body.wmn-pwa-mobile-shell-enabled #wmn-menu-state:checked ~ .site-header__inner .primary-nav{display:none!important}
  body.wmn-pwa-mobile-shell-enabled.wmn-mobile-menu-open .wmn-pwa-menu-panel{
    position:fixed;z-index:9977;top:65px;left:0;right:0;bottom:calc(66px + env(safe-area-inset-bottom));display:block;
    padding:18px;background:rgba(250,246,238,.995);overflow:auto;-webkit-overflow-scrolling:touch;
    border-top:1px solid rgba(16,42,86,.12);box-shadow:0 18px 38px rgba(16,42,86,.15)
  }
  body.wmn-pwa-mobile-shell-enabled .wmn-pwa-menu-panel__head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 0 14px;border-bottom:2px solid #102a56;color:#102a56}
  body.wmn-pwa-mobile-shell-enabled .wmn-pwa-menu-panel__head strong{font:700 1.35rem/1.1 var(--wm-serif,Georgia,serif)}
  body.wmn-pwa-mobile-shell-enabled .wmn-pwa-menu-panel__head label{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;font-size:1.8rem;line-height:1;cursor:pointer}
  body.wmn-pwa-mobile-shell-enabled .wmn-pwa-menu-panel__links{display:grid;margin-top:8px}
  body.wmn-pwa-mobile-shell-enabled .wmn-pwa-menu-panel__links a{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 2px;border-bottom:1px solid rgba(16,42,86,.14);color:#102a56;text-decoration:none;font:700 1.08rem/1.2 var(--wm-serif,Georgia,serif)}
  body.wmn-pwa-mobile-shell-enabled .wmn-pwa-menu-panel__links a span{color:#f45a1e;font-family:inherit}
  .admin-bar.wmn-pwa-mobile-shell-enabled.wmn-mobile-menu-open .wmn-pwa-menu-panel{top:111px}
}

/* v1.0.13 mobile controls hotfix: guarantee interactive layers stay tappable. */
@media(max-width:900px){
  body.wmn-pwa-mobile-shell-enabled .header-actions{position:relative;z-index:9985}
  body.wmn-pwa-mobile-shell-enabled .search-toggle,
  body.wmn-pwa-mobile-shell-enabled .menu-toggle{position:relative;z-index:9986;pointer-events:auto;touch-action:manipulation}
  body.wmn-pwa-mobile-shell-enabled .header-search-panel,
  body.wmn-pwa-mobile-shell-enabled .primary-nav{pointer-events:auto}
  body.wmn-pwa-mobile-shell-enabled.wmn-mobile-menu-open,
  body.wmn-pwa-mobile-shell-enabled.wmn-mobile-search-open{overflow-x:hidden}
}