/* Composition settings only. Anatomy, tabs, slider and ProductCard live in Canvas. */
.ws-products-tabs-auto-v13 {
  --wapu-type-h2: 40px;
  --wapu-type-body: 16px;
  --wapu-anatomy-content-width: 1120px;
  --wapu-anatomy-collection-width: 100%;
  --wpb-tabs-card-size: clamp(240px,calc(260px * var(--wpg-product-text-scale,1)),280px);
}
/* Bound the media/card width instead of stretching four cards across any screen.
   The existing carousel still owns scrolling, arrows and product selection. */
.ws-products-tabs-auto-v13 .wapu-c-product-collection .wapu-carousel__slide{flex-basis:min(100%,var(--wpb-tabs-card-size))!important}
.ws-products-tabs-auto-v13 .wapu-c-product-collection .wapu-carousel__track{justify-content:safe center}
/* Make Compacto visible even when a centered, short selection already fits.
   Card geometry changes independently of the approved type hierarchy. */
.ws-products-tabs-auto-v13[data-wpg-content-width="compact"]{--wpb-tabs-card-size:clamp(204px,calc(221px * var(--wpg-product-text-scale,1)),238px)}
@media(max-width:640px){.ws-products-tabs-auto-v13,.ws-products-tabs-auto-v13[data-wpg-content-width="compact"]{--wpb-tabs-card-size:calc((100% - var(--wapu-slider-gap,16px))/2)}}
@container wapu-block-preview (max-width:640px){.ws-products-tabs-auto-v13,.ws-products-tabs-auto-v13[data-wpg-content-width="compact"]{--wpb-tabs-card-size:calc((100% - var(--wapu-slider-gap,16px))/2)}}
.ws-products-tabs-auto-v13 .wapu-c-block-heading .block-title {
  color: var(--wapu-appearance-title,var(--wapu-anatomy-text));
}
.ws-products-tabs-auto-v13 .wapu-c-block-inside,
.ws-products-tabs-auto-v13 [data-wpg-repeater-seed="tabs"],
.ws-products-tabs-auto-v13 .wapu-c-block-heading {
  gap: 16px;
}
.ws-products-tabs-auto-v13 [data-wpg-repeater-seed="tabs"] {
  display: grid;
  min-width: 0;
}
/* Navigation belongs to the heading; product panels keep their own layout. */
.ws-products-tabs-auto-v13 .wapu-c-block-heading { width:100%;min-width:0;max-width:100%; }
.ws-products-tabs-auto-v13 .wapu-c-block-heading > .wapu-c-tabs__list {
  width:100%;min-width:0;justify-self:stretch;
  justify-content:safe var(--wpg-heading-flex,center);
}
.ws-products-tabs-auto-v13 .wapu-c-block-heading + .wapu-c-tabs {
  margin-block-start: 0;
}
.ws-products-tabs-auto-v13 .wapu-c-tabs .wapu-c-tabs__panels {
  margin-block-start: 16px;
}
.ws-products-tabs-auto-v13 .wapu-c-tabs--single .wapu-c-tabs__list {
  display: none !important;
}
.ws-products-tabs-auto-v13 .wapu-c-tabs--single .wapu-c-tabs__panels {
  margin-block-start: 0;
}
/* Real navigation links retain the approved tab appearance. */
.ws-products-tabs-auto-v13 a[data-wapu-deferred-nav] {
  box-sizing: border-box;
  text-decoration: none;
}
.ws-products-tabs-auto-v13.wapu-c-block-structure {
  --wapu-block-section-y: 16px;
}
.ws-products-tabs-auto-v13.wapu-c-block-structure:not([data-wapu-background-custom="1"]):not([data-wapu-background-image="1"]) {
  background: var(--wapu-block-bg,var(--wapu-anatomy-surface)) !important;
}
@media (max-width: 640px) {
  .ws-products-tabs-auto-v13 { --wapu-type-h2: 32px; }
}
@container wapu-block-preview (max-width:40em){
  .ws-products-tabs-auto-v13 { --wapu-type-h2: 32px; }
}

/* Keep the remaining tab editable and the add control reachable in the canvas. */
.wpg-editor-layer .ws-products-tabs-auto-v13 .wapu-c-tabs--single .wapu-c-tabs__list { display: flex !important; }
.wpg-editor-layer .ws-products-tabs-auto-v13 .wapu-c-tabs--single .wapu-c-tabs__panels { margin-block-start: 16px; }

/* Semantic spacing leaves the existing lateral card scaling intact. */
.wapu-block-style-scope.wapu-c-block-structure.ws-products-tabs-auto-v13[data-wapu-block-part="structure"][data-wpg-tabs-spacing]{padding-block:var(--wpg-tabs-space,0px)!important;height:auto!important;min-height:0!important}
.ws-products-tabs-auto-v13[data-wpg-tabs-spacing="none"]{--wpg-tabs-space:0px}
.ws-products-tabs-auto-v13[data-wpg-tabs-spacing="s"]{--wpg-tabs-space:20px}
.ws-products-tabs-auto-v13[data-wpg-tabs-spacing="m"]{--wpg-tabs-space:40px}
.ws-products-tabs-auto-v13[data-wpg-tabs-spacing="l"]{--wpg-tabs-space:60px}
@media(max-width:640px){.ws-products-tabs-auto-v13[data-wpg-tabs-spacing="s"]{--wpg-tabs-space:15px}.ws-products-tabs-auto-v13[data-wpg-tabs-spacing="m"]{--wpg-tabs-space:20px}.ws-products-tabs-auto-v13[data-wpg-tabs-spacing="l"]{--wpg-tabs-space:25px}}
@container wapu-block-preview (max-width:640px){.ws-products-tabs-auto-v13[data-wpg-tabs-spacing="s"]{--wpg-tabs-space:15px}.ws-products-tabs-auto-v13[data-wpg-tabs-spacing="m"]{--wpg-tabs-space:20px}.ws-products-tabs-auto-v13[data-wpg-tabs-spacing="l"]{--wpg-tabs-space:25px}}

/* Only this recipe opts into Interior. Mobile retains its existing spacing,
   including when previewed in a narrow canvas inside a desktop window. */
@media (min-width: 641px) {
  .ws-products-tabs-auto-v13 [data-wpg-interior-controls="spacing"] {
    box-sizing: border-box;
    padding: var(--wpg-inside-padding,0px);
  }
  .ws-products-tabs-auto-v13 [data-wpg-interior-controls="spacing"],
  .ws-products-tabs-auto-v13 [data-wpg-interior-controls="spacing"] > [data-wpg-repeater-seed="tabs"] {
    row-gap: var(--wpg-inside-row-gap,16px);
    column-gap: var(--wpg-inside-column-gap,16px);
  }
  @container wapu-block-preview (max-width: 640px) {
    .ws-products-tabs-auto-v13 [data-wpg-interior-controls="spacing"] { padding: 0; }
    .ws-products-tabs-auto-v13 [data-wpg-interior-controls="spacing"],
    .ws-products-tabs-auto-v13 [data-wpg-interior-controls="spacing"] > [data-wpg-repeater-seed="tabs"] { row-gap: 16px; column-gap: 16px; }
  }
}

/* S/M/L share the same typography on desktop, phone and canvas previews.
   Set role sizes directly so responsive theme tokens cannot shrink them twice. */
.ws-products-tabs-auto-v13 .block-eyebrow{font-size:calc(12px * var(--wpg-product-text-scale,1))!important;line-height:1.4}
.ws-products-tabs-auto-v13 .block-title{font-size:calc(28px * var(--wpg-product-text-scale,1))!important;line-height:1.15}
.ws-products-tabs-auto-v13 :is(.block-text,.wapu-product-card__price-wrap,.wapu-product-card__price-wrap .wapu-price,.wapu-product-card__price-wrap .wapu-price__current,.wapu-product-card__price-wrap .price){font-size:calc(16px * var(--wpg-product-text-scale,1))!important;line-height:1.5}
.ws-products-tabs-auto-v13 :is(.block-btn,.wapu-c-tabs__tab,.wapu-product-card__name){font-size:calc(14px * var(--wpg-product-text-scale,1))!important;line-height:1.5}
.ws-products-tabs-auto-v13 :is(.wapu-c-cta-text,.wapu-product-card__price-wrap .woocommerce-Price-amount,.wapu-product-card__price-wrap bdi){font-size:inherit!important}
/* Match Mini Banner card copy on phone/tablet, independently of block scale. */
@media(max-width:1024px){.ws-products-tabs-auto-v13 .wapu-product-card{--wpg-product-text-scale:1.1}}
@container wapu-block-preview (max-width:1024px){.ws-products-tabs-auto-v13 .wapu-product-card{--wpg-product-text-scale:1.1}}
@media(max-width:1024px){.ws-products-tabs-auto-v13 .wapu-product-card__badges{flex-wrap:wrap;max-width:calc(100% - 24px)}}
@container wapu-block-preview (max-width:1024px){.ws-products-tabs-auto-v13 .wapu-product-card__badges{flex-wrap:wrap;max-width:calc(100% - 24px)}}
