/* Metro Tabs – editor-only styles so groups and tab items are easy to recognize */

/* Tab Group block wrapper */
.wp-block-getbutterfly-gb-tab-group {
    border: 2px dashed #c3c4c7;
    border-radius: 4px;
    padding: 16px;
    background: #f6f7f7;
    margin: 1em 0;
}

.wp-block-getbutterfly-gb-tab-group::before {
    content: "Tab group";
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #1d2327;
    margin-bottom: 12px;
    letter-spacing: 0.02em;
}

/* Tab Item block wrapper – each tab item inside the group */
.wp-block-getbutterfly-gb-tab-block {
    border-left: 4px solid #2271b1;
    padding: 0 12px 12px 16px;
    margin: 12px 0;
    background: #fff;
    border-radius: 0 6px 6px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.wp-block-getbutterfly-gb-tab-group .wp-block-getbutterfly-gb-tab-block {
    margin: 14px 0;
}

.wp-block-getbutterfly-gb-tab-group .wp-block-getbutterfly-gb-tab-block:nth-child(odd) {
    border-left-color: #2271b1;
}

.wp-block-getbutterfly-gb-tab-group .wp-block-getbutterfly-gb-tab-block:nth-child(even) {
    border-left-color: #135e96;
}

/* Tab heading (the clickable tab label in the editor) */
.wp-block-getbutterfly-gb-tab-block .gb-tab-item {
    margin: 0 0 10px 0;
    padding: 10px 12px;
    font-size: 1em;
    font-weight: 600;
    color: #1d2327;
    background: #f0f0f1;
    border-radius: 4px;
    border: 1px solid #c3c4c7;
}

.wp-block-getbutterfly-gb-tab-block .gb-tab-item:empty::before {
    content: "Tab heading";
    color: #757575;
    font-weight: 500;
}

/* Tab content area in editor */
.wp-block-getbutterfly-gb-tab-block .gb-tab-content {
    min-height: 32px;
    padding: 8px 0;
}