.lnd-tabs{
  margin:var(--block-margin,32px 0);
  border:0;
  --_tabs-gap:var(--tabs-content-gap,24px);
}
.lnd-tabs.is-vertical{
  display:grid;
  grid-template-columns:var(--tabs-column-width, 280px) var(--content-column-width, 1fr);
  gap:var(--tabs-content-gap, 24px);
}
.lnd-tabs.is-vertical.tabs-position-right{
  grid-template-columns:1fr minmax(180px, 280px);
}
.lnd-tabs.is-vertical.tabs-position-right .lnd-tabs__nav{order:2;}
.lnd-tabs.is-vertical.tabs-position-right .lnd-tabs__panels{order:1;}

.lnd-tabs__nav{
  display:inline-block;

  flex-wrap:wrap;
  margin:var(--tabs-margin,0 0 24px 0);
  padding:var(--tabs-padding,6px);
  border:0;
  border-radius:var(--tabs-radius,12px);
  background:var(--tabs-bg,transparent);
}
.lnd-tabs.tabs-align-left .lnd-tabs__nav{justify-content:flex-start;}
.lnd-tabs.tabs-align-center .lnd-tabs__nav{justify-content:center;}
.lnd-tabs.tabs-align-right .lnd-tabs__nav{justify-content:flex-end;}
.lnd-tabs.is-vertical .lnd-tabs__nav{
  flex-direction:column;
  margin:var(--tabs-margin,0);
}
.lnd-tabs.is-vertical.tabs-vertical-align-top .lnd-tabs__nav{align-self:start;}
.lnd-tabs.is-vertical.tabs-vertical-align-center .lnd-tabs__nav{align-self:center;}
.lnd-tabs.is-vertical.tabs-vertical-align-bottom .lnd-tabs__nav{align-self:end;}
.lnd-tabs__tab{
  appearance:none;
  -webkit-appearance:none;
  margin:0;
  border-width:var(--tabs-border-width,0);
  border-style:var(--tabs-border-style,solid);
  border-color:var(--tabs-border-color,transparent);
  background:transparent;
  color:inherit;
  border-radius:calc(var(--tabs-radius,12px) - 4px);
  padding:var(--tabs-button-padding,10px 16px);
  display:inline-flex;
  align-items:center;
  justify-content:var(--tab-text-align, left);
  gap:8px;
  cursor:pointer;
  transition:background-color .2s ease,color .2s ease,font-weight .2s ease,border-color .2s ease;
  font-family:var(--tabs-font-family,var(--font-body));
  font-size:var(--tabs-font-size,16px);
  font-weight:var(--tabs-font-weight,500);
  text-transform:var(--tabs-text-transform,none);
  letter-spacing:var(--tabs-letter-spacing,normal);
  line-height:1.2;
  box-shadow:none;
  text-decoration:none;
  text-align:var(--tab-text-align, left);
  background:var(--tab-bg, var(--tabs-bg, transparent));
  margin-bottom:var(--tabs-gap,8px);
  margin-right:var(--tabs-gap,8px);
}
.lnd-tabs__tab:last-child{
  margin-right: 0;
}
.lnd-tabs__tab:hover{
  color:var(--hover-color,inherit);
  background:var(--tab-hover-bg, var(--hover-bg, rgba(0,0,0,.05)));
}
.lnd-tabs.has-hover-bold .lnd-tabs__tab:hover{font-weight:var(--tabs-bold-weight,var(--font-body-bold-weight,700));}
.lnd-tabs__tab[aria-selected="true"],
.lnd-tabs__tab.is-active{
  background:var(--tab-hover-bg, var(--hover-bg, rgba(0,0,0,.05)));
  color:var(--hover-color,inherit);
}
.lnd-tabs.has-active-bold .lnd-tabs__tab[aria-selected="true"],
.lnd-tabs.has-active-bold .lnd-tabs__tab.is-active{font-weight:var(--tabs-bold-weight,var(--font-body-bold-weight,700));}
.lnd-tabs__media{display:inline-flex;align-items:center;justify-content:center;line-height:1;margin-right:1em}
.lnd-tabs__media img{display:block;width:22px;height:22px;object-fit:contain;}
.lnd-tabs.has-media-visibility-active-hover .lnd-tabs__media{opacity:0;transform:translateX(-4px);width:0;overflow:hidden;transition:opacity .18s ease,transform .18s ease,width .18s ease;}
.lnd-tabs.has-media-visibility-active-hover .lnd-tabs__tab:hover .lnd-tabs__media,
.lnd-tabs.has-media-visibility-active-hover .lnd-tabs__tab[aria-selected="true"] .lnd-tabs__media,
.lnd-tabs.has-media-visibility-active-hover .lnd-tabs__tab.is-active .lnd-tabs__media{opacity:1;transform:none;width:auto;overflow:visible;}
.lnd-tabs.has-icon-after .lnd-tabs__media{order:2;}
.lnd-tabs__panels{
  margin:var(--content-margin,0);
}
.lnd-tab-panel{
  padding:var(--content-padding,32px);
  border-width:var(--content-border-width,0);
  border-style:var(--content-border-style,solid);
  border-color:var(--content-border-color,transparent);
  border-radius:var(--content-radius,16px);
  background:var(--content-bg,var(--color-surface,#fff));
}
.lnd-tab-panel[hidden]{display:none!important;}
.lnd-tab-panel__label{
  display:none;
  margin-bottom:16px;
  color:var(--color-muted,#64748B);
}
.editor-styles-wrapper .lnd-tabs__editor-note{
  font-size:13px;
  color:#64748B;
  padding:10px 12px;
  border:1px dashed #CBD5E1;
  border-radius:10px;
  margin-bottom:16px;
}
.editor-styles-wrapper .lnd-tab-panel{
  margin-bottom:18px;
}
.editor-styles-wrapper .lnd-tab-panel__label{
  display:flex;
  gap:8px;
  align-items:center;
}
@media(max-width:781px){
  .lnd-tabs.is-vertical{display:block;}
  .lnd-tabs.is-vertical .lnd-tabs__nav{flex-direction:row;margin:var(--tabs-margin,0 0 24px 0);}
  .lnd-tabs__nav{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;}
  .lnd-tabs__tab{white-space:nowrap;}
}

/* V37 - Isolation stricte des tabs par rapport aux styles globaux des boutons */
.lnd-tabs .lnd-tabs__tab,
.lnd-tabs .lnd-tabs__tab:hover,
.lnd-tabs .lnd-tabs__tab:focus,
.lnd-tabs .lnd-tabs__tab:active,
.lnd-tabs .lnd-tabs__tab.is-active,
.lnd-tabs .lnd-tabs__tab[aria-selected="true"]{
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}

.lnd-tabs .lnd-tabs__tab{
  border-width:var(--tab-border-width, var(--tabs-border-width, 0));
  border-style:var(--tab-border-style, var(--tabs-border-style, solid));
  border-color:var(--tab-border-color, var(--tabs-border-color, transparent));
}

.lnd-tabs.tabs-position-right.is-vertical{
  grid-template-columns:var(--content-column-width, 1fr) var(--tabs-column-width, 280px);
}

.lnd-tabs.tabs-position-right.is-vertical .lnd-tabs__nav{
  order:2;
}

.lnd-tabs__nav.is-editor-preview{
  pointer-events:none;
}

/* BO Gutenberg : reproduction de la disposition du front.
 * InnerBlocks garde l’introduction et les panneaux dans un même conteneur ;
 * display:contents permet de les replacer dans la grille du bloc parent. */
.editor-styles-wrapper .lnd-tabs.is-editor-preview .lnd-tabs__panels,
.editor-styles-wrapper .lnd-tabs.is-editor-preview .lnd-tabs__panels > .block-editor-inner-blocks,
.editor-styles-wrapper .lnd-tabs.is-editor-preview .lnd-tabs__panels > .block-editor-inner-blocks > .block-editor-block-list__layout{
  display:contents;
}

.editor-styles-wrapper .lnd-tabs.is-editor-preview.is-horizontal{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:0;
}

.editor-styles-wrapper .lnd-tabs.is-editor-preview.is-horizontal .block-editor-block-list__block[data-type="lndigital/tabs-intro"]{
  grid-column:1;
  grid-row:1;
}

.editor-styles-wrapper .lnd-tabs.is-editor-preview.is-horizontal > .lnd-tabs__nav{
  grid-column:1;
  grid-row:2;
}

.editor-styles-wrapper .lnd-tabs.is-editor-preview.is-horizontal .block-editor-block-list__block[data-type="lndigital/tab"]{
  grid-column:1;
  grid-row:3;
}

.editor-styles-wrapper .lnd-tabs.is-editor-preview.is-vertical{
  display:grid;
  grid-template-columns:var(--tabs-column-width,280px) var(--content-column-width,1fr);
  grid-template-rows:auto 1fr;
  gap:0 var(--tabs-content-gap,24px);
}

.editor-styles-wrapper .lnd-tabs.is-editor-preview.is-vertical .block-editor-block-list__block[data-type="lndigital/tabs-intro"]{
  grid-column:1;
  grid-row:1;
}

.editor-styles-wrapper .lnd-tabs.is-editor-preview.is-vertical > .lnd-tabs__nav{
  grid-column:1;
  grid-row:2;
  align-self:start;
}

.editor-styles-wrapper .lnd-tabs.is-editor-preview.is-vertical .block-editor-block-list__block[data-type="lndigital/tab"]{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:start;
}

.editor-styles-wrapper .lnd-tabs.is-editor-preview.is-vertical.tabs-position-right{
  grid-template-columns:var(--content-column-width,1fr) var(--tabs-column-width,280px);
}

.editor-styles-wrapper .lnd-tabs.is-editor-preview.is-vertical.tabs-position-right .block-editor-block-list__block[data-type="lndigital/tabs-intro"]{
  grid-column:2;
}

.editor-styles-wrapper .lnd-tabs.is-editor-preview.is-vertical.tabs-position-right > .lnd-tabs__nav{
  grid-column:2;
}

.editor-styles-wrapper .lnd-tabs.is-editor-preview.is-vertical.tabs-position-right .block-editor-block-list__block[data-type="lndigital/tab"]{
  grid-column:1;
}

.editor-styles-wrapper .lnd-tabs.is-editor-preview.tabs-vertical-align-center > .lnd-tabs__nav{align-self:center;}
.editor-styles-wrapper .lnd-tabs.is-editor-preview.tabs-vertical-align-bottom > .lnd-tabs__nav{align-self:end;}

.editor-styles-wrapper .lnd-tabs.is-editor-preview .lnd-tab-panel{
  margin:0;
}

@media(max-width:781px){
  .lnd-tabs.is-vertical .lnd-tabs__sidebar,
  .lnd-tabs.is-vertical .lnd-tabs__panels{
    width:100%;
  }
  .lnd-tabs.is-vertical .lnd-tabs__intro{
    margin-bottom:16px;
  }
}
