/**
 * #.# Editor Styles
 *
 * CSS for just Backend enqueued after style.scss
 * which makes it higher in priority.
 */

.wp-block-ub-tabbed-content-tab-title-wrap,
.wp-block-ub-tabbed-content-tab-title-vertical-wrap {
	padding: 15px;
	&:last-child {
		cursor: pointer;
	}
	.remove-tab-icon {
		cursor: pointer;
		margin-left: 5px;
		> svg {
			background: black;
			border-radius: 100px;
			color: white;
			fill: white;
		}
	}
	.drag-handle {
		margin-right: 3px;
		cursor: grab;
		> svg {
			background: black;
			border-radius: 100px;
			color: white;
			fill: white;
		}
	}
	.add-tab-icon {
		cursor: pointer;
		> svg {
			background: black;
			border-radius: 100px;
			color: white;
			fill: white;
		}
	}
	.ub-tab-actions {
		justify-content: space-between;
		position: absolute;
		top: 7px;
		left: 0;
		right: 0;
		margin: auto;
		transition: all 0.5s ease-in-out;
		display: flex;
		opacity: 0;
		pointer-events: none;
		span {
			pointer-events: auto;
		}
	}
	&:hover .ub-tab-actions {
		opacity: 1;
	}
}
/*.wp-block-ub-tabbed-content{

}*/

.wp-block-ub-tabbed-content-tabs-content {
	padding: 20px;
	> .editor-inner-blocks {
		margin: 20px;
	}
}
.wp-block-ub-tabbed-content-tabs-content {
	.wp-block-ub-tabbed-content-tab-content-wrap,
	.wp-block-ub-tab-block {
		> .block-editor-inner-blocks {
			> .block-editor-block-list__layout {
				> .alignright {
					float: right;
					margin-inline-start: 2em;
					margin-inline-end: 0;
				}

				> .alignleft {
					float: left;
					margin-inline-start: 0;
					margin-inline-end: 2em;
				}

				> .aligncenter {
					margin-inline-start: auto;
					margin-inline-end: auto;
				}
			}
		}
	}
}

.ub-tab-toggle-label-with-badge {
	align-items: center;
	display: inline-flex;
	gap: 8px;
}

.ub-tab-new-badge {
	background: #f64646;
	border-radius: 999px;
	color: #fff;
	display: inline-flex;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1;
	padding: 4px 7px;
}