/* Plik: css/style.css */

.mas_komputer-accordion-container {
    width: 100%;
    box-sizing: border-box;
}

.mas_komputer-accordion-container ul {
    list-style: none;
    /* padding-left jest ustawiany dynamicznie w PHP dla wcięć */
}

.mas_komputer-accordion-container > .mas_komputer-accordion-list {
    padding-left: 0 !important;
    margin-left: 0 !important; 
}

.mas_komputer-accordion-container li {
    margin-bottom: 5px;
}

.mas_komputer-accordion-list .accordion-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    background-color: #f1f1f1;
    border: 1px solid #ddd;
}

.mas_komputer-accordion-list .accordion-title.icon-right a { order: 1; }
.mas_komputer-accordion-list .accordion-title.icon-right .toggle-icon { order: 2; }
.mas_komputer-accordion-list .accordion-title.icon-left a { order: 2; margin-left: 0; }
.mas_komputer-accordion-list .accordion-title.icon-left .toggle-icon { order: 1; }

.mas_komputer-accordion-list .accordion-title a {
    text-decoration: none;
    flex-grow: 1;
    min-width: 0;
}

.mas_komputer-accordion-list .toggle-icon {
    cursor: pointer;
    font-size: 20px;
    width: 20px;
    height: 20px;
    line-height: 1;
    flex-shrink: 0;
}

.mas_komputer-accordion-list .accordion-content {
    border: 1px solid #ddd;
    border-top: none;
    padding: 10px;
}

/* NOWOŚĆ: Style dla "pustego" miejsca podczas przeciągania w panelu admina */
.mas_komputer-sortable-placeholder {
    height: 40px;
    background-color: #f0f0f0 !important; /* Użyj !important, aby nadpisać style inline */
    border: 1px dashed #ccc;
    margin-bottom: 5px;
}