/* Block Schede Numeri — Maexport
   Figma exact: Desktop 420x / 32.09px / 3.2px / pad 62/8/69 gap 47 | Mobile 240x / 20px / 2px / pad 44/3/30 | Icon 163.5x145.8 -> 98x90.2 | Numero 50px/70lh -> 32px/40lh Sarabun 800 | Desc 16px/24lh
   Convertito in rem + clamp (16px base), border/raggio/padding fluidi tra i due breakpoint.
*/

.maexport-schede-numeri {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: clamp(2rem, 4vw, 3.5rem) clamp(0.75rem, 2vw, 1rem);
  overflow: visible;
}

.maexport-schede-numeri__splide {
  position: relative;
  max-width: 76rem;
  margin: 0 auto;
  padding: 0 clamp(2rem, 5vw, 3.25rem);
  overflow: hidden;
}

.maexport-schede-numeri__splide .splide__track {
  overflow: visible;
  padding: 0.25rem 0;
}

.maexport-schede-numeri__splide .splide__list {
  align-items: stretch;
}

.maexport-schede-numeri__slide {
  display: flex;
  height: auto;
}

/* Card — Figma .scheda — mobile: altezza auto per evitare overflow, desktop 420px */
.maexport-schede-numeri__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: flex-start;
  width: 100%;
  height: auto;
  min-height: 26.25rem;
  /* Figma border: 2px -> 3.2px */
  border-width: clamp(0.125rem, 0.4vw, 0.2rem);
  border-style: solid;
  border-color: var(--wp--preset--color--giallo, #fabd6f);
  /* Figma radius: 20px -> 32.09px */
  border-radius: clamp(1.25rem, 2.6vw, 2.0056rem);
  box-sizing: border-box;
  background: #fff;
  /* Figma padding: 44px 3px 30px 1px -> 62px 8px 69px + gap 47px */
  padding-top: clamp(2.75rem, 5vw, 3.875rem);
  padding-right: clamp(0.1875rem, 1vw, 0.5rem);
  padding-bottom: clamp(1.875rem, 5vw, 4.3125rem);
  padding-left: clamp(0.0625rem, 1vw, 0.5rem);
  gap: clamp(1.25rem, 3vw, 2.9375rem);
  box-shadow: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  font-family: var(--wp--preset--font-family--sans, Sarabun, sans-serif);
}

.maexport-schede-numeri__card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(250, 189, 111, 0.18);
}

/* Icon — Figma 98x90.2 -> 163.5x145.8 */
.maexport-schede-numeri__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: clamp(6.125rem, 13vw, 10.21875rem);
  height: clamp(5.6375rem, 11vw, 9.1125rem);
  position: relative;
}

.maexport-schede-numeri__icon img,
.maexport-schede-numeri__icon svg {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}

/* Wrapper testo — Figma .m2-di-magazzino-container 172x76 -> 268x96, flex align flex-end */
.maexport-schede-numeri__text {
  width: clamp(10.75rem, 20vw, 16.75rem);
  min-height: clamp(4.75rem, 10vw, 6rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  gap: 0;
}

/* Numero — Figma 32px/40lh -> 50px/70lh, Sarabun 800, giallo */
.maexport-schede-numeri__number {
  font-family: var(--wp--preset--font-family--sans, Sarabun, sans-serif);
  font-size: clamp(2rem, 4vw, 3.125rem);
  font-weight: 800;
  line-height: clamp(2.5rem, 5vw, 4.375rem);
  color: var(--wp--preset--color--giallo, #fabd6f);
  margin: 0;
  letter-spacing: 0;
  text-transform: none;
  width: 100%;
}

/* Descrizione — Figma 16px/24lh Sarabun desktop, Ubuntu mobile, #1d1d1d */
.maexport-schede-numeri__description {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #1d1d1d;
  margin: 0;
  width: 100%;
  text-wrap: balance;
  /* Mobile Figma usa Ubuntu, desktop Sarabun — fallback stack */
  font-family: Sarabun, Ubuntu, var(--wp--preset--font-family--sans, sans-serif);
}

@media (max-width: 48em) {
  .maexport-schede-numeri__description {
    font-family: Ubuntu, Sarabun, sans-serif;
  }
}

/* Splide arrows — cerchi gialli */
.maexport-schede-numeri__splide .splide__arrows {
  position: static;
}

.maexport-schede-numeri__splide .splide__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(1.75rem, 4vw, 2rem);
  height: clamp(1.75rem, 4vw, 2rem);
  border-radius: 9999px;
  background: var(--wp--preset--color--giallo, #fabd6f);
  border: 0;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
  transition: background 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
  z-index: 2;
}

.maexport-schede-numeri__splide .splide__arrow svg {
  width: 0.9em;
  height: 0.9em;
  fill: #1d1d1d;
}

.maexport-schede-numeri__splide .splide__arrow--prev {
  left: 0;
}

.maexport-schede-numeri__splide .splide__arrow--next {
  right: 0;
}

.maexport-schede-numeri__splide .splide__arrow:hover {
  background: #f5b25e;
  transform: translateY(-50%) scale(1.06);
}

.maexport-schede-numeri__splide .splide__arrow:disabled {
  opacity: 0.35;
  pointer-events: none;
}

.maexport-schede-numeri__splide .splide__arrow:focus-visible {
  outline: 2px solid #1d1d1d;
  outline-offset: 2px;
}

.maexport-schede-numeri__splide .splide__pagination {
  display: none !important;
}

@media (max-width: 48em) {
  .maexport-schede-numeri__card {
    height: auto;
    min-height: 0;
  }
}

@media (max-width: 30em) {
  .maexport-schede-numeri__splide {
    padding: 0 2rem;
  }
}

.editor-styles-wrapper .maexport-schede-numeri__splide {
  overflow: hidden;
}