/*****************************************************************************************************
* Commerce Module: Account CSS
******************************************************************************************************/

/*
Layout
---------------------------------------------------------------------------------------------------- */

#bubwoo .woocommerce-MyAccount-navigation {
  float: none;
  margin: 0 0 15px;
  width: 100%;
}

#bubwoo .woocommerce-MyAccount-content {
  width: 100%;
}

@media screen and (max-width: 1000px/*wooMobileMaxWidth*/) {

  #bubwoo .woocommerce-MyAccount-navigation {
    margin: 0 0 15px;
    width: 100%;
  }

  #bubwoo .woocommerce-MyAccount-content {
    width: 100%;
  }  
}


/*
Account Menu
---------------------------------------------------------------------------------------------------- */

#bubwoo .woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-flow: row wrap;
  gap: 15px;
  line-height: 1;
  margin: 0;
  padding: 0;
}

#bubwoo .woocommerce-MyAccount-navigation-link {
  flex: 1 1 0;
  list-style-type: none;
  white-space: nowrap;
}

#bubwoo .woocommerce-MyAccount-navigation-link:last-child {
  margin: 0;
}

#bubwoo .woocommerce-MyAccount-navigation-link a {
  background: #fff;
  box-shadow: 1px 1px 3px #ddd;
  display: block;
  padding: 1.1em 1em 1.1em;
  text-align: center;
  text-decoration: none;
  transition: all 200ms;
}

#bubwoo .woocommerce-MyAccount-navigation-link:last-child a {
  border-bottom: none;
}

#bubwoo .woocommerce-MyAccount-navigation-link a:hover,
#bubwoo .woocommerce-MyAccount-navigation-link.is-active a {
  background: #f5f5f5;
  box-shadow: 2px 2px 2px -1px #bbb;
  color: inherit;
}

#bubwoo .woocommerce-MyAccount-navigation-link a::before {
  display: inline-block;
  font: var(--fa-font-solid);
  font-size: 1rem;
  margin-right: 0.5em;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

#bubwoo .woocommerce-MyAccount-navigation-link--dashboard a::before {
  content: '\f624';
}

#bubwoo .woocommerce-MyAccount-navigation-link--orders a::before {
  content: '\f49e';
}

#bubwoo .woocommerce-MyAccount-navigation-link--downloads a::before {
  content: '\f0ed';
}

#bubwoo .woocommerce-MyAccount-navigation-link--edit-address a::before {
  content: '\f0e0';
}

#bubwoo .woocommerce-MyAccount-navigation-link--edit-account a::before {
  content: '\f2bd';
}

#bubwoo .woocommerce-MyAccount-navigation-link--customer-logout a::before {
  content: '\f2f5';
}

@media screen and (max-width: 1000px/*wooMobileMaxWidth*/) {

  #bubwoo .woocommerce-MyAccount-navigation ul {
    gap: 5px;
  }

  #bubwoo .woocommerce-MyAccount-navigation-link {
    flex: 1 0 28%;
  }

  #bubwoo .woocommerce-MyAccount-navigation-link a {
    text-align: left;
  }
}


@media screen and (max-width: 700px/*wooMobileMaxWidth*/) {

  #bubwoo .woocommerce-MyAccount-navigation-link {
    flex: 1 0 45%;
  }
}


@media screen and (max-width: 500px/*wooMobileMaxWidth*/) {

  #bubwoo .woocommerce-MyAccount-navigation-link {
    flex: 1 0 100%;
  }

  #bubwoo .woocommerce-MyAccount-navigation-link a {
    font-size: 0.9rem;
  }

  #bubwoo .woocommerce-MyAccount-navigation-link a::before {
    font-size: 0.9rem;
  }
}


/*
Content
---------------------------------------------------------------------------------------------------- */

/* All Pages
--------------------------------------------- */

/* Page Intro */

.woocommerce-MyAccount-content .bub-page-intro {
  margin: 1em auto 2em;
  max-width: 820px;
  text-align: center;
}

.woocommerce-MyAccount-content .bub-page-intro mark {
  background: #ddd;
  padding: 0.1em 0.3em;
}

.woocommerce-MyAccount-content .bub-page-intro p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1000px/*wooMobileMaxWidth*/) {

  .woocommerce-MyAccount-content .bub-page-intro {
    margin: 1.5em 0 2em;
  }
}

/* Shop Table */

.woocommerce-account #bubwoo .shop_table :is(th, td):not(:first-child) {
  text-align: center;
}

.woocommerce-account #bubwoo .shop_table :is(th, td):last-child {
  width: 120px;
}

@media screen and (max-width: 1000px/*wooMobileMaxWidth*/) {

  .woocommerce-account #bubwoo .shop_table :is(th, td):last-child {
    width: auto;
  }
}


/* Sub-Page: Login 
--------------------------------------------- */

/* Appears if logged out user tries to visit an account page. */

.woocommerce-account #bubwoo h2 {
  text-align: center;
  margin: 1em 0 1em;
  font-size: 1.3rem;
}

.woocommerce-account #bubwoo .woocommerce-form {
  background: #fff;
  border-radius: 0;
  margin: 0 0 2em;
}

.woocommerce-account #bubwoo .woocommerce-form-login__rememberme {
  display: block;
}

.woocommerce-account #bubwoo [data-checkbox="privacy"] {
  margin: 0 0 0.9em;
}

.woocommerce-account #bubwoo [data-checkbox="privacy"] .required {
  position: relative;
    left: -0.3em;
    top: -0.1em;
}

.woocommerce-account #bubwoo :where(.woocommerce-form-login__rememberme, [data-checkbox="privacy"]) 
  input {
  margin: -0.08em 0.12em 0 0;
  vertical-align: middle;
}

.woocommerce-account #bubwoo button[type="submit"] {
  background: var(--mainButton-background-def);
  color: var(--mainButton-color-def);
}

.woocommerce-account #bubwoo button[type="submit"]:hover {
  filter: var(--mainButton-filter-acc);
}

.woocommerce-account #bubwoo .woocommerce-form-login .lost_password {
  margin: 1em 0 0;
  text-align: center;
}


@media screen and (max-width: 1000px/*wooMobileMaxWidth*/) {

  .woocommerce-account #bubwoo h2 {
    text-align: left;
  }
}


/* Sub-Page: View Order
--------------------------------------------- */

.woocommerce-view-order #bubwoo .woocommerce-table--order-details .wc-item-meta {
  margin: 0;
  padding: 0;
}

.woocommerce-view-order #bubwoo .woocommerce-table--order-details 
  :is(tbody strong, tfoot th, tfoot td) {
  font-weight: normal;
}

.woocommerce-view-order #bubwoo .order-again {
  margin: 0 auto 30px;
  display: table;
}

.woocommerce-view-order #bubwoo .order-again a {
  background: var(--mainButton-background-def);
  color: var(--mainButton-color-def);
  font-size: var(--basicButton-fontSize-def);
}

.woocommerce-view-order #bubwoo .woocommerce-customer-details address {
  background: var(--bg-base-lt1);
  border: var(--tableBox-border-def);
  border-radius: 0;
  padding: 1em;
}

@media screen and (max-width: 1000px/*wooMobileMaxWidth*/) {

  .woocommerce-view-order #bubwoo .woocommerce-table--order-details :is(td, th):nth-child(2) {
    text-align: right;
  }
}

@media screen and (max-width: 500px) {

  .woocommerce-view-order #bubwoo .woocommerce-customer-details address {
    padding: 0.6em 0.6em 0.7em 0.5em;
  }
}


/* Page: Downloads
--------------------------------------------- */

.woocommerce-account .woocommerce-table--order-downloads .download-remaining {
}

@media screen and (max-width: 1000px/*wooMobileMaxWidth*/) {

  .woocommerce-account .woocommerce-table--order-downloads .download-remaining {
    display: flex;
    justify-content: space-between;
  }

  .woocommerce-account .woocommerce-table--order-downloads .download-remaining::before {
    float: none;
    text-align: left !important;
  }
}


/* Page: Address
--------------------------------------------- */

.woocommerce-edit-address #bubwoo .woocommerce-Addresses {
  margin-bottom: 20px;
}

.woocommerce-edit-address #bubwoo .woocommerce-Address {
  background: var(--bg-base-lt1);
  box-shadow: var(--contentBox-boxShadow-def);
  padding: 1em;
  width: 49%;
}

@media screen and (max-width: 1000px/*wooMobileMaxWidth*/) {

  .woocommerce-edit-address #bubwoo .woocommerce-Address {
    width: 100%;
  }

  .woocommerce-edit-address #bubwoo .woocommerce-Address:not(:last-child) {
    margin-bottom: 1em;
  }
}

@media screen and (max-width: 500px) {

  .woocommerce-edit-address #bubwoo .woocommerce-Address {
    padding: 0.7em 0.6em 0.7em 0.5em;
  }
}


/* Sub-Page: Edit Address
--------------------------------------------- */

.woocommerce-edit-address #bubwoo h2 {
  margin: 0.8em auto 1.2em;
}

#bubwoo .woocommerce-address-fields {
  margin: 0 auto 20px;
}

#bubwoo .woocommerce-address-fields p:not([class]) {
  margin: 0;
}

#bubwoo .woocommerce-address-fields [name="save_address"] {
  background: var(--mainButton-background-def);
  color: var(--mainButton-color-def);
  display: table;
  font-size: var(--basicButton-fontSize-def);
  margin: 25px auto 10px;
}


/* Page: Account Details
--------------------------------------------- */

#bubwoo .woocommerce-EditAccountForm {
  background: #fff;
  box-shadow: var(--contentBox-boxShadow-def);
  margin-bottom: 20px;
  padding: 25px;
}

#bubwoo .woocommerce-EditAccountForm .form-row {
  margin: 0 0 1.5em;
  padding: 0;
}

#bubwoo .woocommerce-EditAccountForm :is(.form-row-first, .form-row-last) {
  width: calc(50% - 5px);
}

#bubwoo .woocommerce-EditAccountForm .form-row-wide span {
  font-size: 0.9em;
}

#bubwoo .woocommerce-EditAccountForm .form-row:last-child {
  margin-bottom: 0;
}

#bubwoo .woocommerce-EditAccountForm .input-text {
  border: var(--tableBox-border-def);
  height: 50px;
}

#bubwoo .woocommerce-EditAccountForm ::placeholder {
  font-size: .95rem;
}

#bubwoo .woocommerce-EditAccountForm fieldset {
  border: var(--tableBox-border-def);
  padding: 1em;
  margin: 1.7em 0 1em;
}

#bubwoo .woocommerce-EditAccountForm fieldset legend {
  background: var(--mainButton-background-def);
  color: var(--mainButton-color-def);
  font-size: var(--basicButton-fontSize-def);
  line-height: 1;
  padding: 0.5em 0.6em;
}

#bubwoo .woocommerce-EditAccountForm fieldset input {
  background: #fff;
}

#bubwoo .woocommerce-EditAccountForm button[name="save_account_details"] {
  background: var(--mainButton-background-def);
  color: var(--mainButton-color-def);
  display: table;
  margin: 10px auto 10px;
}

#bubwoo .woocommerce-EditAccountForm p:not([class]) {
  margin: 0;
}

@media screen and (max-width: 1000px/*wooMobileMaxWidth*/) {

  #bubwoo .woocommerce-EditAccountForm {
  }
}

@media screen and (max-width: 500px) {

  #bubwoo .woocommerce-EditAccountForm {
    padding: 20px 15px;
  }

  #bubwoo .woocommerce-EditAccountForm :is(.form-row-first, .form-row-last) {
    width: 100%;
  }

  #bubwoo .woocommerce-EditAccountForm button[name="save_account_details"] {  
    margin: 0;
  }
}