/** Mobile first **/

/* Luôn hiển thị accordion trên mobile */
#superfish-user-account-accordion {
  left: auto !important;
  position: relative !important;
  top: auto !important;
  height: max-content !important;
  display: block !important;
}

.path-user #block-superfish-user-account .sf-accordion-toggle {
  display: none;
}

#superfish-user-account-accordion li {
  border-bottom: 1px solid #fff;
  background: #f6f6f6;
}

#superfish-user-account-accordion li.active {
  background: #008b32;
}

#superfish-user-account-accordion li.active > a {
  color: #fff;
}

.path-user #sidebar_first {
  padding-left: 0;
  padding-right: 0;
  order: 1 !important;
}

.path-user #content {
  padding-top: 25px;
  order: 2;
}

.path-user .address-book__profiles {
  display: block;
}

.path-user .address-book__profiles .address-book__profile {
  margin: 10px 0;
  background: #f6f6f6;
  padding: 10px 5px;
  border-radius: 5px;
}

.path-user .address-book__profiles .address-book__profile--default {
  background: #ffe188;
}

.path-user .address-book__profiles .address-book__profile table tr td {
  vertical-align: baseline;
}

.path-user .address-book__profiles .address-book__profile .address h2 {
  font-size: 20px;
}

.path-user .address-book__profiles .address-book__profile .address-book__operations {
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
}

.path-user #edit-submit {
  width: 45%;
}

.path-user #edit-submit::before {
  display: none;
}

.path-user #edit-actions {
  text-align: center;
}

.path-user .edit-advanced {
  display: none;
}

.path-user #edit-delete {
  width: 45%;
}

.path-user .address-book__container a.btn:hover {
  color: #fff !important;
}

.path-user .address-book__container a.btn-warning:hover {
  color: #000 !important;
}

.path-user ul.sf-menu.sf-vertical li.active > a {
  color: #008b32;;
}

.path-user .profile-customer-address-book-add-form .form-type-vertical-tabs,
.path-user .profile-customer-address-book-edit-form .form-type-vertical-tabs {
  display: none;
}

.path-user #edit-delete:hover {
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .path-user #edit-actions {
    text-align: left;
  }

  .path-user #edit-submit,
  .path-user #edit-delete {
    width: 20%;
  }
}