/* Red Border — editor-canvas preview.
   Loaded into the Gutenberg canvas via add_editor_style() so the section shows
   the same red border while editing that it does on the front end.

   IMPORTANT — the editor and the front end use DIFFERENT inner-wrapper classes
   for a Kadence Column (kadence/column):
     - front end (saved markup):  .kt-inside-inner-col   (see bw-redborder.css)
     - editor canvas (edit DOM):  .kadence-inner-column-inner
   So this file targets the editor class. bw-redborder-editor.js adds the
   .bw-rb-edit / .bw-rb-edit--<side> classes (and any --bw-rb-width /
   --bw-rb-color overrides) onto the column's editor wrapper; we paint the border
   on its inner wrapper, matching where the front-end border lives.

   Defaults match the front end: 4px, solid, palette colour 1. */

.bw-rb-edit .kadence-inner-column-inner {
	border-style: solid;
	border-color: var( --bw-rb-color, var( --global-palette1, #c8272c ) );
	border-width: 0;
}

.bw-rb-edit--right  .kadence-inner-column-inner { border-right-width:  var( --bw-rb-width, 4px ); }
.bw-rb-edit--left   .kadence-inner-column-inner { border-left-width:   var( --bw-rb-width, 4px ); }
.bw-rb-edit--top    .kadence-inner-column-inner { border-top-width:    var( --bw-rb-width, 4px ); }
.bw-rb-edit--bottom .kadence-inner-column-inner { border-bottom-width: var( --bw-rb-width, 4px ); }
.bw-rb-edit--all    .kadence-inner-column-inner { border-width:        var( --bw-rb-width, 4px ); }