/* NextPing Forum Mobile Style v0.1.39
 * Listado intermedio SOLO para subforos normales de actividad.
 * Los nodos nativos de wpForo permanecen intactos: se añade una capa visual.
 * Noticias y NextPing 60s están excluidos por contexto y por clases. */

@media (min-width: 768px) {
  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-header,
  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-main {
    display: grid !important;
    grid-template-columns: 180px minmax(0, 1fr) 82px 64px 86px !important;
    column-gap: 16px !important;
    box-sizing: border-box !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-header {
    align-items: center !important;
    width: 100% !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    background: #f6f9fd !important;
    border-top: 1px solid #e4ebf4 !important;
    border-bottom: 1px solid #dfe7f1 !important;
    color: #708098 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-header span:nth-child(n+3) {
    text-align: center !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-topic-row,
  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-topic-row.npfm-topic-row {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    border: 0 !important;
    border-bottom: 1px solid #e5ebf3 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-topic-row::before,
  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-topic-row::after {
    display: none !important;
  }

  /* Solo ocultación visual: wpForo conserva todos sus nodos y enlaces nativos. */
  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-topic-row > :not(.npfms-activity-main):not(.npfms-activity-comment) {
    display: none !important;
  }


  /* La fila azul nativa de "último mensaje" queda solo oculta visualmente.
     El nodo sigue en el DOM; nuestra franja de comentario se muestra únicamente
     cuando existe una respuesta real. */
  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-native-last-post {
    display: none !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-main {
    align-items: center !important;
    width: 100% !important;
    min-height: 118px !important;
    padding: 8px 12px !important;
    background: #fff !important;
    transition: background-color .12s ease !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-main:hover {
    background: #fbfdff !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-media {
    display: block !important;
    width: 180px !important;
    height: 102px !important;
    overflow: hidden !important;
    border: 1px solid #dbe5f1 !important;
    border-radius: 9px !important;
    background: #f3f7fc !important;
    box-shadow: 0 3px 12px rgba(18,45,79,.055) !important;
    text-decoration: none !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-media img.is-fallback {
    object-fit: contain !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    background: #f3f7fc !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-content {
    min-width: 0 !important;
    align-self: center !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-title {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    margin: 0 0 6px !important;
    color: #0867df !important;
    font-size: 17px !important;
    line-height: 1.22 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-title:hover {
    color: #004cae !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-excerpt {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    color: #66758a !important;
    font-size: 12.5px !important;
    line-height: 1.42 !important;
    font-weight: 500 !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-stat {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-stat strong {
    color: #142a49 !important;
    font-size: 17px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
  }

  /* Franja de último comentario: solo existe si hay respuesta real. */
  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-comment {
    display: grid !important;
    grid-template-columns: 180px minmax(0, 1fr) 82px 64px 86px !important;
    column-gap: 16px !important;
    align-items: center !important;
    min-height: 40px !important;
    margin: -1px 12px 8px !important;
    padding: 5px 9px !important;
    box-sizing: border-box !important;
    background: #f6f9fd !important;
    border: 1px solid #edf2f8 !important;
    border-radius: 8px !important;
    color: #5d6f88 !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-comment-label,
  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-comment-user {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-comment-label {
    gap: 7px !important;
    color: #334b6d !important;
    font-size: 11.5px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-comment-icon {
    display: inline-block !important;
    position: relative !important;
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 17px !important;
    border: 1.4px solid #7890af !important;
    border-radius: 50% !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-comment-icon::after {
    content: '' !important;
    position: absolute !important;
    left: 2px !important;
    bottom: -2px !important;
    width: 5px !important;
    height: 5px !important;
    border-left: 1.4px solid #7890af !important;
    border-bottom: 1.4px solid #7890af !important;
    transform: skew(-18deg) !important;
    background: #f6f9fd !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-comment-text {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    color: #5d6f88 !important;
    font-size: 11.5px !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-comment-label {
    grid-column: 1 !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-comment-text {
    grid-column: 2 !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-comment-user {
    grid-column: 3 / 6 !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    white-space: nowrap !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-comment-name {
    overflow: hidden !important;
    max-width: 108px !important;
    color: #273f61 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    text-overflow: ellipsis !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-comment-avatar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    margin: 0 !important;
    border: 1px solid #dbe5f1 !important;
    border-radius: 999px !important;
    object-fit: cover !important;
    background: #fff !important;
    color: #1267e8 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-comment-time {
    color: #75849a !important;
    font-size: 10.5px !important;
  }
}

@media (min-width: 768px) and (max-width: 1180px) {
  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-header,
  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-main {
    grid-template-columns: 150px minmax(0, 1fr) 65px 52px 72px !important;
    column-gap: 10px !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-main {
    min-height: 100px !important;
    padding: 7px 9px !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-media {
    width: 150px !important;
    height: 84px !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-title {
    font-size: 15px !important;
  }

  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-comment {
    grid-template-columns: 150px minmax(0,1fr) 160px !important;
    column-gap: 10px !important;
    margin-left: 9px !important;
    margin-right: 9px !important;
  }
}

/* Móvil se deja deliberadamente nativo en esta primera fase. */
@media (max-width: 767px) {
  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-header,
  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-main,
  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-comment {
    display: none !important;
  }
  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-topic-row > :not(.npfms-activity-main):not(.npfms-activity-comment) {
    display: revert !important;
  }
  body #wpforo-wrap.npfms-activity-subforum .npfms-activity-native-last-post {
    display: revert !important;
  }
}