/* ==========================================================
   SMILIE-PLUGIN: EDITOR STYLE (V4.7 - Conflict-Fix)
   ========================================================== */

.asp-toggle-container { 
    border: 1px solid #ccd0d4; 
    background: #fff; 
    border-radius: 4px; 
    overflow: hidden; 
    clear: both; 
}

.asp-tabs-header { 
    display: flex; 
    background: #f0f0f1; 
    border-bottom: 1px solid #ccd0d4; 
    overflow-x: auto; 
    scrollbar-width: none;
}

.asp-tabs-header::-webkit-scrollbar {
    display: none;
}

.asp-tab-btn { 
    padding: 8px 12px; 
    border: none; 
    background: none; 
    cursor: pointer; 
    font-weight: bold; 
    font-size: 13px; 
    color: #50575e; 
    border-right: 1px solid #ccd0d4; 
    white-space: nowrap; 
    outline: none; 
}

/* AKTIVER TAB: Chopper-Braun mit weißer Schrift (Isoliert) */
.asp-tab-btn.asp-active { 
    background: #8A6D4B !important; 
    color: #ffffff !important; 
    border-bottom: none; 
}

.asp-grid { 
    display: flex; 
    flex-wrap: wrap; 
    gap: 8px; 
    padding: 15px; 
}

/* PC-ANSICHT: Originalgröße */
.forum-smilie-item {
    height: auto !important;
    width: auto !important;
    max-width: 100%;
    cursor: pointer;
    padding: 3px;
    border-radius: 3px;
    transition: transform 0.1s;
    object-fit: contain;
}

/* HANDY-ANSICHT: 30px Höhe begrenzt */
@media (max-width: 768px) {
    .forum-smilie-item {
        height: 30px !important;
        width: auto !important;
        padding: 5px;
    }
    
    .asp-tab-btn {
        padding: 10px 10px;
        font-size: 12px;
    }
}

.forum-smilie-item:hover { 
    transform: scale(1.4); 
    background: #f0f0f1; 
}