// FORM
.woocommerce form {
  input.input-text,
  textarea {
    padding: 0.75rem;
    border: 1px solid var(--wp--preset--color--shadcn-border);
    border-radius: 0.25rem;
    &:focus-visible {
      outline: 2px solid var(--wp--preset--color--shadcn-ring);
    }
  }

  .form-row:last-child {
    margin-bottom: 0;
  }
}

// Account Page
.woocommerce-page.woocommerce-account {
  .woocommerce {
    font-size: var(--wp--preset--font-size--sm);
    h2 {
      font-size: var(--wp--preset--font-size--xl);
      font-weight: 500;
      margin-bottom: 1rem;
    }
  }
  &:not(.logged-in) {
    .woocommerce-form-login,
    .woocommerce-form-register {
      max-width: var(--wp--style--global--content-size);
      min-height: 326px;
      margin: 1rem 0;
      border-color: var(--wp--preset--color--shadcn-border);
      border-radius: 8px;
      label:not(.woocommerce-form__label-for-checkbox) {
        display: block;
        margin-bottom: 0.5rem;
      }
      .woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
        margin-top: 1rem;
      }
      .woocommerce-privacy-policy-text {
        color: var(--wp--preset--color--shadcn-muted-foreground);
      }
    }
  }

  &.logged-in {
    .woocommerce {
      border: 1px solid var(--wp--preset--color--shadcn-border);
      border-radius: 8px;
      padding: 0.5rem;
      position: relative;
      @media screen and (min-width: 768px) {
        padding: 1rem;
      }
    }
    // Account Navigation
    .woocommerce-MyAccount-navigation {
      ul {
        display: flex;
        flex-direction: column;
        margin-bottom: 1.25rem;
        gap: 2px;
        border-bottom: 1px solid var(--wp--preset--color--shadcn-border);
        padding-bottom: 0.5rem;

        @media screen and (min-width: 768px) {
          border-right: 1px solid var(--wp--preset--color--shadcn-border);
          border-bottom: none;
          padding-right: 1rem;
          padding-bottom: 0;
        }

        li {
          padding: 0;
          margin: 0;
          &.is-active {
            a {
              background-color: var(--wp--preset--color--shadcn-accent);
              color: var(--wp--preset--color--shadcn-accent-foreground);
            }
          }
          &.woocommerce-MyAccount-navigation-link--customer-logout {
            a {
              color: var(--wp--preset--color--shadcn-destructive);
              &:hover {
                color: var(--wp--preset--color--shadcn-destructive);
              }
            }
          }
          a {
            display: block;
            text-decoration: none;
            transition: background-color 0.2s ease;
            font-weight: 500;
            font-size: var(--wp--preset--font-size--sm);
            color: var(--wp--preset--color--shadcn-muted-foreground);
            border-radius: 8px;
            padding: 0.75rem;
            @media screen and (min-width: 768px) {
              padding: 0.75rem 1rem;
            }
            &:hover {
              background-color: var(--wp--preset--color--shadcn-accent-lighter);
              color: var(--wp--preset--color--shadcn-accent-foreground);
            }
            &:focus {
              outline: none;
            }
          }
        }
      }
    }

    .woocommerce-MyAccount-content {
      .addresses .title .edit {
        float: none;
      }

      .woocommerce-orders-table__cell-order-actions {
        .wp-element-button {
          padding: 4px 8px;
          background-color: var(--wp--preset--color--shadcn-accent);
          color: var(--wp--preset--color--shadcn-accent-foreground);
          border-radius: 4px;
          margin-bottom: 4px;
          font-size: 12px;
        }
      }

      .woocommerce-table--order-details {
        .woocommerce-table__line-item {
          a {
            font-weight: 500;
          }
          .wc-item-meta {
            padding-inline-start: 0;
            font-size: var(--wp--preset--font-size--xs);
            li {
              margin-bottom: 4px;
              p {
                margin-block-start: 2px;
                margin-block-end: 2px;
              }
            }
          }
        }
      }
    }
  }
}

// CHECKOUT
.wp-block-woocommerce-checkout-order-summary-block {
  .wc-block-components-order-summary-item__quantity {
    padding: 0;
    font-size: 12px;
  }
}