/*------------------------------------------------------------
ADDRESS BOOK
====================================*/

/* Variables Custom */
$address-btn-text-align: right !default;
$address-default-bg: $gray-200 !default;
/**************************************/

.action-card {
  text-align: $address-btn-text-align;
}

.default-address {
  background-color: $address-default-bg;
  margin-bottom: 2.5rem;

  .default-address-title {
    display: flex;
    align-items: center;

    .h6 {
      padding-left: 2rem;
      margin: 0;
    }

    .icon-pattern-wrapper {

      svg {
        filter: none;
      }
    }
  }

  .default-address-information {
    display: flex;
    justify-content: space-between;
  }
}

.account-address {
  display: flex;
  margin-bottom: 2.5rem;

  .address-card {
    width: 100%;
  }
}

/* RESPONSIVE */
/***************************************/
@media (max-width: 400px) {
  .address-block {
    .action-card {
      flex-wrap: wrap;

      .default-btn {
        order: 1;
        text-align: center;
        flex: 100%;
      }
    }
  }
}

@include media-breakpoint-down(sm) {
  .default-address {
    margin-top: 2.5rem;

    .default-address-title {
      margin-bottom: 2rem;
    }

    .icon-pattern-wrapper {
      svg {
        width: 3rem;
        height: 3.4rem;
      }
    }

    .default-address-information {
      display: block;
    }
  }
  .address-block {
    display: block;
  }
  .action-card {
    display: flex;
    justify-content: space-between;
  }
}

@include media-breakpoint-up(md) {
  .account-address-book-header {
    margin-bottom: -1rem;
  }
  .action-card {
    margin-left: 1.5rem;
  }
  .default-address-information {
    padding-left: 5.5rem;
  }

  .icon-pattern-wrapper {
    svg {
      width: 4rem;
      height: 4.4rem;
    }
  }

}

