/*
 * Colors: Base
\* -------------------------------------------------------------------------- */
/*
 * Colors: System color
\* -------------------------------------------------------------------------- */
/*
 * Colors: Overrides
\* -------------------------------------------------------------------------- */
/*
 * Colors: ADN-club
\* -------------------------------------------------------------------------- */
/** System monospace */
/**
 * Returns a rem value from a number of pixels.
 * Its uses 16px as root font-size
 */
/* -- Not on redesign -- */
/* 1025 is used instead of 1024 because touch devices design is not specified */
/* Scrollbars customization */
/**
 * Returns an url encoded SVG with the given color
 * @param {String} $icon - SVG code
 * @param {String} $color - Final color
 * @return {String} URL encoded svg
 */
/* stylelint-disable function-parentheses-newline-inside */
/* stylelint-enable function-parentheses-newline-inside */
/*
 * https://allyjs.io/tutorials/hiding-elements.html#2017-edition-of-visuallyhidden
 */
/* Mixin to use if touch devices design is specified */
/** Vertical scrollbar with custom color & size
*     @include ad-scrollbars(color, size);
*/
/** Horizontal scrollbar with custom color & size
*     @include ad-scrollbars();
*     @include ad-scrollbars-horizontal(color, size);
*/
.account-dashboard {
  margin-bottom: 2rem;
}
@media (min-width: 1025px) {
  .account-dashboard {
    margin-bottom: 6.25rem;
  }
  .account-dashboard .page-title {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1280px) {
  .account-dashboard {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .account-dashboard {
    margin-bottom: 12.5rem;
  }
}
.account-dashboard .dashboard-back-container {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  max-width: 520px;
  margin: 1.5rem auto 0 auto;
}
@media (min-width: 1280px) {
  .account-dashboard .two-columns-account {
    max-width: 1025px;
  }
}
@media (min-width: 1280px) {
  .account-dashboard-cards {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
}

.account-secondary-title {
  font-family: "AdFont", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.37;
  color: rgb(0, 0, 0);
  font-weight: 600;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
}

.adn-account-logo {
  max-width: 5rem;
}
@media (min-width: 768px) {
  .adn-account-logo {
    max-width: 6.875rem;
  }
}

.button-row .col:first-child {
  padding-right: 0.3125rem;
}
.button-row .col:last-child {
  padding-left: 0.3125rem;
}

.account-card {
  max-width: 520px;
  margin: 1.5rem auto;
  padding: 1.5rem 1rem;
  font-size: 0.75rem;
  letter-spacing: 1px;
  border: 1px solid rgb(224, 224, 224);
  border-radius: 0;
}
@media (min-width: 768px) {
  .account-card {
    padding: 2.5rem 1.5rem;
  }
}
@media (min-width: 1280px) {
  .account-card {
    margin: 1rem 0.5rem;
  }
}
.account-card-footer {
  padding: 0;
  background-color: rgb(255, 255, 255);
  border-top: 0;
}
.account-card-title {
  font-family: "AdFont", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.37;
  color: rgb(0, 0, 0);
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
}
.account-card .line-title {
  margin-bottom: 0.3125rem;
  color: rgb(117, 117, 117);
}
.account-card .line-title.warning {
  color: rgb(229, 57, 53);
  font-weight: bold;
  text-transform: uppercase;
}
.account-card .line-title.success {
  color: rgb(56, 142, 60);
  font-weight: bold;
  text-transform: uppercase;
}
.account-card .line-content {
  margin-left: 0;
  font-size: 0.875rem;
}
.account-card-link {
  display: block;
}
.account-card.edit-card {
  width: 100%;
  margin: 3rem auto 5rem auto;
}
@media (max-width: 767px) {
  .account-card.edit-card {
    margin-bottom: 4rem;
    padding: 0;
    border: 0;
  }
}
@media (min-width: 1440px) {
  .account-card.edit-card {
    margin-bottom: 12.5rem;
  }
}
.account-card-address {
  margin: 0 auto;
}
.account-card .button-row {
  margin-top: 1.5rem;
}
.account-card .card-header {
  width: 100%;
  padding: 0;
  background-color: rgb(255, 255, 255);
  border-bottom: 0;
}
.account-card .card-body {
  margin-top: 1rem;
  padding: 0;
}
.account-card .card-footer {
  padding-bottom: 0;
  background-color: rgb(255, 255, 255);
}
.account-card .card-link {
  float: right;
}
.account-card .dashboard-cards-block-title {
  margin-bottom: 0.5rem;
  color: rgb(117, 117, 117);
  font-weight: 500;
}
.account-card .card-line {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.account-card .card-body > .card-line:last-child {
  margin-bottom: 1rem;
}
.account-card .adn-logo-order {
  display: block;
  float: left;
  width: 5rem;
  margin-right: 1.5rem;
}
.account-card .adn-voucher__line {
  display: flex;
  align-items: center;
  margin: 0;
}
.account-card .adn-voucher__line--validity {
  color: rgb(117, 117, 117);
  font-size: 0.75rem;
  line-height: 1.5;
}
.account-card .adn-voucher__name {
  flex-shrink: 0;
  margin-right: 1.5em;
}
.account-card .adn-voucher__code-copy {
  width: 1.375rem;
  height: 1.375rem;
}
.account-card .adn-voucher__code-id {
  max-width: 14ch;
  padding: inherit;
  overflow: hidden;
  color: inherit;
  color: rgb(117, 117, 117);
  font-size: 0.75rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: none;
}
.account-card .adn-voucher__code-label {
  flex-shrink: 0;
  color: rgb(117, 117, 117);
  font-size: 0.75rem;
}

.order-card-description-line {
  margin-top: 0.75rem;
  font-size: 0.875rem;
}
.order-card-description-line:first-child {
  margin-top: 0;
}
.order-card-description-line .line-title {
  display: block;
}

.account-card-order__image {
  margin-left: 1rem;
  padding: 0;
}

.account-card-order__image--small {
  max-width: 166px;
}

.account-card-order__content {
  padding-left: 0.5rem;
}
@media (min-width: 1025px) {
  .account-card-order__content {
    padding-left: 1rem;
  }
}

.card-header + .card-body {
  margin-top: 2rem;
}

.justify-content-center {
  margin-right: auto;
  margin-left: auto;
}

.profile-back-to-account-link {
  width: -moz-fit-content;
  width: fit-content;
  color: rgb(70, 71, 76);
  font-size: 0.75rem;
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  .profile-back-to-account-link {
    margin-left: 20%;
  }
}

.text-arrow-left {
  width: 0.75rem;
  height: 0.75rem;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .edit-card .card-body {
    margin-top: 1.5rem;
  }
}
.edit-card .remove-btn {
  cursor: pointer;
}

.card-info-group p {
  margin-bottom: 0;
}
.card-info-group div {
  margin-bottom: 1rem;
}
.card-info-group div:last-child {
  margin-bottom: 0;
}

.account-title {
  width: 100%;
}

.order-history-control h2,
.order-history h2 {
  margin-top: 0.5rem;
  font-weight: bold;
}

.dashboard-order-card-image {
  width: 7rem;
  padding-right: 1rem;
}

.dashboard-order-card-footer-columns:last-child {
  text-align: right;
}

.dashboard-order-card-footer-value {
  font-weight: bold;
  font-size: 1rem;
}

.order-history {
  max-width: 520px;
  margin-top: 2rem;
  margin-bottom: 5rem;
  padding: 0 1rem;
}
@media (min-width: 1025px) {
  .order-history {
    max-width: 1025px;
  }
}
.order-history .history-header {
  margin-top: 1.5rem;
}
@media (min-width: 480px) {
  .order-history .history-header {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
  }
}
@media (min-width: 1025px) {
  .order-history .history-header {
    margin-bottom: 1rem;
  }
}
.order-history .navigation-container {
  margin-bottom: 1rem;
}
@media (min-width: 480px) {
  .order-history .navigation-container {
    align-self: center;
    margin-bottom: 0;
  }
}
.order-history .filter-container {
  min-width: 175px;
}
.order-history .account-card {
  width: 100%;
  margin: 1rem auto;
}
@media (min-width: 1025px) {
  .order-history .account-card {
    flex-basis: calc(50% - 0.5rem);
    margin: 0 0 1rem 0;
  }
}
@media (min-width: 1025px) {
  .order-history .account-card:only-child {
    margin: 0 auto 1rem auto;
  }
}
.order-history .account-card:not(:first-child) {
  margin-top: 0;
}
.order-history .order-list-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 1025px) {
  .order-history .order-list-container {
    justify-content: space-between;
  }
}
@media (min-width: 1025px) {
  .order-history .order-detail-container {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-width: 1025px;
    padding: 1rem;
  }
}

.adn-gift-list {
  max-width: 520px;
  margin-top: 2rem;
  margin-bottom: 5rem;
}
@media (min-width: 768px) {
  .adn-gift-list {
    max-width: 768px;
    margin-top: 2.5rem;
  }
}
@media (min-width: 1025px) {
  .adn-gift-list {
    max-width: 1025px;
  }
}
.adn-gift-list__header {
  margin-bottom: 1.5rem;
}
@media (min-width: 1025px) {
  .adn-gift-list__header {
    margin-bottom: 1rem;
  }
}
.adn-gift-list .price {
  display: none;
}
.adn-gift-list .add-to-wish-list {
  display: none;
}
.adn-gift-list .show-more-gifts {
  visibility: hidden;
}

.adn-gift__product-card {
  margin-bottom: 0;
  border-bottom: 0;
}
.adn-gift .product-line-item-details {
  margin-bottom: 0;
}

.gift-saved-alert {
  padding: 1em;
  animation: fade 5s linear forwards;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.gift-saved-alert.show {
  display: block;
}

.gift-saved-message {
  position: fixed;
  top: 25%;
  left: 50%;
  z-index: 1070;
  transform: translate(-50%, -50%);
}

.first-column .account-card:first-child {
  margin-top: 0.5rem;
}
.first-column .account-card:last-child {
  margin-bottom: 0;
}

.account-column {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 1025px) {
  .account-column {
    max-width: 520px;
  }
}
@media (min-width: 1280px) {
  .account-column {
    margin: 0;
  }
}
@media (min-width: 1280px) {
  .account-column .account-card:first-child {
    margin-top: 0.5rem;
  }
}

.adn-order-totals {
  font-family: "AdFont", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.37;
  color: rgb(0, 0, 0);
  font-weight: 600;
  margin-top: 0.3125rem;
}

.adn-order-item-amounts {
  margin: 0.3125rem 0;
  padding-left: 0;
  font-size: 0.875rem;
  list-style: none;
}
.adn-order-item-amounts__purchases::before, .adn-order-item-amounts__returns::before {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.3125rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 0.75rem;
  content: "";
}
.adn-order-item-amounts__purchases::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M8.353 14.37L3.162 9.18l.707-.708 4.483 4.484 9.81-9.824.708.706L8.352 14.371z' fill-rule='evenodd' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.adn-order-item-amounts__returns::before {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><path d="M12.262 12.968l5.9 5.901.707-.707-6.607-6.608zm5.901-9.836l-7.161 7.161-7.161-7.161-.707.707L10.295 11l-7.161 7.162.707.707L18.87 3.839z" fill="rgb(0, 0, 0)" fill-rule="evenodd"/></svg>');
}

/*
 * Colors: Base
\* -------------------------------------------------------------------------- */
/*
 * Colors: System color
\* -------------------------------------------------------------------------- */
/*
 * Colors: Overrides
\* -------------------------------------------------------------------------- */
/*
 * Colors: ADN-club
\* -------------------------------------------------------------------------- */
/** System monospace */
/**
 * Returns a rem value from a number of pixels.
 * Its uses 16px as root font-size
 */
/* -- Not on redesign -- */
/* 1025 is used instead of 1024 because touch devices design is not specified */
/* Scrollbars customization */
/**
 * Returns an url encoded SVG with the given color
 * @param {String} $icon - SVG code
 * @param {String} $color - Final color
 * @return {String} URL encoded svg
 */
/* stylelint-disable function-parentheses-newline-inside */
/* stylelint-enable function-parentheses-newline-inside */
/*
 * https://allyjs.io/tutorials/hiding-elements.html#2017-edition-of-visuallyhidden
 */
/* Mixin to use if touch devices design is specified */
/** Vertical scrollbar with custom color & size
*     @include ad-scrollbars(color, size);
*/
/** Horizontal scrollbar with custom color & size
*     @include ad-scrollbars();
*     @include ad-scrollbars-horizontal(color, size);
*/
.wishlist-item-cards {
  margin-top: 2.5rem;
}
.wishlist-card .wishlist-item-cards {
  margin-top: 0;
}

.wl-social-container {
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgb(224, 224, 224);
}

.wl-social-sharing {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
.wl-social-sharing__icon {
  width: 1.875rem;
  height: 1.875rem;
}
.wl-social-sharing__link + .wl-social-sharing__link {
  margin-left: 1rem;
}

.wishlist-guest-container .wishlist-card {
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
@media (min-width: 768px) {
  .wishlist-guest-container .wishlist-card {
    padding: 2.5rem 2rem;
  }
}
@media (min-width: 1025px) {
  .wishlist-guest-container .wishlist-card {
    max-width: 550px;
  }
}
.wishlist-guest-container .wishlist-card__header {
  width: 100%;
  padding: 0;
  background-color: rgb(255, 255, 255);
  border-bottom: 0;
}
.wishlist-guest-container .wishlist-card__body {
  padding: 1.125rem 0;
}
@media (min-width: 1025px) {
  .wishlist-guest-container__left {
    max-width: 550px;
  }
}
@media (min-width: 1025px) {
  .wishlist-guest-container__right {
    margin-left: 1.5rem;
  }
}

/*# sourceMappingURL=wishlist.css.map*/