/* Wimmer Community V6.50.9 - Mobil Pro komplet rebuild
   Formål: én samlet mobiloplevelse hvor logo, menu, online, chat, søgning og indhold passer til telefon. */
.wc-mobile-top-brand,.wc-mobile-status-mini{display:none;}
.wc-mobile-menu-btn,.wc-mobile-backdrop{display:none;}

@media(max-width:980px){
  :root{--wc-safe-bottom:env(safe-area-inset-bottom,0px);}
  *{box-sizing:border-box;}
  html,body{width:100%;max-width:100%;overflow-x:hidden!important;-webkit-text-size-adjust:100%;}
  body{background:#020b14!important;color:#edf7ff!important;}
  img,video,iframe,svg{max-width:100%!important;height:auto;}
  input,select,textarea,button{font-size:16px;}

  .app-shell{display:block!important;width:100%!important;min-width:0!important;max-width:100vw!important;}
  .app-stage{width:100%!important;min-width:0!important;max-width:100vw!important;margin:0!important;overflow-x:hidden!important;padding:0 0 calc(86px + var(--wc-safe-bottom))!important;}
  .layout{width:100%!important;max-width:100vw!important;margin:0!important;padding:12px 10px 22px!important;overflow-x:hidden!important;}

  /* MENU-KNAP: altid synlig og klikbar */
  .wc-mobile-menu-btn{
    display:flex!important;position:absolute!important;top:13px!important;left:12px!important;z-index:310!important;
    width:50px!important;height:50px!important;padding:0!important;margin:0!important;border-radius:18px!important;
    align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:0!important;
    background:linear-gradient(180deg,rgba(9,28,43,.98),rgba(3,13,23,.98))!important;
    border:1px solid rgba(80,255,218,.34)!important;color:#effffb!important;box-shadow:0 12px 36px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06)!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .wc-mobile-menu-btn span{display:block!important;width:24px!important;height:2.5px!important;margin:3px 0!important;border-radius:99px!important;background:#edfffb!important;box-shadow:none!important;transition:transform .16s ease,opacity .16s ease!important;}
  body.wc-menu-open .wc-mobile-menu-btn{position:fixed!important;background:linear-gradient(180deg,rgba(23,52,64,.98),rgba(5,18,30,.98))!important;}
  body.wc-menu-open .wc-mobile-menu-btn span:nth-child(1){transform:translateY(8.5px) rotate(45deg)!important;}
  body.wc-menu-open .wc-mobile-menu-btn span:nth-child(2){opacity:0!important;}
  body.wc-menu-open .wc-mobile-menu-btn span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)!important;}

  /* MOBIL HEADER: logo, status, profil, søgning og hurtigknapper */
  .app-topbar{
    position:relative!important;top:auto!important;z-index:120!important;width:100%!important;min-height:0!important;height:auto!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-areas:"brand status user" "search search search" "actions actions actions"!important;
    align-items:center!important;gap:9px!important;padding:12px 10px 13px 72px!important;
    background:linear-gradient(180deg,rgba(3,13,23,.98),rgba(3,11,20,.95))!important;border-bottom:1px solid rgba(64,232,204,.20)!important;
    box-shadow:0 12px 38px rgba(0,0,0,.30)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  .wc-mobile-top-brand{grid-area:brand!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-width:0!important;min-height:48px!important;text-decoration:none!important;color:#f8feff!important;}
  .wc-mobile-top-logo-icon,.wc-mobile-top-fallback{
    width:42px!important;height:42px!important;min-width:42px!important;border-radius:15px!important;display:grid!important;place-items:center!important;object-fit:cover!important;object-position:center!important;
    background:radial-gradient(circle at 35% 18%,rgba(34,211,238,.30),rgba(4,19,32,.92))!important;border:1px solid rgba(34,211,238,.35)!important;box-shadow:0 10px 28px rgba(0,0,0,.28),0 0 22px rgba(34,211,238,.12)!important;
  }
  .wc-mobile-brand-text{display:block!important;min-width:0!important;line-height:1.05!important;}
  .wc-mobile-brand-text strong{display:block!important;font-size:17px!important;font-weight:1000!important;letter-spacing:-.035em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#fff!important;}
  .wc-mobile-brand-text em{display:block!important;margin-top:3px!important;font-style:normal!important;font-size:11px!important;font-weight:800!important;color:#a7b7c8!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}

  .wc-mobile-status-mini{grid-area:status!important;display:inline-flex!important;align-items:center!important;gap:6px!important;height:36px!important;padding:0 10px!important;border-radius:999px!important;text-decoration:none!important;color:#dfffee!important;background:rgba(34,197,94,.09)!important;border:1px solid rgba(34,197,94,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;}
  .wc-mobile-status-mini span{width:9px!important;height:9px!important;border-radius:999px!important;background:#22c55e!important;box-shadow:0 0 0 4px rgba(34,197,94,.13),0 0 16px rgba(34,197,94,.36)!important;}
  .wc-mobile-status-mini.status-offline span{background:#94a3b8!important;box-shadow:0 0 0 4px rgba(148,163,184,.12)!important;}
  .wc-mobile-status-mini.status-busy span,.wc-mobile-status-mini.status-occupied span{background:#f59e0b!important;box-shadow:0 0 0 4px rgba(245,158,11,.12)!important;}
  .wc-mobile-status-mini strong{font-size:11.5px!important;font-weight:1000!important;line-height:1!important;white-space:nowrap!important;}

  .user-chip{grid-area:user!important;display:flex!important;position:relative!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;margin:0!important;border:1px solid rgba(80,255,218,.18)!important;border-radius:15px!important;background:rgba(9,24,38,.86)!important;overflow:visible!important;box-shadow:0 8px 22px rgba(0,0,0,.20)!important;}
  .user-chip .bell{display:none!important;}
  .user-chip img{width:34px!important;height:34px!important;border-radius:12px!important;object-fit:cover!important;border:1px solid rgba(80,255,218,.30)!important;}
  .user-chip span:not(.bell){display:none!important;}
  .user-chip:after{content:"";position:absolute!important;right:5px!important;bottom:5px!important;width:8px!important;height:8px!important;border-radius:999px!important;background:#22c55e!important;border:2px solid #071321!important;}

  .top-search{grid-area:search!important;width:100%!important;max-width:none!important;min-width:0!important;height:44px!important;margin:0!important;padding:0 13px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:9px!important;align-items:center!important;border-radius:17px!important;border:1px solid rgba(148,163,184,.22)!important;background:rgba(1,8,15,.74)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;}
  .top-search input{width:100%!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;color:#eaf5ff!important;outline:none!important;font-size:15.5px!important;line-height:1!important;}
  .top-search input::placeholder{color:#8d9bad!important;opacity:1!important;}
  .top-search span{font-size:16px!important;color:#8ef7dc!important;line-height:1!important;}
  .top-search kbd{display:none!important;}

  .top-nav.top-actions{grid-area:actions!important;margin:0!important;width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important;white-space:normal!important;}
  .top-nav.top-actions .wc-top-lang,.top-nav.top-actions .top-admin-btn,.top-nav.top-actions .top-logout-btn,.top-nav.top-actions .site-closed-badge,.top-nav.top-actions .wc-status-pill{display:none!important;}
  .top-nav.top-actions .top-pill{position:relative!important;display:grid!important;grid-template-columns:auto minmax(0,auto)!important;place-content:center!important;align-items:center!important;gap:7px!important;width:100%!important;height:42px!important;min-width:0!important;padding:0 8px!important;border-radius:16px!important;text-decoration:none!important;color:#ecfffb!important;background:linear-gradient(180deg,rgba(9,24,38,.86),rgba(4,14,25,.84))!important;border:1px solid rgba(148,163,184,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;font-size:0!important;overflow:visible!important;}
  .top-nav.top-actions .top-pill .wc-pill-icon{display:inline-grid!important;place-items:center!important;width:14px!important;height:14px!important;font-size:14px!important;line-height:1!important;color:#8ef7dc!important;}
  .top-nav.top-actions .top-pill em{display:block!important;font-style:normal!important;font-size:12px!important;line-height:1!important;font-weight:1000!important;color:#f1fbff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .top-nav.top-actions .wc-online-pill .wc-pill-icon{font-size:0!important;border-radius:999px!important;background:#22c55e!important;box-shadow:0 0 0 4px rgba(34,197,94,.13)!important;}
  .top-nav.top-actions .top-pill.active{border-color:rgba(36,224,170,.38)!important;background:linear-gradient(180deg,rgba(36,224,170,.15),rgba(27,181,255,.07))!important;}
  .top-nav.top-actions .top-pill .nav-badge{position:absolute!important;right:-5px!important;top:-7px!important;min-width:20px!important;height:20px!important;padding:0 5px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:#17df9e!important;color:#02120c!important;font-size:10.5px!important;font-weight:1000!important;border:1px solid rgba(255,255,255,.45)!important;margin:0!important;}

  /* MOBILMENU: rigtig drawer, ikke to kolonner */
  .wc-mobile-backdrop{display:block!important;position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:250!important;opacity:0!important;pointer-events:none!important;background:rgba(0,0,0,.62)!important;transition:opacity .18s ease!important;}
  body.wc-menu-open .wc-mobile-backdrop{opacity:1!important;pointer-events:auto!important;}
  .app-sidebar{position:fixed!important;top:0!important;left:0!important;width:min(90vw,370px)!important;max-width:min(90vw,370px)!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;padding:78px 13px 20px!important;z-index:290!important;transform:translate3d(-106%,0,0)!important;transition:transform .18s ease!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;border-right:1px solid rgba(80,255,218,.18)!important;border-bottom:0!important;background:linear-gradient(180deg,rgba(3,12,22,.99),rgba(2,8,15,.985))!important;box-shadow:24px 0 80px rgba(0,0,0,.58)!important;}
  body.wc-menu-open .app-sidebar{transform:translate3d(0,0,0)!important;}
  body.wc-menu-locked{position:fixed!important;overflow:hidden!important;width:100%!important;}
  .app-sidebar .side-brand{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;width:100%!important;margin:0 0 14px!important;padding:0 0 14px!important;border-bottom:1px solid rgba(255,255,255,.10)!important;}
  .side-brand .brand-mark,.side-brand .brand-mark img{width:52px!important;height:52px!important;min-width:52px!important;border-radius:18px!important;object-fit:cover!important;}
  .side-brand strong{display:block!important;font-size:20px!important;line-height:1.08!important;font-weight:1000!important;white-space:normal!important;overflow-wrap:anywhere!important;color:#fff!important;}
  .side-brand em{display:block!important;margin-top:3px!important;font-style:normal!important;font-size:12.5px!important;line-height:1.25!important;color:#9fb0c5!important;}
  .side-menu{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:7px!important;width:100%!important;}
  .side-menu a{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;align-items:center!important;gap:11px!important;min-height:48px!important;width:100%!important;max-width:100%!important;padding:11px 12px!important;border-radius:16px!important;background:transparent!important;border:1px solid transparent!important;color:#edf7ff!important;font-size:15.5px!important;font-weight:900!important;line-height:1.14!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .side-menu a span{width:34px!important;height:34px!important;min-width:34px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:rgba(255,255,255,.045)!important;color:#aeefff!important;font-size:17px!important;}
  .side-menu a.active,.side-menu a:hover{background:linear-gradient(90deg,rgba(36,224,170,.16),rgba(27,181,255,.08))!important;border-color:rgba(36,224,170,.18)!important;color:#fff!important;box-shadow:none!important;}
  .side-menu a b{margin-left:0!important;min-width:23px!important;height:23px!important;border-radius:999px!important;background:#17d89c!important;color:#02120c!important;font-size:11px!important;}
  .side-menu hr{display:none!important;}
  .side-card,.system-card{margin-top:13px!important;padding:13px!important;border-radius:18px!important;background:rgba(8,22,36,.82)!important;border:1px solid rgba(148,163,184,.14)!important;box-shadow:none!important;}

  /* BUNDMENU: tydelig og over browserens bund */
  .wc-mobile-bottom-nav{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(10px + var(--wc-safe-bottom))!important;z-index:220!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;min-height:64px!important;margin:0!important;padding:7px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(6,18,31,.96),rgba(2,9,16,.98))!important;border:1px solid rgba(45,212,191,.24)!important;box-shadow:0 18px 58px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.05)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
  .wc-mobile-bottom-nav a{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-height:50px!important;padding:0 3px!important;border-radius:17px!important;color:#aebfd2!important;text-decoration:none!important;font-weight:1000!important;line-height:1!important;}
  .wc-mobile-bottom-nav a span{font-size:18px!important;line-height:1!important;}
  .wc-mobile-bottom-nav a em{font-style:normal!important;font-size:10.5px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
  .wc-mobile-bottom-nav a.active{color:#ecfffb!important;background:linear-gradient(180deg,rgba(36,224,170,.18),rgba(27,181,255,.09))!important;box-shadow:inset 0 0 0 1px rgba(36,224,170,.26)!important;}
  .wc-mobile-bottom-nav b{position:absolute!important;top:2px!important;right:10px!important;min-width:18px!important;height:18px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:#17df9e!important;color:#02120c!important;font-size:10px!important;font-weight:1000!important;border:1px solid rgba(255,255,255,.38)!important;}
  body.wc-menu-open .wc-mobile-bottom-nav{opacity:.18!important;pointer-events:none!important;}
  .wc-chat-popup{display:none!important;}

  /* GENERELT INDHOLD: ikke mast sammen, ikke vandret scroll */
  .premium-home,.grid,.chat-page,.site-status-grid,.closed-card,.right-column,.super-two,.wc-settings-layout,.wc-home-layout,.wc-home-hero,.wc-mp-pro-category-grid,.wc-mp-trust-strip,.wc-mp-map-grid,.wc-mp-item-grid,.wc-profile-pro-layout{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
  .right-column{display:grid!important;}
  .composer-card,.feed-tabs,.post-card,.right-card,.panel,.card,.market-card,.marketplace-card,.chat-card,.profile-hero,.wc-home-card,.wc-mp-pro-category-card,.wc-mp-hero,.wc-mp-map-teaser,.wc-mp-trust-strip>div{border-radius:20px!important;max-width:100%!important;min-width:0!important;box-shadow:0 8px 24px rgba(0,0,0,.20)!important;}
  .btn,.wc-btn,.post-submit,button[type="submit"]{min-height:42px!important;border-radius:14px!important;}
  table{min-width:720px;}

  /* Forside - kompakt, pæn mobilhero */
  body.wc-page-index .wc-post-pro-hero.wc-app-hero-visual{min-height:0!important;display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding:18px!important;border-radius:22px!important;overflow:hidden!important;}
  body.wc-page-index .wc-post-pro-hero.wc-app-hero-visual:before{background:linear-gradient(180deg,rgba(3,13,22,.70),rgba(3,13,22,.91)),url('wimmer_app_home/hero-community.jpg') center/cover no-repeat!important;opacity:.9!important;}
  body.wc-page-index .wc-post-pro-hero .wc-kicker{font-size:12px!important;margin-bottom:6px!important;}
  body.wc-page-index .wc-post-pro-hero h1{font-size:34px!important;line-height:1!important;margin:0 0 8px!important;letter-spacing:-.045em!important;}
  body.wc-page-index .wc-post-pro-hero p{font-size:15.5px!important;line-height:1.36!important;margin:0!important;max-width:100%!important;}
  body.wc-page-index .wc-post-pro-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:14px!important;}
  body.wc-page-index .wc-post-pro-hero-actions .wc-btn{width:100%!important;min-height:42px!important;padding:9px 10px!important;}
  body.wc-page-index .wc-post-pro-hero-card{width:100%!important;max-width:none!important;margin:0!important;padding:15px!important;border-radius:18px!important;background:rgba(8,22,35,.84)!important;}
  body.wc-page-index .wc-post-pro-hero-card strong{font-size:22px!important;line-height:1.08!important;}
  body.wc-page-index .wc-post-pro-hero-card span{font-size:14px!important;}
  body.wc-page-index .wc-app-action-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important;margin:12px 0!important;padding:0!important;}
  body.wc-page-index .wc-app-action-card{min-height:142px!important;border-radius:20px!important;overflow:hidden!important;}
  body.wc-page-index .wc-app-action-card img{height:82px!important;object-fit:cover!important;}
  body.wc-page-index .wc-app-action-icon{width:42px!important;height:42px!important;left:12px!important;top:56px!important;font-size:18px!important;}
  body.wc-page-index .wc-app-action-card strong{font-size:14px!important;padding-left:12px!important;padding-right:28px!important;}
  body.wc-page-index .wc-app-action-card small{font-size:11px!important;line-height:1.22!important;min-height:auto!important;padding-left:12px!important;padding-right:28px!important;padding-bottom:11px!important;}
  body.wc-page-index .wc-app-action-card em{right:10px!important;bottom:13px!important;width:28px!important;height:28px!important;}

  /* Markedsplads - mobilkort skal være én kolonne og fuld bredde */
  .wc-mp-page{width:100%!important;max-width:100%!important;display:grid!important;gap:12px!important;}
  .wc-mp-hero{padding:18px!important;display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
  .wc-mp-hero h1{font-size:34px!important;line-height:1.03!important;margin:0 0 8px!important;}
  .wc-mp-hero p{font-size:15px!important;line-height:1.42!important;}
  .wc-mp-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;width:100%!important;}
  .wc-mp-pro-category-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
  .wc-mp-pro-category-card{padding:16px!important;display:grid!important;gap:12px!important;}
  .wc-mp-pro-category-card h2{font-size:24px!important;margin:0!important;}
  .wc-mp-pro-category-card p{font-size:14.5px!important;line-height:1.38!important;}
  .wc-mp-pro-category-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;}
  .wc-mp-trust-strip{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .wc-mp-map-teaser{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding:16px!important;}
  .wc-mp-search,.wc-mp-vehicle-filter{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .wc-mp-cats,.wc-mp-cats-main{display:flex!important;overflow-x:auto!important;gap:8px!important;padding-bottom:5px!important;scrollbar-width:none!important;}
  .wc-mp-cats::-webkit-scrollbar,.wc-mp-cats-main::-webkit-scrollbar{display:none!important;}
  .wc-mp-cats a,.wc-mp-cats-main a{white-space:nowrap!important;}

  /* Chat/profil/formularer */
  .chat-page{grid-template-columns:1fr!important;}
  .chat-window{height:68vh!important;min-height:430px!important;}
  .chat-sidebar{min-height:auto!important;}
  .composer-card{grid-template-columns:46px minmax(0,1fr)!important;gap:12px!important;padding:16px!important;}
  .composer-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;}
  .composer-actions select,.composer-tool,.post-submit{width:100%!important;margin:0!important;}
  .profile-hero,.wc-profile-hero{padding:16px!important;}
}

@media(max-width:520px){
  .app-topbar{padding-left:70px!important;padding-right:8px!important;gap:8px!important;}
  .wc-mobile-top-brand{grid-template-columns:40px minmax(0,1fr)!important;gap:8px!important;}
  .wc-mobile-top-logo-icon,.wc-mobile-top-fallback{width:40px!important;height:40px!important;min-width:40px!important;border-radius:14px!important;}
  .wc-mobile-brand-text strong{font-size:16px!important;}
  .wc-mobile-brand-text em{font-size:10.5px!important;}
  .wc-mobile-status-mini{height:34px!important;padding:0 8px!important;}
  .wc-mobile-status-mini strong{font-size:11px!important;}
  .user-chip{width:40px!important;height:40px!important;min-width:40px!important;}
  .user-chip img{width:32px!important;height:32px!important;}
  .top-nav.top-actions{gap:7px!important;}
  .top-nav.top-actions .top-pill{height:40px!important;border-radius:15px!important;gap:5px!important;padding:0 6px!important;}
  .top-nav.top-actions .top-pill em{font-size:11.5px!important;}
  .layout{padding-left:8px!important;padding-right:8px!important;}
}

@media(max-width:390px){
  .app-topbar{padding-left:66px!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand user" "status status" "search search" "actions actions"!important;}
  .wc-mobile-status-mini{justify-self:start!important;}
  .wc-mobile-brand-text em{display:none!important;}
  .top-nav.top-actions .top-pill em{font-size:11px!important;}
  body.wc-page-index .wc-app-action-strip{grid-template-columns:1fr!important;}
  body.wc-page-index .wc-app-action-card{min-height:128px!important;}
  .wc-mp-hero-actions,.wc-mp-pro-category-actions{grid-template-columns:1fr!important;}
}

@media(min-width:981px){
  .wc-mobile-bottom-nav{display:none!important;}
}