/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/sass/pages/my-account.scss ***!
  \****************************************************************************************************************************/
@charset "UTF-8";
/*
    Variables
-------------------------------------
*/
/* ------------------------------------------------------------
  Config
------------------------------------------------------------ */
/* ------------------------------------------------------------
  Placeholders (mniejsze CSS niż mixiny)
------------------------------------------------------------ */
.myorder .myorder__summary, .myorder .myorder__addresses, .myorder .myorder__items, .woocommerce-Addresses .woocommerce-Address, .account__content .edit-account, .accdash__grid .accdash__tiles, .accdash__table, .page-template-my-account-page #customer_login > div {
  background-color: #FFFFFF;
  border-radius: 0.75rem;
  border: 1px solid #D9D9D9;
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.05);
}

.myorder .myorder__addresses, .myorder .myorder__bottom, .woocommerce-Addresses, .accdash__grid .accdash__tiles:not(.accdash__tile--profile), .accdash__grid, .page-template-my-account-page #customer_login {
  display: flex;
  flex-wrap: wrap;
}

.myorder .myorder__address p, .woocommerce-account .select2-selection__rendered, .woocommerce-Addresses .woocommerce-Address address, .accdash__grid p {
  font-size: var(--fs__text-xxs);
  line-height: normal;
}

/* ------------------------------------------------------------
  Hide categories on My Account page for non-logged users (desktop)
------------------------------------------------------------ */
/* ------------------------------------------------------------
  My Account page layout
------------------------------------------------------------ */
.account {
  position: relative;
}

.page-template-my-account-page .section__container {
  gap: 0;
}
.page-template-my-account-page #customer_login {
  gap: var(--section__gap);
  justify-content: center;
}
.page-template-my-account-page #customer_login > div {
  padding: var(--section__gap);
  flex: 1 1 380px;
  max-width: 380px;
}
@media (max-width: 767px) {
  .page-template-my-account-page #customer_login > div {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.page-template-my-account-page #customer_login > div h2 {
  font-weight: 600;
  padding: 0.625rem 0;
  margin: 0 0 0.75rem;
}

/* ------------------------------------------------------------
  Dashboard table
------------------------------------------------------------ */
.accdash__table {
  padding: var(--section__gap);
  width: 100%;
  border-spacing: 0;
}
.accdash__table thead th {
  border-bottom: 1px solid #D9D9D9;
  padding: 0.625rem 0;
  text-align: center;
  font-size: var(--fs__text-xxs);
  color: #BABABA;
}
.accdash__table tbody td {
  font-size: var(--fs__text-xxs);
  color: #00253E;
  padding: 0.75rem 0;
}
.accdash__table tbody td.center {
  text-align: center;
}
.accdash__table tbody td a span {
  text-decoration: underline;
}

/* ------------------------------------------------------------
  Dashboard cards / grid
------------------------------------------------------------ */
.accdash__card {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin-bottom: calc(var(--section__space) / 2);
}

.accdash__grid {
  justify-content: space-between;
  gap: var(--section__gap);
}
.accdash__grid .accdash__tiles {
  padding: var(--section__gap);
  max-width: 480px;
  flex: 1 1 55%;
}
@media (max-width: 767px) {
  .accdash__grid .accdash__tiles {
    max-width: 100%;
    flex-basis: 100%;
  }
}
.accdash__grid .accdash__tiles .accdash__tile h3 {
  margin-bottom: 0.625rem;
}
.accdash__grid .accdash__tiles.accdash__tile--profile {
  max-width: 280px;
  flex: 1 1 40%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .accdash__grid .accdash__tiles.accdash__tile--profile {
    max-width: 100%;
    flex-basis: 100%;
    margin-bottom: 0.625rem;
  }
}
.accdash__grid .accdash__tiles.accdash__tile--profile svg {
  margin-bottom: 0.625rem;
}
.accdash__grid .accdash__tiles.accdash__tile--profile .accdash__actions {
  margin-top: var(--section__gap);
}
@media (max-width: 767px) {
  .accdash__grid .accdash__tiles.accdash__tile--profile .accdash__actions {
    margin-bottom: 0;
    margin-top: 0.625rem;
  }
}
.accdash__grid .accdash__tiles:not(.accdash__tile--profile) {
  justify-content: space-between;
}
.accdash__grid .accdash__tiles:not(.accdash__tile--profile) .accdash__tile {
  flex: 1 1 146px;
  padding: var(--section__gap);
}
.accdash__grid .accdash__tiles:not(.accdash__tile--profile) .accdash__tile .accdash__actions {
  margin-top: calc(var(--section__space) / 1.5);
}
@media (max-width: 767px) {
  .accdash__grid .accdash__tiles:not(.accdash__tile--profile) .accdash__tile .accdash__actions {
    margin-top: 0.625rem;
  }
}
.accdash__grid .accdash__actions {
  display: flex;
  flex-direction: column;
}
.accdash__grid .accdash__actions a {
  text-decoration: underline;
  margin-bottom: 0.625rem;
  font-size: var(--fs__text-xxs);
  font-weight: 600;
}

/* ------------------------------------------------------------
  Edit account form
------------------------------------------------------------ */
.account__content h3, .account__content h2 {
  margin-bottom: 1rem;
  line-height: normal;
}
.account__content .edit-account {
  padding: var(--section__gap);
  max-width: 480px;
}
@media (max-width: 1200px) {
  .account__content .edit-account {
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .account__content .edit-account {
    max-width: 100%;
  }
}

/* ------------------------------------------------------------
  Addresses
------------------------------------------------------------ */
.woocommerce-Addresses {
  gap: var(--section__gap);
}
.woocommerce-Addresses .woocommerce-Address {
  padding: var(--section__gap);
}
@media (max-width: 767px) {
  .woocommerce-Addresses .woocommerce-Address {
    flex-basis: 100%;
  }
}
.woocommerce-Addresses .woocommerce-Address h2 {
  margin-bottom: 0.5rem;
}
.woocommerce-Addresses .woocommerce-Address address {
  font-style: normal;
  margin-bottom: var(--section__gap);
}

/* ------------------------------------------------------------
  Select2 (WooCommerce account forms)
------------------------------------------------------------ */
.woocommerce-account .select2-container {
  width: 100% !important;
}
.woocommerce-account .select2-selection--single {
  background-color: #FFFFFF;
  height: 48px;
  border-radius: var(--content__border-radius-l);
  border: 1px solid #79747E;
  display: flex;
  align-items: center;
  padding: 0 0.5rem;
}
.woocommerce-account .select2-selection__rendered {
  padding-left: 0 !important;
}
.woocommerce-account .select2-selection__arrow {
  height: 100% !important;
  right: 10px !important;
}

.select2-dropdown {
  border-radius: 16px;
  border: 1px solid #79747E;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.select2-results__option {
  padding: var(--section__gap);
  font-size: var(--fs__text-xs);
}

.select2-results__option--highlighted {
  background-color: #f2f4f7;
  color: #000000;
}

/* ------------------------------------------------------------
  View order (MyOrder)
------------------------------------------------------------ */
.myorder {
  /* Items card */
  /* Addresses */
  /* Summary */
}
.myorder .myorder__items {
  padding: var(--section__gap);
  margin-bottom: var(--section__gap);
  width: 100%;
}
.myorder .myorder__thumb img {
  max-width: 80px;
}
@media screen and (max-width: 767px) {
  .myorder .myorder__thumb img {
    width: 50px;
  }
}
.myorder .myorder__title a, .myorder .myorder__title p,
.myorder .myorder__qty a,
.myorder .myorder__qty p {
  font-size: var(--fs__text-xxs);
  font-style: normal;
  font-weight: 600;
  color: #00253E;
}
.myorder .myorder__qty {
  width: 10%;
  text-align: center;
}
.myorder .myorder__price {
  padding-left: 0.375rem;
}
.myorder .myorder__price a, .myorder .myorder__price p {
  font-weight: 700;
  line-height: normal;
  color: #00253E;
}
.myorder .myorder__bottom {
  gap: var(--section__gap);
  align-items: flex-start;
  justify-content: space-between;
}
.myorder .myorder__addresses {
  padding: var(--section__gap);
  gap: var(--section__gap);
}
@media all and (max-width: 900px) {
  .myorder .myorder__addresses {
    width: 100%;
    flex-basis: 100%;
  }
}
.myorder .myorder__address {
  flex-basis: calc(50% - 11px);
  padding: 0.625rem 0;
}
.myorder .myorder__address h3 {
  margin: 0 0 10px;
  line-height: normal;
}
.myorder .myorder__address p {
  margin: 0;
}
.myorder .myorder__summary {
  background-color: #F5F5F5;
  flex: 0 0 320px;
  padding: var(--section__gap);
}
@media (max-width: 900px) {
  .myorder .myorder__summary {
    flex: 1 1 100%;
  }
}
.myorder .myorder__summary .myorder__summary-row,
.myorder .myorder__summary .myorder__summary-total {
  display: flex;
  justify-content: space-between;
  gap: var(--section__gap);
  padding: 0.375rem 0;
}
.myorder .myorder__summary .myorder__summary-row span, .myorder .myorder__summary .myorder__summary-row strong,
.myorder .myorder__summary .myorder__summary-total span,
.myorder .myorder__summary .myorder__summary-total strong {
  color: #00253E;
  font-size: var(--fs__text-xxs);
  line-height: normal;
}
.myorder .myorder__summary .myorder__summary-row span,
.myorder .myorder__summary .myorder__summary-total span {
  font-weight: 500;
}
.myorder .myorder__summary .myorder__summary-row strong, .myorder .myorder__summary .myorder__summary-row strong span,
.myorder .myorder__summary .myorder__summary-total strong,
.myorder .myorder__summary .myorder__summary-total strong span {
  font-weight: 700;
}
.myorder .myorder__summary .myorder__summary-total p, .myorder .myorder__summary .myorder__summary-total span {
  color: #00253E;
  font-size: var(--fs__text-s);
  font-weight: 700;
  line-height: normal;
}

/*# sourceMappingURL=myAccount.bundle.css.map*/