/* =============================================================================
   SIS Side Cart
   Stories in Steel — WoodMart cart widget sidebar
   ============================================================================= */

/* ── Drawer shell ───────────────────────────────────────────────────────────── */
.cart-widget-side {
  background: var(--sis-cream, #faf9f6) !important;
  border-left: 1px solid var(--sis-border, #e0d9d0) !important;
  box-shadow: none !important;
  width: 380px !important;
}

/* ── Header ─────────────────────────────────────────────────────────────────── */
.cart-widget-side .wd-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px !important;
  border-bottom: 1px solid var(--sis-border, #e0d9d0) !important;
  background: var(--sis-cream, #faf9f6) !important;
}

.cart-widget-side .wd-heading .title {
  font-family: var(--primary-font-family) !important;
  font-size: 22px !important;
  font-weight: 300 !important;
  color: var(--heading-color, #312b28) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Close button */
.cart-widget-side .close-side-widget {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.cart-widget-side .close-side-widget a {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-decoration: none !important;
  color: var(--sis-text-light, #888) !important;
  transition: color 0.2s !important;
}

.cart-widget-side .close-side-widget a:hover {
  color: var(--heading-color, #312b28) !important;
}

.cart-widget-side .close-side-widget .wd-action-text {
  font-family: var(--secondary-font-family, 'Raleway', sans-serif) !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.cart-widget-side .close-side-widget .wd-action-icon {
  width: 16px !important;
  height: 16px !important;
}

/* ── Cart items list ─────────────────────────────────────────────────────────── */
.cart-widget-side .woocommerce-mini-cart {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.cart-widget-side .mini_cart_item:hover {
  background: #f7f5f2 !important;
}

/* Invisible full-card link */
.cart-widget-side .cart-item-link.wd-fill {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
}

/* Remove button */
.cart-widget-side .remove_from_cart_button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--sis-border, #e0d9d0) !important;
  background: var(--sis-cream, #faf9f6) !important;
}

.cart-widget-side .remove_from_cart_button:hover {
  color: #b85454 !important;
  border-color: #e0c4c4 !important;
  background: #fdf2f2 !important;
}

/* Cart info */
.cart-widget-side .cart-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  position: relative !important;
  z-index: 1 !important;
  padding-right: 28px !important;
}

.cart-widget-side .wd-entities-title {
  font-family: var(
    --primary-font-family,
    'Cormorant Garamond',
    serif
  ) !important;
  font-size: 17px !important;
  font-weight: 300 !important;
  color: var(--heading-color, #312b28) !important;
  line-height: 1.3 !important;
  display: block !important;
}

/* Variation (размер) */
.cart-widget-side .variation {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.cart-widget-side .variation li {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 10px !important;
  color: var(--sis-text-light, #888) !important;
  letter-spacing: 0.06em !important;
  line-height: 1.4 !important;
}

.cart-widget-side .variation .item-variation-name {
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
}

.cart-widget-side .variation .item-variation-value p {
  margin: 0 !important;
  display: inline !important;
}

/* Price */
.cart-widget-side .quantity {
  font-family: var(
    --primary-font-family,
    'Cormorant Garamond',
    serif
  ) !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  color: var(--sis-text, #1a1a1a) !important;
  display: block !important;
}

.cart-widget-side .eur-price {
  font-family: var(--secondary-font-family, 'Raleway', sans-serif) !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  color: var(--sis-text-light, #888) !important;
  margin-left: 2px !important;
}

/* ── Footer ─────────────────────────────────────────────────────────────────── */
.cart-widget-side .shopping-cart-widget-footer {
  padding: 0 15px 25px !important;
  background: var(--sis-cream, #faf9f6) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

/* Subtotal */
.cart-widget-side .woocommerce-mini-cart__total {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  margin: 0;
  padding: 15px 0 0 !important;
  border-top: none;
}

.cart-widget-side .woocommerce-mini-cart__total strong {
  font-family: var(--secondary-font-family, 'Raleway', sans-serif) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--sis-text-light, #888) !important;
}

.cart-widget-side .woocommerce-mini-cart__total .woocommerce-Price-amount {
  font-family: var(
    --primary-font-family,
    'Cormorant Garamond',
    serif
  ) !important;
  font-size: 22px !important;
  font-weight: 300 !important;
  color: var(--heading-color, #312b28) !important;
}

.cart-widget-side .woocommerce-mini-cart__total .eur-price {
  font-size: 11px !important;
  color: var(--sis-text-light, #888) !important;
  margin-left: 4px !important;
}

/* ── Free shipping progress bar ─────────────────────────────────────────────── */
.cart-widget-side .wd-progress-bar.wd-free-progress-bar {
  background: var(--sis-gold-pale, #f5edd8) !important;
  padding: 10px 14px !important;
  margin: 0 !important;
  border: none;
}

.cart-widget-side .wd-progress-bar .progress-msg {
  font-family: var(--secondary-font-family) !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  color: var(--sis-text, #1a1a1a) !important;
  letter-spacing: 0.03em !important;
  line-height: 1.4em;
}

.cart-widget-side .wd-progress-bar .progress-msg .woocommerce-Price-amount {
  color: var(--sis-gold, #c9a84c) !important;
}

.cart-widget-side .wd-progress-bar .progress-area {
  height: 2px !important;
  background: #e2d9c8 !important;
  border-radius: 0 !important;
}

.cart-widget-side .wd-progress-bar .progress-bar {
  height: 2px !important;
  background: var(--sis-gold, #c9a84c) !important;
  border-radius: 0 !important;
  transition: width 0.4s var(--sis-ease) !important;
}

/* Trust signals */

.sis-cart-trust-signals {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  margin: 5px 0 0 !important;
  padding-inline: 0 !important;
}

.sis-trust-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #666;
  font-family: var(--secondary-font-family);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.04em;
}

.sis-trust-item svg {
  flex-shrink: 0;
  opacity: 0.6;
}

/* ── Buttons ─────────────────────────────────────────────────────────────────── */
.cart-widget-side .woocommerce-mini-cart__buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding-inline: 0 !important;
}

/* View cart */
.cart-widget-side .woocommerce-mini-cart__buttons.buttons a.btn-cart {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px 20px;
  margin-bottom: 0;
  background: none;
  border: 1px solid var(--sis-border, #e0d9d0);
  border-radius: 0;
  font-family: var(--secondary-font-family);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--heading-color);
  text-decoration: none;
  transition:
    border-color 0.2s,
    color 0.2s;
  box-shadow: none;
}

.cart-widget-side .btn-cart:hover {
  border-color: var(--sis-gold, #c9a84c) !important;
  color: var(--sis-gold, #c9a84c) !important;
  background: none !important;
}

/* Checkout button */
.cart-widget-side .button.checkout {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 15px 20px !important;
  background: var(--primary-color) !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: var(--secondary-font-family, 'Raleway', sans-serif) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  text-decoration: none !important;
  transition: background 0.2s !important;
  box-shadow: none !important;
}

.cart-widget-side .button.checkout:hover {
  background: var(--primary-color-hover) !important;
  color: #fff !important;
}

/* Arrow on checkout button */
.cart-widget-side .button.checkout::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 10px;
  flex-shrink: 0;
  background-color: #fff;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='19' height='13' viewBox='0 0 19 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon fill='black' points='12.563 0%2C11.944 0.624%2C17.325 6.058%2C0.453 6.058%2C0 6.058%2C0 6.942%2C17.324 6.942%2C11.944 12.375%2C12.563 13%2C19 6.499'/%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg width='19' height='13' viewBox='0 0 19 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon fill='black' points='12.563 0%2C11.944 0.624%2C17.325 6.058%2C0.453 6.058%2C0 6.058%2C0 6.942%2C17.324 6.942%2C11.944 12.375%2C12.563 13%2C19 6.499'/%3E%3C%2Fsvg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

/* ── Empty cart state ────────────────────────────────────────────────────────── */
.cart-widget-side .woocommerce-mini-cart__empty-message {
  padding: 40px 28px !important;
  font-family: var(
    --primary-font-family,
    'Cormorant Garamond',
    serif
  ) !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  font-style: italic !important;
  color: var(--sis-text-light, #888) !important;
  text-align: center !important;
  line-height: 1.7 !important;
}

/* ── Overlay ─────────────────────────────────────────────────────────────────── */
.wd-side-hidden-overlay {
  background: rgba(26, 26, 26, 0.35) !important;
  backdrop-filter: none !important;
}