/* ------------------------------------------------------------
   showthread.css - Emerald Dark (actualizado)
   ------------------------------------------------------------ */

/* Thread tools */
ul.thread_tools,
ul.thread_tools li {
    color: #f3f9f7;
    padding-left: 14px;
    padding-bottom: 4px;
    margin-bottom: 3px;
    list-style: none;
    font-size: 14px;
    text-decoration: none;
}

ul.thread_tools li {
    padding-left: 24px;
    padding-bottom: 4px;
    margin-bottom: 3px;
    font-size: 14px;
    color: #f3f9f7;
    text-decoration: none;
}

/* Icons (Font Awesome) for thread tools */
ul.thread_tools li.printable:before {
    margin-right: 5px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f02f";
}

ul.thread_tools li.sendthread:before {
    margin-right: 5px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f0e0";
}

ul.thread_tools li.subscription_add:before {
    margin-right: 5px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f1ea";
}

ul.thread_tools li.subscription_remove:before {
    margin-right: 5px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f1ea";
}

ul.thread_tools li.poll:before {
    margin-right: 5px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f080";
}

/* Spinner shown while loading posts */
.showthread_spinner {
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 20px;
}

/* Botones dentro del formulario de posteo (margen entre botones) */
div > div.post_content > div > form > button {
    margin-right: 8px;
}

/* ------------------------------------------------------------
   REGLAS PARA USERGROUPS EN EL POSTBIT
   - Muestra el grupo primario en primer lugar y los grupos
     adicionales debajo, cada uno en su propia línea.
   ------------------------------------------------------------ */

/* Contenedores objetivo: distintos postbit que usa MyBB en temas */
.postbit .user-groups,
.postbit_author_user .user-groups,
.postbit_classic .user-groups {
    margin-top: 6px;
    /* Puedes ajustar el espacio superior según el tema */
}

/* Grupo primario (nombre / badge principal) */
.postbit .user-groups .primary-group,
.postbit_author_user .user-groups .primary-group,
.postbit_classic .user-groups .primary-group {
    display: block;
    font-weight: 700;
    margin-bottom: 4px;
    line-height: 1.2;
}

/* Forzar que cada badge/enlace/imagen de grupos adicionales salga en su propia línea */
.postbit .user-groups img,
.postbit .user-groups a,
.postbit_author_user .user-groups img,
.postbit_author_user .user-groups a,
.postbit_classic .user-groups img,
.postbit_classic .user-groups a {
    display: block;
    margin: 2px 0;
    vertical-align: middle;
    max-height: 20px; /* limita tamaño de imágenes de grupo si son muy grandes */
    max-width: none;
}

/* Si los grupos adicionales están envueltos en spans o .additional-groups */
.postbit .user-groups .additional-groups,
.postbit_author_user .user-groups .additional-groups,
.postbit_classic .user-groups .additional-groups {
    display: block;
    margin-top: 2px;
}

/* Si los grupos adicionales se imprimen como texto (no imgs) */
.postbit .user-groups .additional-groups span,
.postbit .user-groups .additional-groups a {
    display: block;
    padding: 2px 0;
}

/* Ajustes responsivos: reducir tamaño en pantallas pequeñas */
@media (max-width: 480px) {
    .postbit .user-groups .primary-group {
        font-size: 13px;
    }
    .postbit .user-groups img {
        max-height: 18px;
    }
}

/* ------------------------------------------------------------
   Fin de showthread.css
   ------------------------------------------------------------ */