/* BW Slide Content - Editor Styles */

/* Remove all WordPress editor constraints */
.wp-block[data-type="bw/slide-content"] {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Main container in editor - Override frontend breakout styles */
.bw-slide-content--editor,
.editor-styles-wrapper .bw-slide-content,
.block-editor-writing-flow .bw-slide-content,
.wp-admin .bw-slide-content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
    background: #000;
}

/* Height Presets in Editor */
.editor-styles-wrapper .bw-slide-content--height-small,
.wp-admin .bw-slide-content--height-small,
.bw-slide-content--editor.bw-slide-content--height-small {
    height: 350px !important;
    min-height: 350px !important;
}

.editor-styles-wrapper .bw-slide-content--height-medium,
.wp-admin .bw-slide-content--height-medium,
.bw-slide-content--editor.bw-slide-content--height-medium {
    height: 400px !important;
    min-height: 400px !important;
}

.editor-styles-wrapper .bw-slide-content--height-default,
.wp-admin .bw-slide-content--height-default,
.bw-slide-content--editor.bw-slide-content--height-default {
    height: 500px !important;
    min-height: 500px !important;
}

.editor-styles-wrapper .bw-slide-content--height-large,
.wp-admin .bw-slide-content--height-large,
.bw-slide-content--editor.bw-slide-content--height-large {
    height: 550px !important;
    min-height: 550px !important;
}

.editor-styles-wrapper .bw-slide-content--height-full,
.wp-admin .bw-slide-content--height-full,
.bw-slide-content--editor.bw-slide-content--height-full {
    height: 600px !important;
    min-height: 600px !important;
}

/* Custom height in editor - will use inline style */
.editor-styles-wrapper .bw-slide-content--height-custom,
.wp-admin .bw-slide-content--height-custom,
.bw-slide-content--editor.bw-slide-content--height-custom {
    min-height: 200px !important;
    /* Height will be set by inline style */
}

/* Slides wrapper - Override frontend styles */
.bw-slide-content--editor .bw-slide-content__slides,
.editor-styles-wrapper .bw-slide-content__slides,
.wp-admin .bw-slide-content__slides {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    position: relative !important;
    left: 0 !important;
    transform: none !important;
}

/* Individual slides */
.bw-slide-content--editor .bw-slide-content__slide,
.editor-styles-wrapper .bw-slide-content__slide,
.wp-admin .bw-slide-content__slide {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    display: none; /* Hidden by default */
    opacity: 0;
    visibility: hidden;
}

/* Show only first slide in editor */
.bw-slide-content--editor .bw-slide-content__slide:first-child,
.editor-styles-wrapper .bw-slide-content__slide.active,
.wp-admin .bw-slide-content__slide.active {
    display: flex !important; /* Show active slide */
    opacity: 1 !important;
    visibility: visible !important;
}

/* Main content area */
.bw-slide-content--editor .bw-slide-content__main {
    width: calc(100% - 100px) !important;
    height: 100% !important;
    position: relative !important;
    display: block !important;
}

/* Next preview */
.bw-slide-content--editor .bw-slide-content__next-preview {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 100px !important;
    height: 100% !important;
}

/* Background image */
.bw-slide-content--editor .bw-slide-content__background {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
}

.bw-slide-content--editor .bw-slide-content__background img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Overlay */
.bw-slide-content--editor .bw-slide-content__overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    background: linear-gradient(to right, 
        rgba(0, 0, 0, var(--overlay-opacity-left, 0.4)) 0%, 
        rgba(0, 0, 0, var(--overlay-opacity-right, 0.1)) 60%) !important;
}

/* Container */
.bw-slide-content--editor .bw-slide-content__container,
.editor-styles-wrapper .bw-slide-content__container,
.wp-admin .bw-slide-content__container {
    position: relative !important;
    z-index: 3 !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 60px !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* Text content */
.bw-slide-content--editor .bw-slide-content__text-wrapper {
    color: #fff !important;
}

.bw-slide-content--editor .bw-slide-content__heading,
.bw-slide-content--editor .bw-slide-content__description,
.bw-slide-content--editor .bw-slide-content__button {
    color: #fff !important;
}

/* Indicators */
.bw-slide-content--editor .bw-slide-content__indicators {
    position: absolute !important;
    bottom: 30px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 10 !important;
}

/* IMAGE ONLY MODE */
.bw-slide-content--image-only .bw-slide-content__container,
.bw-slide-content--image-only .bw-slide-content__overlay {
    display: none !important;
}

.bw-slide-content--image-only .bw-slide-content__main {
    width: calc(100% - 100px) !important;
}

.bw-slide-content--image-only .bw-slide-content__next-content {
    display: none !important;
}

.bw-slide-content--image-only .bw-slide-content__next-overlay {
    background: rgba(0, 0, 0, 0.1) !important;
}

/* Disable script display in editor */
.bw-slide-content--editor script {
    display: none;
}

/* Override any viewport-breaking styles in editor */
.editor-styles-wrapper .bw-slide-content,
.block-editor-writing-flow .bw-slide-content,
.wp-admin .bw-slide-content,
.edit-post-visual-editor .bw-slide-content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Ensure proper display in Kadence blocks editor */
.kt-layout-id .bw-slide-content--editor,
.editor-styles-wrapper .kt-layout-id .bw-slide-content {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}