/**
 * UNIMERCE Marketplace
 * Developer: Morris Robinson <morrisrobinson1688@aol.com>
 * Patch 298: compact account/cart cluster and proportionate mini-cart.
 */
:root {
  --um-header-298-gold: #b88a38;
  --um-header-298-gold-dark: #76531f;
  --um-header-298-paper: #fffefb;
  --um-header-298-soft: #faf6ee;
  --um-header-298-line: #ddd3c5;
  --um-header-298-ink: #211b15;
  --um-header-298-muted: #6d645b;
}
.um-account-cart-cluster .um-header-account-menu > summary,
.um-account-cart-cluster .um-header-cart-menu > summary {
  min-width: 82px;
  min-height: 40px;
  gap: .35rem;
  padding: .4rem .58rem;
  border-radius: 0;
  border-color: var(--um-header-298-line);
  background: var(--um-header-298-paper);
  color: var(--um-header-298-ink);
  font-size: .78rem;
  line-height: 1;
}
.um-account-cart-cluster .um-header-action-svg { width: 20px; height: 20px; flex-basis: 20px; color: var(--um-header-298-gold-dark); }
.um-account-cart-cluster summary > span:not(.um-header-account-caret):not(.um-header-cart-caret) { font-size: .76rem; font-weight: 720; }
.um-account-cart-cluster .um-header-account-caret,
.um-account-cart-cluster .um-header-cart-caret { font-size: .62rem; opacity: .65; }
.um-account-cart-cluster .um-header-cart-menu > summary em {
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 0;
  background: var(--um-header-298-gold);
  color: #fff;
  font-size: 10px;
  line-height: 18px;
}
.um-account-cart-cluster .um-header-account-menu[open] > summary,
.um-account-cart-cluster .um-header-cart-menu[open] > summary,
.um-account-cart-cluster .um-header-account-menu > summary:hover,
.um-account-cart-cluster .um-header-account-menu > summary:focus-visible,
.um-account-cart-cluster .um-header-cart-menu > summary:hover,
.um-account-cart-cluster .um-header-cart-menu > summary:focus-visible {
  border-color: var(--um-header-298-gold);
  background: #fff8e8;
  color: var(--um-header-298-gold-dark);
}
.um-account-cart-cluster--desktop .um-header-account-menu > summary { border-right-width: 0; }
.um-account-cart-cluster--desktop .um-header-cart-menu > summary { border-left-color: rgba(184, 138, 56, .5); }
.um-account-cart-cluster .um-header-account-panel,
.um-account-cart-cluster .um-header-cart-panel {
  top: calc(100% + 7px);
  border: 1px solid var(--um-header-298-line);
  border-radius: 0;
  background: var(--um-header-298-paper);
  box-shadow: 0 16px 38px rgba(35, 26, 17, .17);
  color: var(--um-header-298-ink);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.35;
}
.um-account-cart-cluster .um-header-account-panel {
  width: min(278px, calc(100vw - 24px));
  padding: 7px;
}
.um-account-cart-cluster .um-header-account-identity {
  gap: 2px;
  padding: 9px 10px 10px;
  border-bottom-color: var(--um-header-298-line);
}
.um-account-cart-cluster .um-header-account-identity strong { font-size: 13px; line-height: 1.3; }
.um-account-cart-cluster .um-header-account-identity small { color: var(--um-header-298-muted); font-size: 11px; line-height: 1.35; }
.um-account-cart-cluster .um-header-account-panel a {
  min-height: 34px;
  padding: 8px 10px;
  color: var(--um-header-298-ink) !important;
  font-size: 12.5px !important;
  font-weight: 640;
  line-height: 1.3;
}
.um-account-cart-cluster .um-header-account-panel a:hover,
.um-account-cart-cluster .um-header-account-panel a:focus-visible {
  background: #fff5df;
  color: var(--um-header-298-gold-dark) !important;
}
.um-account-cart-cluster .um-header-cart-panel {
  width: min(356px, calc(100vw - 24px));
  padding: 10px;
}
.um-account-cart-cluster .um-header-cart-title {
  min-height: 34px;
  padding: 3px 2px 8px;
  gap: .75rem;
}
.um-account-cart-cluster .um-header-cart-title strong { color: var(--um-header-298-ink); font-size: 13.5px; line-height: 1.25; }
.um-account-cart-cluster .um-header-cart-title small { color: var(--um-header-298-muted); font-size: 10.5px; line-height: 1.25; }
.um-account-cart-cluster .um-header-cart-items { border-color: var(--um-header-298-line); }
.um-account-cart-cluster .um-header-cart-item {
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 9px;
  min-height: 60px;
  padding: 7px 2px !important;
  border-bottom-color: #eee7dc;
  color: var(--um-header-298-ink) !important;
}
.um-account-cart-cluster .um-header-cart-item:hover,
.um-account-cart-cluster .um-header-cart-item:focus-visible { background: var(--um-header-298-soft); }
.um-account-cart-cluster .um-header-cart-thumb {
  width: 46px;
  height: 46px;
  border: 1px solid var(--um-header-298-line);
  border-radius: 0;
  background: #fffaf1;
}
.um-account-cart-cluster .um-header-cart-thumb img { width: 100%; height: 100%; object-fit: contain; }
.um-account-cart-cluster .um-header-cart-thumb svg { width: 22px; height: 22px; }
.um-account-cart-cluster .um-header-cart-copy { gap: 3px; min-width: 0; }
.um-account-cart-cluster .um-header-cart-copy strong {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  text-overflow: ellipsis;
  color: var(--um-header-298-ink);
  font-size: 12.5px !important;
  font-weight: 690;
  line-height: 1.28;
}
.um-account-cart-cluster .um-header-cart-copy small {
  color: var(--um-header-298-muted);
  font-size: 10.5px !important;
  font-weight: 520;
  line-height: 1.25;
}
.um-account-cart-cluster .um-header-cart-more {
  margin: 6px 2px 0;
  color: var(--um-header-298-muted);
  font-size: 10.5px;
  line-height: 1.3;
}
.um-account-cart-cluster .um-header-cart-subtotal {
  min-height: 38px;
  padding: 8px 2px 6px;
  color: var(--um-header-298-ink);
  font-size: 11.5px;
  line-height: 1.25;
}
.um-account-cart-cluster .um-header-cart-subtotal strong { color: var(--um-header-298-ink); font-size: 13px; font-weight: 760; }
.um-account-cart-cluster .um-header-cart-actions {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 7px;
  margin-top: 2px;
}
.um-account-cart-cluster .um-header-cart-actions a,
.um-account-cart-cluster .um-header-cart-empty a {
  min-height: 36px;
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 9px !important;
  border: 1px solid var(--um-header-298-line);
  border-radius: 0;
  background: #fff;
  color: var(--um-header-298-ink) !important;
  font-size: 11.5px !important;
  font-weight: 710;
  line-height: 1.2;
}
.um-account-cart-cluster .um-header-cart-actions a.primary {
  border-color: var(--um-header-298-gold-dark);
  background: var(--um-header-298-gold-dark);
  color: #fff !important;
}
.um-account-cart-cluster .um-header-cart-actions a:hover,
.um-account-cart-cluster .um-header-cart-actions a:focus-visible,
.um-account-cart-cluster .um-header-cart-empty a:hover,
.um-account-cart-cluster .um-header-cart-empty a:focus-visible {
  border-color: var(--um-header-298-gold);
  background: #fff4d8;
  color: var(--um-header-298-gold-dark) !important;
}
.um-account-cart-cluster .um-header-cart-actions a.primary:hover,
.um-account-cart-cluster .um-header-cart-actions a.primary:focus-visible {
  border-color: #5d4016;
  background: #5d4016;
  color: #fff !important;
}
.um-account-cart-cluster .um-header-cart-empty {
  gap: 8px;
  padding: 8px 4px 4px;
}
.um-account-cart-cluster .um-header-cart-empty svg { width: 28px; height: 28px; color: var(--um-header-298-gold-dark); }
.um-account-cart-cluster .um-header-cart-empty strong { font-size: 12.5px; line-height: 1.35; }
.um-account-cart-cluster--mobile .um-header-account-menu > summary { border-right-width: 0; }
.um-account-cart-cluster--mobile .um-header-cart-menu > summary { border-left-color: rgba(184, 138, 56, .5); border-right-width: 1px; }
@media (max-width: 575.98px) {
  .um-account-cart-cluster--mobile .um-header-account-menu > summary,
  .um-account-cart-cluster--mobile .um-header-cart-menu > summary {
    position: relative;
    min-width: 39px;
    width: 39px;
    min-height: 39px;
    padding: 0;
    justify-content: center;
  }
  .um-account-cart-cluster--mobile .um-header-cart-menu > summary em {
    top: -5px;
    right: -5px;
    min-width: 17px;
    height: 17px;
    border: 2px solid var(--um-header-298-paper);
    font-size: 9px;
    line-height: 13px;
  }
  .um-account-cart-cluster--mobile .um-header-cart-panel,
  .um-account-cart-cluster--mobile .um-header-account-panel {
    position: fixed;
    top: 76px;
    left: 10px;
    right: 10px;
    width: auto;
    max-height: calc(100vh - 92px);
    overflow: auto;
  }
  .um-account-cart-cluster .um-header-cart-actions { grid-template-columns: 1fr; }
}