/* Wimmer Community V6.39.3 - Mobil Rolig Fix
   Fjerner mobile fixed/sticky elementer der kan give hop/ryst på Android/iPhone.
   Målet er en rolig, stabil mobilside frem for tunge app-effekter. */

@media (max-width: 980px){
  html,
  body{
    overflow-x:hidden!important;
    scroll-behavior:auto!important;
    overscroll-behavior:auto!important;
    height:auto!important;
    min-height:100%!important;
  }

  body{
    padding-bottom:0!important;
    background:#020b14!important;
  }

  /* Ingen fixed/sticky topbar på mobil */
  .app-topbar{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    z-index:20!important;
    min-height:0!important;
    transform:none!important;
    will-change:auto!important;
    contain:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  /* Mobile menu-knappen må ikke ligge fixed og ryste under scroll */
  .wc-mobile-menu-btn{
    position:absolute!important;
    top:12px!important;
    left:12px!important;
    z-index:120!important;
    transform:none!important;
    will-change:auto!important;
    box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  /* Backdrop/sidebar er kun aktive når menuen er åben */
  .wc-mobile-backdrop{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  .app-sidebar{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    will-change:auto!important;
  }

  /* Den store årsag: bundmenu må ikke være fixed */
  .wc-mobile-bottom-nav{
    position:static!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:auto!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    margin:18px 10px 16px!important;
    padding:9px!important;
    border-radius:22px!important;
    background:rgba(5,14,24,.98)!important;
    border:1px solid rgba(88,255,209,.16)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
    transform:none!important;
    will-change:auto!important;
    contain:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  .wc-mobile-bottom-nav a{
    min-height:56px!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }

  .wc-mobile-bottom-nav a:hover,
  .wc-mobile-bottom-nav a:active{
    transform:none!important;
  }

  .footer.pro-footer{
    margin-bottom:0!important;
  }

  /* Flydende chatknap fjernes på mobil. Chat kan stadig åbnes via menu/bundmenu/forside. */
  .wc-chat-popup{
    display:none!important;
  }

  /* Ingen fixed baggrund/blur på mobil */
  body.wc-has-brand-bg::before,
  body.wc-has-brand-bg::after{
    position:absolute!important;
    background-attachment:scroll!important;
    transform:none!important;
    will-change:auto!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  /* Ingen transform/scale/hover-effekter på mobil */
  .wc-app-action-card,
  .wc-app-action-card img,
  .wc-fp-person,
  .wc-fp-tabs a,
  .wc-post-pro-card,
  .wc-post-pro-hero,
  .wc-fp-hero,
  .profile-hero,
  .wc-profile-hero,
  .card,
  .wc-btn,
  .wc-fp-btn,
  button,
  a{
    will-change:auto!important;
  }

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

  /* Dæmp tunge skygger på mobil */
  .wc-post-pro-card,
  .wc-fp-card,
  .wc-post-pro-hero,
  .wc-fp-hero,
  .wc-app-action-card,
  .profile-hero,
  .wc-profile-hero,
  .card{
    box-shadow:0 6px 18px rgba(0,0,0,.20)!important;
  }

  /* Layout må ikke forsøge at bruge dynamisk viewport-height */
  .layout,
  .app-stage,
  .app-shell,
  .wc-post-pro-page,
  .wc-fp-layout{
    min-height:0!important;
    transform:none!important;
    will-change:auto!important;
    contain:none!important;
  }

  /* Stabiliser billeder/kort så load ikke skubber indholdet */
  img{
    max-width:100%!important;
    height:auto;
  }

  .wc-app-action-card{
    min-height:194px!important;
  }

  .wc-app-action-card img{
    height:124px!important;
    object-fit:cover!important;
  }

  .wc-post-pro-image{
    min-height:170px!important;
    background:#06111d!important;
    object-fit:cover!important;
  }

  .wc-post-pro-video-wrap{
    min-height:200px!important;
    background:#06111d!important;
  }

  /* Horizontal scroll-områder må ikke påvirke hele siden */
  .wc-app-action-strip,
  .wc-fp-tabs,
  .wc-post-pro-stats{
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:auto!important;
    scrollbar-width:none;
  }

  .wc-app-action-strip::-webkit-scrollbar,
  .wc-fp-tabs::-webkit-scrollbar,
  .wc-post-pro-stats::-webkit-scrollbar{
    display:none;
  }
}

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

  .wc-mobile-bottom-nav{
    margin-left:8px!important;
    margin-right:8px!important;
    margin-bottom:14px!important;
  }

  .wc-mobile-bottom-nav a{
    min-height:54px!important;
  }
}

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