/* Specificity is kept low so that migrated styling (per-block rules) can override it. */
.ne-ntabs{display:flex;flex-direction:column;gap:10px}
.ne-ntabs--dir-block-end{flex-direction:column-reverse}
.ne-ntabs--dir-inline-start{flex-direction:row}
.ne-ntabs--dir-inline-end{flex-direction:row-reverse}
.ne-ntabs__list{display:flex;flex-direction:row;justify-content:center;gap:10px}
.ne-ntabs--dir-inline-start .ne-ntabs__list,.ne-ntabs--dir-inline-end .ne-ntabs__list{flex:0 0 25%;width:25%;flex-direction:column}
.ne-ntabs__tab{display:flex;align-items:center;justify-content:center;box-sizing:border-box;gap:5px;margin:0;padding:15px 35px;border:0 solid transparent;border-radius:0;background-color:#f1f2f3;color:#54595f;font:inherit;font-weight:400;line-height:1.5;text-align:center;cursor:pointer;transition:background-color .3s,color .3s,border-color .3s}
.ne-ntabs__tab.is-active,.ne-ntabs__tab:hover{background-color:var(--ne-accent,#2563eb);color:#fff}
.ne-ntabs__panels{display:flex;flex:1 1 auto;min-width:0}
.ne-ntabs__panels>.ne-tabpanel{flex:1 1 auto;min-width:0}
.ne-ntabs:not(.is-enhanced) .ne-ntabs__list{display:none}
.ne-ntabs.is-enhanced .ne-tabpanel__title{display:none}
.ne-tabpanel[hidden]{display:none}
.editor-styles-wrapper .wp-block-netelements-tab-panel{border:1px dashed #999;padding:8px;margin:8px 0}

/* Small screens: each title sits above its own panel (the rows are interleaved with CSS order). */
@media (max-width:767px){
	.ne-ntabs--bp-mobile.is-enhanced{flex-direction:column;gap:0}
	.ne-ntabs--bp-mobile.is-enhanced .ne-ntabs__list,.ne-ntabs--bp-mobile.is-enhanced .ne-ntabs__panels{display:contents}
	.ne-ntabs--bp-mobile .ne-ntabs__tab{width:100%}
	.ne-ntabs--bp-mobile .ne-ntabs__tab.is-active{margin-bottom:10px}
	.ne-ntabs--bp-mobile .ne-ntabs__tab:not(.is-active){margin-top:10px}
	.ne-ntabs--bp-mobile .ne-ntabs__tab:first-child.is-active+.ne-ntabs__tab{margin-top:10px}
}
@media (max-width:1024px){
	.ne-ntabs--bp-tablet.is-enhanced{flex-direction:column;gap:0}
	.ne-ntabs--bp-tablet.is-enhanced .ne-ntabs__list,.ne-ntabs--bp-tablet.is-enhanced .ne-ntabs__panels{display:contents}
	.ne-ntabs--bp-tablet .ne-ntabs__tab{width:100%}
	.ne-ntabs--bp-tablet .ne-ntabs__tab.is-active{margin-bottom:10px}
	.ne-ntabs--bp-tablet .ne-ntabs__tab:not(.is-active){margin-top:10px}
}