/* Abaya Lagos overrides on top of the theme's styles.css. Loaded after it. */

/* The brand logo is black on transparent; the footer is dark. */
footer .footer-logo .footer-logo-img {
  max-width: 180px;
  height: auto;
  filter: brightness(0) invert(1);
}

/* Account pages: the theme hides the sidebar below 992px and expects an
   off-canvas copy we don't ship. Show it stacked above the content instead,
   as a compact row of links, so Orders / Address / Logout stay reachable. */
@media only screen and (max-width: 991px) {
  .my-account-wrap {
    flex-direction: column;
    gap: 24px;
  }
  .my-account-wrap .wrap-sidebar-account {
    display: block;
    width: 100%;
  }
  .my-account-wrap .sidebar-account {
    padding: 20px 16px;
  }
  .my-account-wrap .sidebar-account .account-avatar {
    margin-bottom: 16px;
  }
  .my-account-wrap .sidebar-account .account-avatar .image {
    display: none;
  }
  .my-account-wrap .sidebar-account .my-account-nav {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .my-account-wrap .sidebar-account .my-account-nav > li {
    flex: 1 1 45%;
  }
  .my-account-wrap .my-account-content {
    width: 100%;
    min-width: 0;
  }
  /* Six columns don't fit a phone: let the orders table scroll sideways. */
  .account-orders .wrap-account-order {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .account-orders .wrap-account-order table {
    min-width: 560px;
  }
}

/* Variant options that can't be bought. */
.variant-picker-values label.type-disable {
  cursor: not-allowed;
}

/* Short-lived notice for cart / wishlist actions (see cart-ajax.js). */
.shop-toast {
  position: fixed;
  left: 50%;
  bottom: 24px;
  z-index: 100000;
  width: max-content;
  max-width: calc(100% - 32px);
  padding: 12px 18px;
  border-radius: 8px;
  background-color: #181818;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18);
  opacity: 0;
  transform: translate(-50%, 12px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
}
.shop-toast.show {
  opacity: 1;
  transform: translate(-50%, 0);
}
.shop-toast.is-error {
  background-color: #b3261e;
}
@media only screen and (max-width: 991px) {
  /* Clear the fixed bottom toolbar. */
  .shop-toast {
    bottom: 84px;
  }
}

/* Listing pagination can run to many pages; let it wrap on narrow screens. */
.wg-pagination {
  flex-wrap: wrap;
  row-gap: 8px;
}