/* Encore Luxe — boutique bag (header chip + drawer + page). Additive; keep sticky ATC intact. */

/* Larger cream Bag chip in ink header */
#header .el-bag-chip,
#header #menu-cart-icon.el-bag-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  min-height: 2.5rem;
  padding: 0.45rem 0.85rem 0.45rem 0.75rem !important;
  background: #fffaf0 !important;
  color: #191714 !important;
  border: 1px solid rgba(180, 151, 102, 0.55) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.72rem;
  line-height: 1;
  cursor: pointer;
  text-decoration: none !important;
}
#header .el-bag-chip:hover,
#header #menu-cart-icon.el-bag-chip:hover {
  border-color: #b49766 !important;
  background: #fffaf0 !important;
  color: #191714 !important;
}
#header .el-bag-chip svg {
  width: 1.35rem !important;
  height: 1.35rem !important;
  flex-shrink: 0;
  color: #191714 !important;
  stroke: #191714 !important;
}
#header .el-bag-chip .el-bag-chip-label {
  color: #191714 !important;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
#header .el-bag-chip .el-bag-count {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 1.4rem;
  height: 1.4rem;
  padding: 0 0.4rem;
  border-radius: 999px;
  background: #191714 !important;
  color: #fffaf0 !important;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  tabular-nums: true;
}
@media (max-width: 999px) {
  #header .el-bag-chip,
  #header #menu-cart-icon.el-bag-chip {
    min-height: 2.25rem;
    padding: 0.4rem 0.7rem 0.4rem 0.6rem !important;
    gap: 0.4rem !important;
  }
  #header .el-bag-chip svg {
    width: 1.2rem !important;
    height: 1.2rem !important;
  }
}

/* Drawer canvas */
dialog#cart-drawer,
#cart-drawer {
  background: #fffaf0 !important;
  color: #191714 !important;
  border: none;
  padding: 1.25rem 1.35rem 1.5rem !important;
  max-width: 100vw;
  box-shadow: -12px 0 40px rgba(25, 23, 20, 0.18);
}
#cart-drawer #cart-drawer-title {
  font-family: Italiana, "Times New Roman", serif;
  font-size: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #191714 !important;
}
#cart-drawer #cart-drawer-title strong {
  font-weight: 400;
}
#cart-drawer .items-total {
  color: #4a453f;
  letter-spacing: 0.06em;
}
#cart-drawer button[aria-label*="Close"],
#cart-drawer button[aria-label*="close"] {
  color: #191714 !important;
  background: transparent !important;
  border: none !important;
}

/* Product rows */
#cart-drawer li.border-b,
#cart-drawer ul > li {
  border-color: rgba(25, 23, 20, 0.14) !important;
  color: #191714;
}
#cart-drawer .price-box,
#cart-drawer .price {
  color: #191714 !important;
  font-weight: 600;
}
#cart-drawer img {
  border: 1px solid rgba(25, 23, 20, 0.1);
  background: #f3ede3;
}

/* Primary / secondary CTAs — never white-on-white */
#cart-drawer .btn-primary,
#cart-drawer a.btn-primary,
#cart-drawer button.btn-primary {
  background: #191714 !important;
  color: #fffaf0 !important;
  border: 1px solid #191714 !important;
  border-radius: 0 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 600;
  min-height: 3rem;
  justify-content: center;
}
#cart-drawer .btn-primary:hover,
#cart-drawer a.btn-primary:hover {
  background: #681e2c !important;
  border-color: #681e2c !important;
  color: #fffaf0 !important;
}
#cart-drawer .btn-secondary,
#cart-drawer a.btn-secondary,
a.btn-secondary {
  background: #fffaf0 !important;
  color: #191714 !important;
  border: 1px solid #191714 !important;
  border-radius: 0 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 600;
  min-height: 3rem;
  justify-content: center;
}
#cart-drawer .btn-secondary:hover,
#cart-drawer a.btn-secondary:hover,
a.btn-secondary:hover {
  background: #191714 !important;
  color: #fffaf0 !important;
}

/* Trust rail — empty + filled drawer + cart page */
#cart-drawer .el-bag-trust,
.el-bag-page-empty .el-bag-trust,
.cart-container .el-bag-trust,
.el-bag-trust {
  margin: 1rem 0 0.75rem;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(25, 23, 20, 0.14);
  background: #fffaf0;
  color: #191714;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.55;
  text-align: center;
}
#cart-drawer .el-bag-trust strong,
.el-bag-trust strong {
  color: #b49766;
  font-weight: 600;
}
.el-bag-timing {
  font-weight: 600;
  color: #191714;
  font-size: 0.95rem;
}
.el-bag-empty-copy {
  max-width: 20rem;
  margin-inline: auto;
  text-align: center;
  color: #191714;
}
.el-bag-footer-trading {
  margin-top: 1rem;
  font-size: 0.65rem;
  letter-spacing: 0.06em;
  color: #4a453f;
  text-align: center;
  opacity: 0.75;
}

/* EL-HEADER-BAG-TIDY */
#header .el-bag-chip,
#header #menu-cart-icon.el-bag-chip,
#header button.el-bag-chip,
#header a.el-bag-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  padding: 0.45rem 0.7rem 0.45rem 0.65rem !important;
  min-height: 2.35rem !important;
  background: #fffaf0 !important;
  color: #191714 !important;
  border: 1px solid #fffaf0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  line-height: 1 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}
#header .el-bag-chip:hover {
  border-color: #b49766 !important;
}
#header .el-bag-chip svg {
  width: 1.05rem !important;
  height: 1.05rem !important;
  stroke: #191714 !important;
  flex-shrink: 0;
}
#header .el-bag-chip > span.text-\[0\.72rem\],
#header .el-bag-chip span.uppercase,
#header .el-bag-chip > span:nth-of-type(1) {
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #191714 !important;
}
#header .el-bag-chip span[x-text="summaryCount"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 1.35rem !important;
  height: 1.35rem !important;
  padding: 0 0.35rem !important;
  border-radius: 999px !important;
  background: #191714 !important;
  color: #fffaf0 !important;
  font-size: 0.65rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
@media (max-width: 999px) {
  #header .el-bag-chip {
    min-height: 2.25rem !important;
    padding: 0.4rem 0.55rem !important;
  }
}