/* ===================================
   JJ Shoutbox fixes after Helix update by guidocx84 - July 2026
   =================================== */
   
/* Toolbar BBCode */
.jjshoutbox .btn-toolbar {
    overflow: visible;
}

.jjshoutbox .btn-group {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}


/* Dropdown emoticons */
.jjshoutbox .dropdown-menu {
    padding: 5px;
    min-width: auto;
    max-width: 220px;
}

.jjshoutbox .dropdown-menu li {
    display: inline-block;
    float: none;
    padding: 0;
    margin: 0;
    list-style: none;
}

.jjshoutbox .dropdown-menu .jj_smiley {
    display: inline-block;
    float: none;
    vertical-align: middle;
    margin: 3px;
}


/* Pulsanti */
.jjshoutbox .btn-default,
.jjshoutbox .btn {
    background-color: rgb(153,51,51);
    border-color: rgb(153,51,51);
    color: #fff;
}

.jjshoutbox .btn-default:hover,
.jjshoutbox .btn:hover {
    background-color: rgb(115,38,38);
    border-color: rgb(115,38,38);
    color: #fff;
}

/* Fix JJ Shoutbox Bootstrap buttons */
.jjshoutbox .btn-toolbar {
    margin-left: 0;
    margin-top: 10px;
}

.jjshoutbox .btn-group {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

.jjshoutbox .btn-group .btn {
    padding: 4px 8px !important;
    font-size: 12px !important;
    line-height: 18px !important;
    height: 28px !important;
    min-height: 28px !important;
    white-space: nowrap;
}

.jjshoutbox .btn-group img {
    width: auto;
    height: 16px;
    display: inline-block;
}

/* Pulsante invia */
.jjshoutbox #shoutbox-submit {
    margin-top: 10px;
    height: 35px !important;
    min-height: 35px !important;
    line-height: 33px !important;
    padding: 0 12px !important;
    background: rgb(153,51,51) !important;
    border-color: rgb(153,51,51) !important;
    color: #fff !important;
}

.jjshoutbox #shoutbox-submit:hover {
    background: rgb(115,38,38) !important;
    border-color: rgb(115,38,38) !important;
}


/* Tutti i pulsanti della toolbar */
.jjshoutbox .bbcode-button,
.jjshoutbox .dropdown-toggle {
    background: rgb(153,51,51) !important;
    border-color: rgb(153,51,51) !important;
    color: #fff !important;
}

.jjshoutbox .bbcode-button:hover,
.jjshoutbox .dropdown-toggle:hover {
    background: rgb(115,38,38) !important;
    border-color: rgb(115,38,38) !important;
}

/* Fix JJ Shoutbox smiley dropdown */
.jjshoutbox .dropdown-menu {
    padding: 5px !important;
    margin: 0 !important;
    min-width: 150px;
}

.jjshoutbox .dropdown-menu li {
    display: inline-block !important;
    float: none !important;
    width: auto !important;
    padding: 2px !important;
    margin: 0 !important;
    border: 0 !important;
}

.jjshoutbox .jj_smiley {
    display: block !important;
    float: none !important;
    margin: 0 !important;
}

/* JJ Shoutbox - uniform button spacing */
.jjshoutbox .btn-group {
    gap: 3px;
}

.jjshoutbox .btn-group > .btn {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Override template.css - JJ Shoutbox link button spacing */
.jjshoutbox button.btn.btn-default.btn-sm.bbcode-button.jj-link.jj-trigger-insert {
    margin-right: 0 !important;
}

/* ===================================
   UddeIM fixes after Helix update by guidocx84 - July 2026
   =================================== */

/* Fix mobile UddeIM */

@media (max-width: 767px) {

    /* menu */
    #uddeim-navbar2 {
        height: auto !important;
        min-height: 28px;
        line-height: normal !important;
        padding: 5px !important;
        overflow: hidden;
    }

    #uddeim-navbar2 ul {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
    }

    #uddeim-navbar2 ul li {
        display: inline-block !important;
        padding: 4px !important;
    }


    /* emoticons */
    #uddeim-smileybox {
        max-width:100%;
        overflow-x:auto;
    }

    #uddeim-smileybox table {
        width:auto !important;
    }


    /* pulsante risposta */
    .uddeim-messagefrom .btn-sm {
        margin:10px 0 0 0 !important;
    }

}