.ui-dialog.lpb-dialog.ui-widget.ui-widget-content.ui-front {
    details {
        min-height: 500px;
    }
}

.lpb-controls-label {
    font-size: 1rem;
}

#bs_nav-tabs {
    top: -24px !important;
}

.ck.ck-content.ck-editor__editable {
    color: #222;
}

.color-fields-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    max-width: 300px;
    align-items: end;
}

.form-type--color {
    flex: 1 !important;
    max-width: 120px !important;
}

input[id^="edit-field-image-selection-"] {
    width: 100px;
    background: none;
    text-align: left;    
  }
  


/* Paragraphs  */

.ui-dialog.lpb-dialog.ui-widget.ui-widget-content.ui-front {
    width: 100% !important;
    max-width: 1000px;
    .lpb-component-list__search {
        display: none;
    }
    .lpb-component-list__group > div > div {
        width: 100%;        
        background: #eee;
        padding: 5px 10px;
        margin: 5px;
        border: 1px dotted;
        transition: all 0.3s ease;        
        a {
            font-size: 1.2rem;
            margin: 0.3rem 0;
            text-decoration: none;
            color: #000 !important;
        }
    }
    
    .lpb-component-list__group--content {
        width: 1000px;
        max-width: 100%;
        margin-top: 10px;
        border-top: 1px solid #b1b1b1;
        padding-top: 20px;
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 10px;
    }
    
}

.ui-dialog.lpb-dialog.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons {
    max-width: 1300px;
}


.grid,
.grid.horizontal-tabs-pane > div {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
    /* Opcjonalnie: odstępy między kolumnami */
}

.grid12 {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 10px;
}

.grid21 {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 10px;
}


.flex {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    > div {
        min-width: 100px;
    }
}


.field--type-link {
    max-width: 615px;
    > fieldset {
        border: 0;
        padding: 0;
        margin: 0;
        > legend {
            display: none;
        }
        > .fieldset__wrapper {
            margin: 0;
        }
    }
}



/* IMAGE field FORM */
.grid .field--widget-image-image .image-widget.js-form-managed-file.form-managed-file {
    display: grid;
    grid-template-columns: 1fr;
    .image-widget-data {
    
    }
}

/* MEDIA LIBRARY PARAGRAPH */
.media-library-menu {
    width: 100% !important;
}

#drupal-modal #media-library-wrapper {
    display: grid;
    grid-template-columns: 1fr 4fr;
    ul.js-media-library-menu {
        list-style-type: none;
        padding: 10px;
        border-right: 1px solid  #eee;    
        li {        
            padding: 10px;
            border-bottom: 1px solid #eee;    
        }
        li a.active {
            font-weight: 700;
        }
    }
}

#drupal-modal {
    form.js-media-library-add-form {
        .form-wrapper {
            display: flex;
            align-items: center;
        }
        .form-submit.btn {
            width: 150px;
            height: 45px;
        }
    }

}
/* #media-library-content {
    padding: 30px;
    form.js-media-library-views-form {
        display: grid;
        grid-template-columns: 0fr 1fr 1fr 1fr 1fr;
    }
} */


.file-widget-multiple {
    .table-file-multiple-widget td {
        height: 100% !important;
    }
}