/* wpplugins.gr v2.7.4: icon-only header cart follows the customer link.
   The floating cart, drawer and all cart behaviors are unchanged. */

/* Desktop and tablet: the cart is the last element of the existing flex header. */
body.wa-store-v271 .topbar > .wa-cart-menu-trigger {
  order: 0;
  flex: 0 0 40px;
  width: 40px;
  min-width: 40px;
  margin: 0 0 0 4px;
  padding: 8px;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

@media (max-width: 800px) {
  body.wa-store-v271 .topbar > .wa-cart-menu-trigger {
    margin: 0 0 0 4px;
    padding: 8px;
  }
}

/* Mobile storefront: the account icon comes before the cart icon. */
@media (max-width: 680px) {
  body.wa-store-v271:not(.wa-store-account-head) .topbar {
    grid-template-columns: 42px minmax(0, 1fr) 42px 42px;
    grid-template-areas: "menu logo account cart" "title title title title";
    column-gap: 6px;
  }
  body.wa-store-v271:not(.wa-store-account-head) .topbar > .brand {
    min-width: 0;
    max-width: 100%;
    margin: 0;
  }
  body.wa-store-v271:not(.wa-store-account-head) .topbar > .brand .brand-logo {
    max-width: 100%;
  }
  body.wa-store-v271:not(.wa-store-account-head) .topbar > .mobile-account-button {
    grid-area: account;
    justify-self: end;
    position: relative;
    margin: 0;
  }
  body.wa-store-v271:not(.wa-store-account-head) .topbar > .wa-cart-menu-trigger {
    order: 0;
    grid-area: cart;
    justify-self: end;
    margin: 0;
    width: 40px;
    min-width: 40px;
    height: 42px;
    z-index: 2;
  }
  /* Customer and checkout headers have no separate mobile account icon.
     Keep their three-column mobile layout and place the cart on the right. */
  body.wa-store-v271.wa-store-account-head .topbar > .wa-cart-menu-trigger {
    order: 0;
    grid-area: account;
    justify-self: end;
    margin: 0;
    z-index: 2;
  }
}