/* MENU CARRELLO */
body cart-drawer.drawer {
  .drawer__header {
    padding-block: 20px;
    h2.drawer__heading {
      font-size: 22px;
      line-height: 1;
      transform: translateY(1px);
    }
    button.drawer__close {
      position: relative !important;
      top: 0; left: 0; right: 0; bottom: 0;
      transform: translateY(2px);
    }
  }

  .drawer__cart-items-wrapper tbody {
    padding-top: 8px;
    padding-bottom: 24px;
    td.cart-item__media {
      margin: 0;
      a, img {
        height: 100%;
      }
    }

    .cart-item__details {
      a.cart-item__name {
        font-weight: 500;
      }
      dl {
        margin-top: 0px;
      }
    }
  }

  .drawer__footer {
    small.tax-note {
      margin-top: 10px;
    }

    /* Pulsanti CTA in basso */
    .cart__ctas {
      gap: 8px !important;
      padding: 20px !important;
      padding-bottom: 24px !important;

      a, button {
        border-radius: 100vw !important;
        min-height: 32px !important;
        padding: 14px 32px;
        transition: all 220ms;
        &:hover {
          background-color: transparent;
          outline: 1px solid var(--clr-accent-10);
          color: var(--clr-accent-10);
        }
      }
    }
  }
}

/* PAGINA CARRELLO */
body#il-tuo-carrello main#MainContent {
  button#checkout, .continue-shopping > a.button,
  button#apply-discount-btn {
    padding: 14px 24px;
    transition: all 220ms;

    &:hover {
      outline: 1px solid var(--clr-accent-10);
      color: var(--clr-accent-10);
    }
  }
  .continue-shopping > a.button {
    margin-inline: auto;
  }

  /* MOBILE */
  @media (max-width: 480px) {
    .shopify-section.main-cart-wrapper > .main-cart-wrapper {
      padding-block: 48px;

      .title-wrapper-with-link {
        margin-top: 48px;
        margin-bottom: 8px;
      }
      form.cart__contents {
        margin-top: 32px;
      }
    }

    /* Prodotto */
    tr.cart-item {
      .cart-item__media {
        padding-top: 24px;
      }
      .cart__media {
        max-height: 200px;
        width: 100%;
      }
    }
  }
}