// row block
.wp-block[data-type="bokez/section"]{

	.bokez-row{
		margin: 0 auto;
		display: block;
		position: relative;

		.bokez-row-edit-icon{
			z-index: 10;
			width: 25px;
			height: 25px;
			position: absolute;
			top: 70px;
			right: -40px;
			text-align: center;
			user-select: auto;
			display: flex;
			justify-content: center;
			align-items: center;
			background: #5f27cd;
			color: white;
			cursor: pointer;

			svg{
				fill: white;
			}
		}

		.bokez-row-container > .editor-inner-blocks{
			> .editor-block-list__layout{
				display: flex;
				flex-wrap: nowrap;
				justify-content: space-between;
			}
		}

		&.bokez-row-desktop-equal{
			.wp-block[data-type="bokez/column"]{
				flex: 1;
			}
		}

		&.bokez-row-desktop-large-left{
			.wp-block[data-type="bokez/column"]{
				flex: 1;
			}

			.wp-block[data-type="bokez/column"]:first-child{
				flex: 2
			}
		}

		&.bokez-row-desktop-large-right{
			.wp-block[data-type="bokez/column"]{
				flex: 1;
			}

			.wp-block[data-type="bokez/column"]:last-child{
				flex: 2
			}
		}

		&.bokez-row-desktop-large-center{
			.wp-block[data-type="bokez/column"]{
				flex: 1;
			}

			.wp-block[data-type="bokez/column"]:nth-child(2){
				flex: 2
			}
		}

	}

	// column block
	.wp-block[data-type="bokez/column"]{
		flex: 1;
		width: 0;
		flex-basis: 100%;
		max-width: 100%;

		&.is-selected{
			> .editor-block-list__block-edit {
				display: block;
			}
		}
	}

}

// Column
.wp-block[data-type="bokez/column"]{

	> .editor-block-list__insertion-point{
		top: 0 !important;
	}	

}

// Editor Select Layout
.bokez-row-layout{
	outline: 2px dashed #ddd;
	text-align: center;
	padding: 20px;

	.components-button-group{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	button{
		width: 100px;
		height: 50px;
		border: 2px solid transparent;
		padding: 0;
		margin: 5px;

		svg{
			fill: #ddd;
		}

		&:hover svg{
			fill: #999;
		}
	}
}

// Inspector Column Buttons
.bokez-inspect-tabs {

	.components-button-group{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

		.components-button.bokez-layout-btn{
			flex-basis: 33.3332%;
			max-width: 33.3332%;
			margin-bottom: 15px;
			padding: 0;
			display: flex;
			justify-content: center;

			&:active,
			&:focus{
				outline: none;
			}

			&[data-selected="true"] svg{
				outline: 2px solid #494242;
			}
		}
	}
	
}