footer#page-footer {
  .region-footer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0px;
    padding: 2rem;
    background-color: #333232;

    &,
    a {
      --color: #fff;
      --color-hover: #b3b3b3;
    }

    a {
      text-decoration: underline;
    }

    .wrapper {
      display: flex;
      align-items: start;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 2rem 2rem;
      width: 100%;
      max-width: 1200px;

      /* Immagini Pagamento */
      #block-immaginimetodidipagamento {
        display: flex;
        align-items: center;
        justify-content: start;
        order: 1;

        .block-wrapper > .content {
          .field-name-field-immagini-da-media .field-items {
              display: flex;
              align-items: center;
              justify-content: start;
              gap: 0.5rem;

              img {
                max-width: 50px;
                max-height: 25px;
              }
          }
        }
      }

      /* Menù di Navigazione */
      #block-footer {
        display: flex;
        align-items: center;
        justify-content: center;
        order: 2;

        ul:not(.contextual-links) {
          display: block;
          column-count: 2;
          column-gap: 4rem;
          text-align: left;

          &,
          li {
            margin: 0;
            padding: 0;
            list-style: none;
          }

          li {
            margin-bottom: 0.5rem;
            line-height: 1.3;
          }
        }
      }

      /* Blocco Copyright (Doorself...) */
      #block-copyright {
        display: flex;
        align-items: center;
        justify-content: center;
        order: 3;

        .block-wrapper .content .field-item {
          display: flex;
          align-items: start;
          justify-content: center;
          flex-direction: column;
          width: 100%;
          gap: 0.5rem 2rem;

          p {
            margin: 0;
          }
        }
      }
    }
  }
}

/* Solo Mobile */
body.is-mobile footer#page-footer {
  .region-footer {
    padding: 2rem 0.5rem;
    padding-bottom: 5rem;

    .wrapper {
      flex-direction: column;
      flex-wrap: nowrap;
      gap: 2rem 1rem;
    }

    /* Menù di Navigazione */
    #block-footer {
      align-items: start;
      justify-content: start;
      width: 100%;
      order: 1;

      ul:not(.contextual-links) {
        display: flex;
        align-items: start;
        justify-content: space-between;
        flex-wrap: wrap;
        text-align: center;
        gap: 1rem 0.5rem;

        li {
          width: 50%;
          max-width: calc(50% - 0.5rem);
          font-size: 0.9rem;
          margin-bottom: 0;
        }
      }
    }

    /* Immagini Pagamento */
    #block-immaginimetodidipagamento {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      order: 2;
    }

    /* Blocco Copyright (Doorself...) */
    #block-copyright {
      order: 3;

      &,
      .block-wrapper,
      .block-wrapper .content,
      .block-wrapper .content .field-item {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
      }

      .block-wrapper .content .field-item {
        align-items: center;
        justify-content: center;
        flex-direction: column;
      }
    }
  }
}