/* Wimmer Community V6.39.1 - Mobil scroll stabil
   Retter hop/ryst på mobil ved scroll ved at dæmpe fixed/sticky effekter,
   baggrunds-jitter, layout-shift og tunge animationer på små skærme. */

@media (max-width: 980px){
  html{
    overflow-x:hidden!important;
    scroll-behavior:auto!important;
    overscroll-behavior-y:none;
  }

  body{
    overflow-x:hidden!important;
    min-height:100dvh;
    -webkit-text-size-adjust:100%;
  }

  /* Fixed background kan give ryst/hop i mobilbrowser når adressebaren skjules/vises */
  body.wc-has-brand-bg::before{
    background-attachment:scroll!important;
    transform:none!important;
    will-change:auto!important;
  }

  body.wc-has-brand-bg::after{
    transform:none!important;
    will-change:auto!important;
  }

  /* Topbaren må ikke skubbe layoutet mens browseren ændrer højde under scroll */
  .app-topbar{
    position:relative!important;
    top:auto!important;
    z-index:80!important;
    min-height:auto!important;
    transform:none!important;
    will-change:auto!important;
    contain:layout paint;
  }

  .layout{
    min-height:calc(100dvh - 90px);
    transform:none!important;
    will-change:auto!important;
  }

  .app-stage,
  .app-shell,
  .wc-post-pro-page,
  .wc-fp-hero,
  .wc-fp-card,
  .wc-post-pro-card,
  .wc-app-action-card,
  .wc-mobile-bottom-nav,
  .wc-chat-popup{
    transform:none!important;
    will-change:auto!important;
  }

  /* Undgå at billeder giver layout-hop mens de loader */
  img{
    height:auto;
  }

  .wc-app-action-card img{
    aspect-ratio:16/9;
  }

  .wc-fp-avatar,
  .wc-fp-avatar img,
  .wc-post-pro-composer-top img,
  .user-chip img,
  .wc-app-live-story img{
    flex:0 0 auto!important;
  }

  /* Mindre animation på mobil = mindre ryst */
  .wc-app-action-card,
  .wc-fp-person,
  .wc-fp-tabs a,
  .wc-mobile-bottom-nav a,
  .top-pill,
  .wc-btn,
  .wc-fp-btn{
    transition:border-color .12s ease, background .12s ease, color .12s ease!important;
  }

  .wc-app-action-card:hover,
  .wc-fp-person:hover,
  .wc-mobile-bottom-nav a:hover{
    transform:none!important;
  }

  .wc-app-action-card:hover img{
    transform:none!important;
  }

  /* Bundmenu stabiliseres med transform layer uden at påvirke resten af siden */
  .wc-mobile-bottom-nav{
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    transform:translateZ(0)!important;
  }

  /* Chat-popup må ikke hoppe ovenpå bundmenuen under scroll */
  .wc-chat-popup{
    position:fixed!important;
    right:12px!important;
    bottom:calc(96px + env(safe-area-inset-bottom, 0px))!important;
  }

  .wc-chat-panel,
  .wc-chat-toast{
    max-height:calc(100dvh - 150px)!important;
  }
}

@media (max-width: 680px){
  .layout{
    padding-bottom:18px!important;
  }

  .wc-chat-popup{
    bottom:calc(92px + env(safe-area-inset-bottom, 0px))!important;
  }

  .wc-post-pro-hero.wc-app-hero-visual,
  .wc-fp-hero{
    contain:layout paint;
  }
}

@media (prefers-reduced-motion: reduce){
  *{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}