/**
 * Shared GrapesJS builder component styles.
 * Loaded in the editor canvas and on live/preview pages so components match.
 */

.wc-table-wrap {
    width: 100%;
    overflow-x: auto;
    margin: 1rem 0;
}

.wc-simple-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

.wc-simple-table th,
.wc-simple-table td {
    border: 1px solid #ccc;
    padding: 10px 12px;
    text-align: left;
    vertical-align: middle;
    min-width: 80px;
}

.wc-simple-table th {
    font-weight: 700;
    background-color: #f3f3f3;
    color: #222;
}

.wc-simple-table td {
    background-color: transparent;
    color: inherit;
}

/**
 * Site CSS resets all ul/li list styles. Restore bullets/numbers for
 * lists created in the GrapesJS text editor (CKEditor).
 */
ul.wc-editor-list,
ol.wc-editor-list {
    list-style-position: outside !important;
    padding-left: 1.5rem !important;
    margin: 0.75rem 0 !important;
}

ul.wc-editor-list {
    list-style-type: disc !important;
}

ol.wc-editor-list {
    list-style-type: decimal !important;
}

ul.wc-editor-list > li,
ol.wc-editor-list > li {
    list-style: inherit !important;
    display: list-item !important;
    margin: 0.35rem 0 !important;
    padding-left: 0.25rem !important;
}

.wc-rich-text {
    display: block;
    width: 100%;
}