/*
Theme Name: Splendent Kadence
Template: kadence
Text Domain: splendent-kadence
Version: 1.0
*/

/* ==================== GENERAL STYLES ==================== */

.va-top td {
	vertical-align: top;
}



/* ==================== EDITOR: BLOCK VERSIONS ==================== */

/* Universal editor wrapper selectors for vers containers */
.editor-styles-wrapper .vers > .block-editor-block-list__layout > .block-editor-block-list__block,
.editor-styles-wrapper .vers > .gb-inside-container > .block-editor-block-list__layout > .block-editor-block-list__block,
.editor-styles-wrapper .vers > .uagb-container-inner-blocks-wrap > .block-editor-block-list__layout > .block-editor-block-list__block,
.editor-styles-wrapper .vers > .eb-parent-wrapper > .block-editor-block-list__layout > .block-editor-block-list__block,
.editor-styles-wrapper .vers > .qubely-column-inner > .block-editor-block-list__layout > .block-editor-block-list__block,
.editor-styles-wrapper .vers > [class*="__content"] > .block-editor-block-list__layout > .block-editor-block-list__block,
.editor-styles-wrapper .vers > [class*="-inner"] > .block-editor-block-list__layout > .block-editor-block-list__block {
    position: relative;
    margin-bottom: 20px;
    padding: 15px;
    border: 3px solid #ccc;
    border-radius: 4px;
    opacity: 0.6;
}

.editor-styles-wrapper .vers > .block-editor-block-list__layout > .block-editor-block-list__block:first-of-type,
.editor-styles-wrapper .vers > .gb-inside-container > .block-editor-block-list__layout > .block-editor-block-list__block:first-of-type,
.editor-styles-wrapper .vers > .uagb-container-inner-blocks-wrap > .block-editor-block-list__layout > .block-editor-block-list__block:first-of-type,
.editor-styles-wrapper .vers > .eb-parent-wrapper > .block-editor-block-list__layout > .block-editor-block-list__block:first-of-type,
.editor-styles-wrapper .vers > .qubely-column-inner > .block-editor-block-list__layout > .block-editor-block-list__block:first-of-type,
.editor-styles-wrapper .vers > [class*="__content"] > .block-editor-block-list__layout > .block-editor-block-list__block:first-of-type,
.editor-styles-wrapper .vers > [class*="-inner"] > .block-editor-block-list__layout > .block-editor-block-list__block:first-of-type {
    border-color: #00a32a;
    opacity: 1;
}

.editor-styles-wrapper .vers > .block-editor-block-list__layout > .block-editor-block-list__block:first-of-type::before,
.editor-styles-wrapper .vers > .gb-inside-container > .block-editor-block-list__layout > .block-editor-block-list__block:first-of-type::before,
.editor-styles-wrapper .vers > .uagb-container-inner-blocks-wrap > .block-editor-block-list__layout > .block-editor-block-list__block:first-of-type::before,
.editor-styles-wrapper .vers > .eb-parent-wrapper > .block-editor-block-list__layout > .block-editor-block-list__block:first-of-type::before,
.editor-styles-wrapper .vers > .qubely-column-inner > .block-editor-block-list__layout > .block-editor-block-list__block:first-of-type::before,
.editor-styles-wrapper .vers > [class*="__content"] > .block-editor-block-list__layout > .block-editor-block-list__block:first-of-type::before,
.editor-styles-wrapper .vers > [class*="-inner"] > .block-editor-block-list__layout > .block-editor-block-list__block:first-of-type::before {
    content: "✓ ACTIVE";
    position: absolute;
    top: -12px;
    left: 15px;
    background: #00a32a;
    color: white;
    padding: 2px 10px;
    font-size: 10px;
    font-weight: bold;
    border-radius: 3px;
    z-index: 1;
}

.editor-styles-wrapper .vers > .block-editor-block-list__layout > .block-editor-block-list__block:not(:first-of-type)::before,
.editor-styles-wrapper .vers > .gb-inside-container > .block-editor-block-list__layout > .block-editor-block-list__block:not(:first-of-type)::before,
.editor-styles-wrapper .vers > .uagb-container-inner-blocks-wrap > .block-editor-block-list__layout > .block-editor-block-list__block:not(:first-of-type)::before,
.editor-styles-wrapper .vers > .eb-parent-wrapper > .block-editor-block-list__layout > .block-editor-block-list__block:not(:first-of-type)::before,
.editor-styles-wrapper .vers > .qubely-column-inner > .block-editor-block-list__layout > .block-editor-block-list__block:not(:first-of-type)::before,
.editor-styles-wrapper .vers > [class*="__content"] > .block-editor-block-list__layout > .block-editor-block-list__block:not(:first-of-type)::before,
.editor-styles-wrapper .vers > [class*="-inner"] > .block-editor-block-list__layout > .block-editor-block-list__block:not(:first-of-type)::before {
    content: "INACTIVE";
    position: absolute;
    top: -12px;
    left: 15px;
    background: #666;
    color: white;
    padding: 2px 10px;
    font-size: 10px;
    border-radius: 3px;
    z-index: 1;
}

/* Frontend hiding - expanded for common inner wrapper patterns */
.vers > :not(style):not(script):nth-of-type(n+2),
.vers > .kt-inside-inner-col > :not(style):not(script):nth-of-type(n+2),
.vers > .gb-inside-container > :not(style):not(script):nth-of-type(n+2),
.vers > .uagb-container-inner-blocks-wrap > :not(style):not(script):nth-of-type(n+2),
.vers > .eb-parent-wrapper > :not(style):not(script):nth-of-type(n+2),
.vers > .qubely-column-inner > :not(style):not(script):nth-of-type(n+2),
.vers > .otter-container__content > :not(style):not(script):nth-of-type(n+2),
.vers > .coblocks-column__inner > :not(style):not(script):nth-of-type(n+2),
.vers > .premium-container-inner > :not(style):not(script):nth-of-type(n+2),
.vers > [class*="stackable"][class*="__content"] > :not(style):not(script):nth-of-type(n+2),
.vers > [class*="-inner-blocks"] > :not(style):not(script):nth-of-type(n+2),
.vers > [class*="__inner"] > :not(style):not(script):nth-of-type(n+2) {
    display: none !important;
}

/* ==================== EDITOR: THEME FIXES ==================== */

/* Force editor to use front-end background */
.editor-styles-wrapper,
.block-editor-page .editor-styles-wrapper,
body.editor-styles-wrapper {
    background: var(--kad-editor-body-bg) !important;
}

/* Remove the diagonal stripe pattern from title area */
.edit-post-visual-editor__post-title-wrapper::before,
.admin-color-pct-hide .edit-post-visual-editor__post-title-wrapper::before {
    background: none !important;
}

/* Ensure canvas/content area also gets dark background */
.block-editor-block-list__layout,
.editor-styles-wrapper .block-editor-block-list__layout {
    background: var(--kad-editor-content-bg) !important;
}

/* ==================== EDITOR: SHOW CLASSES ==================== */

/* Visual indicator for blocks with user-added custom CSS classes */
.editor-styles-wrapper [data-has-custom-class="true"]:not(.vers) {
  outline: 2px solid rgba(156, 39, 176, 0.4) !important;
  outline-offset: -2px;
}

/* Display custom classes to the right of the block using ::before */
.editor-styles-wrapper [data-has-custom-class="true"].is-selected:not(.vers)::before {
  content: attr(data-custom-classes);
  position: absolute;
  top: 0;
  left: calc(100% + 10px);
  background: rgba(156, 39, 176, 0.95);
  color: white;
  padding: 3px 8px;
  font-size: 10px;
  font-family: 'Courier New', monospace;
  border-radius: 3px;
  z-index: 10000;
  white-space: nowrap;
  pointer-events: none;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Specifically hide indicator for container/layout blocks */
.editor-styles-wrapper [data-has-custom-class="true"].wp-block-kadence-column.is-selected::before,
.editor-styles-wrapper [data-has-custom-class="true"].wp-block-kadence-rowlayout.is-selected::before,
.editor-styles-wrapper [data-has-custom-class="true"].wp-block-group.is-selected::before {
  display: none;
}