/*!
 * Themeasy — Nested Tabs Widget Styles
 *
 * The tab strip carries the classic Tabs class vocabulary (.tms-tabs /
 * .nav-tabs / .nav-pills / .horizontal-tab / .vertical-tab / .filled-tab), so
 * everything it looks like already lives in components.min.css and is NOT
 * restated here. This sheet only owns what is specific to panels that are
 * real Elementor containers.
 *
 * The one rule that matters: the panel wrapper deliberately does NOT carry
 * Bootstrap's `.tab-content` class. Under it, `.tab-content > .active
 * { display: block }` would win over `.e-con { display: var(--display) }` and
 * flatten a flex or grid container into a block — so the two layout rules the
 * class would have contributed are restated below, and the visible panel's
 * `display` is never written at all: only the INACTIVE ones are hidden.
 *
 * Every selector reaches the strip and the panels through child combinators:
 * a panel can hold another tabs widget, and a descendant selector would style
 * that widget's strip too.
 *
 * Public tokens (--tms-*) are consumed — never private (--themeasy-*).
 *
 * @author Themeasy
 * @link https://themeasy.co
 * @since 1.0.0
 */
.tms-tabs.tms-nested-tabs{--tms-nested-tabs-gap:initial;--tms-nested-tabs-icon-size:initial;--tms-tabs-item-gap:var(--tms-nested-tabs-gap)}.tms-nested-tabs>.nav .nav-link{align-items:center;gap:.5em;display:inline-flex}.tms-nested-tabs>.nav .nav-link .tms-nested-tabs__icon{order:var(--tms-tabs-icon-order,0);font-size:var(--tms-nested-tabs-icon-size,1em);justify-content:center;align-items:center;line-height:1;display:inline-flex}.tms-nested-tabs>.nav .nav-link .tms-nested-tabs__icon svg{fill:currentColor;width:1em;height:1em}.tms-nested-tabs>.nav .nav-link .tms-nested-tabs__icon svg[fill=none]{fill:none;stroke:currentColor}.tms-nested-tabs>.nav .nav-link .tms-nested-tabs__icon img{width:1em;height:1em}.tms-nested-tabs.horizontal-tab>.tms-nested-tabs__panels{margin-left:auto;margin-right:auto;padding:0}.tms-nested-tabs.vertical-tab>.tms-nested-tabs__panels{width:calc(100% - var(--tms-tabs-vertical-width,25%));min-width:0}.tms-nested-tabs>.tms-nested-tabs__panels>.tms-nested-tabs__panel:not(.active){display:none}@media (max-width:991px){.tms-nested-tabs.vertical-tab>.tms-nested-tabs__panels{width:100%}}body.tms-elementor-preview .tms-nested-tabs>.tms-nested-tabs__panels>.tms-nested-tabs__panel{opacity:1}