/* Dimensioni */
details#edit-v-configuratore-voci-t-4 {
  /* Contenuto */
  div.wrapper > .content {
    gap: 0.5rem;

    /* Label per dimensioni standard e custom */
    label {
      display: flex;
      align-items: center;
      justify-content: start;
      width: auto;
    }

    /* Opzioni dimensioni standard */
    .wizard-options#edit-s-v-configuratore-voci-t-4-p-5 {
      flex-direction: column;
      align-items: start;
      justify-content: start;
      gap: 0.75rem 0.5rem;
      text-align: left;

      > div.form-item {
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 0.5rem;
        width: 100%;
        padding: 0.25rem;

        p {
          margin: 0;
        }

        label {
          --row-height: 20px;
          height: var(--row-height);

          &.wizard-label-container {
            flex: 1 1 auto;

            .wizard-label-testo {
              display: flex;
              align-items: center;
              justify-content: start;
              gap: 0.25rem 2rem;
              height: var(--row-height);
            }
          }
        }
      }
    }

    /* Dimensioni personalizzate */
    .wizard-custom-option {
      width: auto;
      padding-left: 33px;
      margin: 0;

      label {
        width: 170px;
      }

      input {
        width: 70px;
        text-align: center;
      }
    }
  }
}

/* Solo Mobile */
body.is-mobile {
  details#edit-v-configuratore-voci-t-4 {
    /* Contenuto */
    div.wrapper > .content {

      /* Opzioni dimensioni standard */
      .wizard-options#edit-s-v-configuratore-voci-t-4-p-5 {

        > div.form-item {
          align-items: start;
          width: 100%;

          label {
            --row-height: auto;

            &.wizard-label-container {
              .wizard-label-testo {
                flex-wrap: wrap;
                justify-content: start;
                align-items: start;
                gap: 0.5rem 2rem;
                text-align: left;
                font-size: 0.9rem;

                p {
                  width: auto;
                }
              }
            }
          }
        }
      }

      /* Dimensioni personalizzate */
      .wizard-custom-option {
        align-items: center;
        width: auto;
        font-size: 0.9rem;
        padding-left: 33px;
        margin: 0;

        label {
          width: 170px;
        }

        input {
          width: 70px;
          text-align: center;
        }
      }
    }
  }
}