/* Tabs Component Styles */

/* Let theme (.mse-new-tabs-container-bordered-gray-400) own container chrome.
   Component CSS only covers edit-mode + layout fixes. */
.mse-tabs-component.mse-new-tabs-container-bordered-gray-400 {
  padding: 0;
}

.mse-tabs-component .nav-tabs.canvas-tabs {
  padding: 0;
  margin-bottom: 0 !important;
}

.mse-tabs-component .nav-tabs .nav-link {
  border: 0;
}

/* Remove all spacing from CKEditor content in tab labels */
.mse-tabs-component .ck.ck-editor__editable_inline,
.mse-tabs-component .ck.ck-editor__editable_inline > *,
.mse-tabs-component .ck.ck-editor__editable_inline > *:first-child,
.mse-tabs-component .ck.ck-editor__editable_inline > *:last-child,
.mse-tabs-component [data-sdc-editable="true"],
.mse-tabs-component [data-sdc-editable="true"] > *:first-child,
.mse-tabs-component [data-sdc-editable="true"] > *:last-child {
	margin: 0 !important;
	padding: 0 !important;
	display: inline !important;
}

body .mse-tabs-component .text-wrapper {
    margin: 0 !important;
    padding: 0 !important;
}

.nav-item .active span,
.nav-item .active p,
.nav-item .active h1,
.nav-item .active h2,
.nav-item .active h3,
.nav-item .active h4,
.nav-item .active h5,
.nav-item .active h6 {
  color: white !important;
}

/* Nav tabs container - using divs instead of ul/li */
.mse-tabs-component .nav-item.tab-item-wrapper {
  display: flex;
  align-items: stretch;
}

/* Drop container styling for tab content */
.mse-tab-content-area {
  padding: 1rem 0.5rem;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  min-height: 100px;
}

/* Ensure proper spacing for nested components */
.mse-tab-content-area > * {
  margin-bottom: 1rem;
}

.mse-tab-content-area > *:last-child {
  margin-bottom: 0;
}