| 1 |
/* Global styles for aibui-tabs (frontend + editor) */ |
| 2 |
.wp-block-ai-builder-aibui-tabs, .block-editor .wp-block-ai-builder-aibui-tabs, .editor-styles-wrapper .wp-block-ai-builder-aibui-tabs{--aibui-border:#e5e7eb;--aibui-text:#111827;--aibui-muted:#6b7280} |
| 3 |
/* Generic fallback vars when wrapper classes are missing (e.g., during edit) */ |
| 4 |
.aibui-tabs{--aibui-border:#e5e7eb;--aibui-text:#111827;--aibui-muted:#6b7280} |
| 5 |
.wp-block-ai-builder-aibui-tabs .aibui-tabs-header, .block-editor .wp-block-ai-builder-aibui-tabs .aibui-tabs-header, .editor-styles-wrapper .wp-block-ai-builder-aibui-tabs .aibui-tabs-header{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--aibui-border);padding-bottom:8px;margin-bottom:12px} |
| 6 |
/* Generic: header inside any .aibui-tabs */ |
| 7 |
.aibui-tabs .aibui-tabs-header{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--aibui-border, #e5e7eb);padding-bottom:8px;margin-bottom:12px} |
| 8 |
.wp-block-ai-builder-aibui-tabs .aibui-tab-btn, .block-editor .wp-block-ai-builder-aibui-tabs .aibui-tab-btn, .editor-styles-wrapper .wp-block-ai-builder-aibui-tabs .aibui-tab-btn{position:relative;background:#f9fafb;border:1px solid var(--aibui-border);border-radius:10px;padding:8px 14px;color:var(--aibui-text);cursor:pointer;display:inline-flex;align-items:center;gap:8px} |
| 9 |
.aibui-tabs .aibui-tab-btn{position:relative;background:#f9fafb;border:1px solid var(--aibui-border, #e5e7eb);border-radius:10px;padding:8px 14px;color:var(--aibui-text, #111827);cursor:pointer;display:inline-flex;align-items:center;gap:8px} |
| 10 |
.wp-block-ai-builder-aibui-tabs .aibui-tab-btn.is-active, .block-editor .wp-block-ai-builder-aibui-tabs .aibui-tab-btn.is-active, .editor-styles-wrapper .wp-block-ai-builder-aibui-tabs .aibui-tab-btn.is-active{background:#fff;border-color:var(--aibui-active, #4f46e5);box-shadow:0 0 0 2px var(--aibui-active-shadow, rgba(79,70,229,.15))} |
| 11 |
.aibui-tabs .aibui-tab-btn.is-active{background:#fff;border-color:var(--aibui-active, #4f46e5);box-shadow:0 0 0 2px var(--aibui-active-shadow, rgba(79,70,229,.15))} |
| 12 |
.wp-block-ai-builder-aibui-tabs .aibui-tabs-panels, .block-editor .wp-block-ai-builder-aibui-tabs .aibui-tabs-panels, .editor-styles-wrapper .wp-block-ai-builder-aibui-tabs .aibui-tabs-panels{min-height:80px} |
| 13 |
.aibui-tabs .aibui-tabs-panels{min-height:80px} |
| 14 |
.wp-block-ai-builder-aibui-tabs .aibui-tab-panel, .block-editor .wp-block-ai-builder-aibui-tabs .aibui-tab-panel, .editor-styles-wrapper .wp-block-ai-builder-aibui-tabs .aibui-tab-panel{display:none} |
| 15 |
.aibui-tabs .aibui-tab-panel{display:none} |
| 16 |
.wp-block-ai-builder-aibui-tabs .aibui-tab-panel.is-active, .block-editor .wp-block-ai-builder-aibui-tabs .aibui-tab-panel.is-active, .editor-styles-wrapper .wp-block-ai-builder-aibui-tabs .aibui-tab-panel.is-active{display:block} |
| 17 |
.aibui-tabs .aibui-tab-panel.is-active{display:block} |
| 18 |
/* Editor helpers for child tab */ |
| 19 |
.wp-block-ai-builder-aibui-tab .aibui-tab-title-input, .block-editor .wp-block-ai-builder-aibui-tab .aibui-tab-title-input, .editor-styles-wrapper .wp-block-ai-builder-aibui-tab .aibui-tab-title-input{width:100%;max-width:320px;border:1px solid var(--aibui-border);border-radius:8px;padding:6px 8px;margin:6px 0} |
| 20 |
/* Generic: style input even if wp-block-ai-builder-aibui-tab class is absent */ |
| 21 |
.aibui-tab .aibui-tab-title-input{width:100%;max-width:320px;border:1px solid var(--aibui-border, #e5e7eb);border-radius:8px;padding:6px 8px;margin:6px 0} |
| 22 |
|
