.chhone-product-table-editor {
    margin: 20px 0;
}
.selected-cell {
    background: #dbeafe;
    outline: 2px solid #2271b1;
}
.chhone-product-table-editor {
    margin: 20px 0;
}


/*
|--------------------------------------------------------------------------
| Toolbar
|--------------------------------------------------------------------------
*/

.chhone-product-table-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;

    padding: 12px;

    margin-bottom: 10px;

    background: #f6f7f7;

    border: 1px solid #dcdcde;
}


.chhone-toolbar-divider {
    width: 1px;
    height: 32px;

    margin: 0 5px;

    background: #c3c4c7;
}


.chhone-format-button {
    min-width: 42px;
}


.chhone-format-button .components-button {
    font-weight: 700;
}


/*
|--------------------------------------------------------------------------
| Help
|--------------------------------------------------------------------------
*/

.chhone-product-table-help {
    margin: 8px 0 12px;

    padding: 8px 12px;

    background: #fff8e5;

    border-left: 3px solid #dba617;

    font-size: 13px;
}


/*
|--------------------------------------------------------------------------
| Editor Table
|--------------------------------------------------------------------------
*/

.chhone-product-spec-editor-table {
    width: 100%;

    border-collapse: collapse;

    table-layout: fixed;
}


.chhone-product-spec-editor-table td {
    position: relative;

    min-width: 120px;

    height: 60px;

    padding: 0;

    border: 1px solid #8c8f94;

    background: #fff;

    vertical-align: middle;

    cursor: pointer;
}


/*
|--------------------------------------------------------------------------
| Selected Cell
|--------------------------------------------------------------------------
*/

.chhone-product-spec-editor-table
td.selected-cell {

    background: #dbeafe;

    outline: 2px solid #2271b1;

    outline-offset: -2px;
}


/*
|--------------------------------------------------------------------------
| Textarea
|--------------------------------------------------------------------------
*/

.chhone-product-spec-editor-table
textarea {

    display: block;

    width: 100%;

    min-height: 60px;

    padding: 10px;

    border: 0;

    outline: none;

    resize: vertical;

    box-sizing: border-box;

    background: transparent;

    font-size: 14px;

    line-height: 1.5;

    font-family: inherit;
}


.chhone-product-spec-editor-table
textarea:focus {

    background: #f0f6fc;
}


/*
|--------------------------------------------------------------------------
| Frontend
|--------------------------------------------------------------------------
*/

.chhone-product-specification {

    width: 100%;

    margin: 25px 0;
}


.chhone-product-specification
.table-responsive {

    width: 100%;

    overflow-x: auto;
}


.chhone-product-specification
.product-specification-table {

    width: 100%;

    border-collapse: collapse;

    border-spacing: 0;
}


.chhone-product-specification
.product-specification-table td {

    border: 1px solid #ddd;

    padding: 10px 12px;

    vertical-align: middle;
}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 767px) {

    .chhone-product-specification
    .product-specification-table {

        min-width: 700px;

    }

}