/* Wizard Right */
.block-newcom-wizard form fieldset#edit-wizard-right,
.block-newcom-wizard form fieldset#edit-wizard-bottom {
  width: 100%;
  max-width: 360px;
  position: sticky;
  top: calc(var(--custom-toolbar-height) + 163px);
  padding: 1rem 0.5rem;
  background-color: #fff;
  border: 1px solid #ccc;

  > legend {
    display: none;
  }

  .fieldset-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem 0.5rem;

    /* Title */
    .wizard-right-title {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      font-weight: bold;
      font-size: 1.25rem;
      text-transform: uppercase;
    }

    /* Fieldsets */
    > fieldset {
      width: 100%;
    }

    /* Fieldset Upper */
    fieldset.wizard-right-upper > .fieldset-wrapper {
      position: relative;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      gap: 1rem;
      flex-wrap: wrap;
      overflow: hidden;

      legend {
        display: none !important;
      }

      /* Quality Images */
      .wizard-right-quality_images {
				position: absolute;
        display: flex;
        align-items: center;
        justify-content: start;
        width: auto;
        z-index: 10;

        .fieldset-wrapper {
          display: flex;
          align-items: center;
          justify-content: start;
          flex-direction: row;
          width: 100%;
          gap: 0.6rem;

          img {
            max-width: 60px;
          }
        }

				.form-item-wrapper {
					display: flex;
					align-items: center;
					justify-content: center;
					gap: 0.5rem;
				}

				/* In alto a destra */
				&.wizard-right-quality_images_upper_right {
          top: 0;
          right: 2px;
				}

				/* In basso a sinistra */
				&.wizard-right-quality_images_lower_left {
					bottom: 0;
					left: 7px;
				}

				/* Info Certificato di Qualità */
				.certificato_qualita-quality-image {
					.wizard-info-container {
						--width: 280px;

					}

				}
      }
    }

    /* Form items */
    .form-item {
      margin: 0 !important;
    }

		/* Upper */
		.wizard-right-upper {
			margin-bottom: 1rem !important;
		}

    /* Preview Cuccia */
    .fieldset-wrapper fieldset.wizard-right-preview {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;

			width: 100%;
			z-index: 9;

      .fieldset-wrapper {
        position: relative;
        display: block;
        width: 100%;
        height: 230px;
        font-size: 1rem; /* font size per incisione su immagine */
				margin-top: -4% !important;
				margin-right: -4% !important;
      }

      /* Incisione su immagine */
      .wizard-right-preview-item-text {
        --color: #9a8d7d !important;
        --color: transparent !important;
        --stroke-color: #6c6153 !important;

        position: absolute;
        width: 64%;
        left: 2%;
        top: 124px;
        transform: rotate(21deg);
        text-align: center;
        text-transform: uppercase;
        color: var(--color);
        -webkit-text-fill-color: #9a8d7d;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: var(--stroke-color);
        overflow: hidden;
        z-index: 9;
      }
    }

    /* Prezzi */
    fieldset.wizard-right-price-container {
      margin-bottom: 1rem !important;

      legend {
        display: none;
      }

      .fieldset-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        gap: 0.5rem;

        .newcom-price {
          font-size: 1.5rem;
        }

        /* Prezzo listino */
        .newcom-list-price-container .newcom-price:before {
          top: 46%;
          left: -12%;
          --deg: -20deg;
        }

        .newcom-list-price-container:after {
          content: 'iva compresa';
          font-size: 0.8rem;
          margin-right: -72px;
        }

        /* Prezzo scontato */
        .newcom-price-discount,
        .newcom-final-price-container {
          &,
          * {
            color: var(--promo-color) !important;
          }

          /* Titolo Prezzo Scontato */
          &.newcom-price-discount {
            font-size: 1.2rem;
            margin-top: 1rem !important;

            .wizard-discount-info {
              gap: 0.25rem;
            }

            .bigger {
              font-size: 1.5rem;
            }
          }

          /* Prezzo */
          &.newcom-final-price-container {
            .newcom-price {
              font-size: 1.8rem;
            }
          }
        }
      }
    }

    /* Spedizione Gratuita */
    .free-shipping-msg {
      b {
        color: var(--promo-color) !important;
      }
    }

    /* Data offerta */
    .promo-deadline-msg {
      color: var(--promo-color) !important;
      margin-bottom: 1rem !important;
    }

    /* Actions */
    fieldset.actions-wrapper {
      margin-bottom: 1rem !important;

      legend {
        display: none !important;
      }

      /* Aggiungi al carrello */
      .wizard-add-to-cart {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        text-decoration: none;
        padding: 0.75rem 1.5rem;
        border-radius: 0.35rem;
        background: #F7CA00;
        cursor: pointer;

        i {
          margin-top: -2px;
        }
      }
    }

    /* Tempi consegna */
    fieldset.shipping-container {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;

      > .fieldset-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        gap: 0.5rem;

        .form-item-wrapper {
          gap: 0.5rem;
        }

				/* Tempi di spedizione */
        .shipping-msg {
          .form-item-wrapper {
            display: flex;
            align-items: center;
            justify-content: center;

            &::before {
              content: "\f017"; /* icona orologio */
              font-family: "Font Awesome 5 Free";
              font-size: 1.5rem;
              margin-top: -2px;
            }
          }
        }

				/* Messaggio sulle info dei tempi di spedizione */
				.shipping_info_msg-more-info-trigger {
					.wizard-info-container {
						--width: 350px;
						transform: translateY(-105%);
						right: -49px;
					}
				}
      }
    }
  }
}

/* Solo desktop */
body.is-desktop {
  .block-newcom-wizard form fieldset#edit-wizard-right {
    .wizard-add-to-cart:hover {
      background-color: #F7B900 !important;
    }
  }
}

/* Solo Mobile */
body.is-mobile {
  .block-newcom-wizard form fieldset#edit-wizard-right {
    display: none;
  }

  .block-newcom-wizard form fieldset#edit-wizard-bottom {
    width: 90%;
  }

  .block-newcom-wizard form fieldset#edit-wizard-right,
  .block-newcom-wizard form fieldset#edit-wizard-bottom {
    .fieldset-wrapper {
      fieldset.wizard-right-upper {
				margin-bottom: 0 !important;

				> .fieldset-wrapper {
					height: 180px;

					/* Anteprima */
					.wizard-right-preview {
						position: absolute;
						top: 0;
						left: 0;
						right: 0;
						max-width: 260px;

						.fieldset-wrapper {
							height: 115px;
							font-size: 0.8rem;

							.wizard-right-preview-item-text {
								top: 84%;
								left: 3%;
							}
						}
					}

					/* Quality Images */
					.wizard-right-quality_images {
						img {
							max-width: 50px;
						}

						/* In basso a sinistra */
						&.wizard-right-quality_images_lower_left {
							bottom: 0.5rem;

							/* Certificato di Qualità */
							.certificato_qualita-quality-image {
								.wizard-info-container {
									--width: 250px;
									top: -14px;
									right: -114px;
								}
							}
						}
					}
				}
      }
    }
  }

  /* Solo Wizard Right */
  .block-newcom-wizard form fieldset#edit-wizard-right {
    /* Info Tempi consegna */
    fieldset.shipping-container > .fieldset-wrapper .shipping_info_msg-more-info-trigger .wizard-info-container {
      --width: 260px;
      top: 0px;
      right: -25%;
    }
  }

  /* Solo Wizard Bottom */
  .block-newcom-wizard form fieldset#edit-wizard-bottom {
    /* Info Tempi consegna */
    fieldset.shipping-container > .fieldset-wrapper .shipping_info_msg-more-info-trigger .wizard-info-container {
      --width: 260px;
			top: 0px;
      right: -25px;
    }
  }
}