/* =============================================
   3MART — Mini-cart widget (header)
   ============================================= */

/* ── Bajar el dropdown para que no tape el header ── */
.av-cart-style .cart_dropdown .dropdown_widget,
.cart_dropdown .dropdown_widget {
  margin-top: 16px !important;
  top: 100% !important;
}

/* ── Contenedor flotante ── */
.av-cart-style .cart_dropdown .dropdown_widget,
.cart_dropdown .dropdown_widget,
.widget_shopping_cart .widget_shopping_cart_content {
  background: #fff !important;
  border: 1px solid #e8e8e8 !important;
  border-top: 2px solid #111 !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
  padding: 0 !important;
  min-width: 400px !important;
}

/* ── Lista de items ── */
.woocommerce-mini-cart.cart_list {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.woocommerce-mini-cart__empty-message {
  padding: 20px !important;
  font-size: 0.875rem !important;
  color: #777 !important;
  text-align: center !important;
}

/* ── Item individual ── */
.woocommerce-mini-cart-item.mini_cart_item {
  display: block !important;
  padding: 14px 10px 14px 10px !important;
  padding-right: 42px !important; /* espacio para el botón eliminar */
  border-bottom: 1px solid #f0f0f0 !important;
  position: relative !important;
}

/* Link del producto: imagen izquierda + nombre derecha */
.woocommerce-mini-cart-item.mini_cart_item > a:not(.remove_from_cart_button) {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  text-decoration: none !important;
  margin-bottom: 4px !important;
}

/* imagen */
.woocommerce-mini-cart-item.mini_cart_item > a:not(.remove_from_cart_button) img {
  width: 70px !important;
  height: 70px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
}

/* nombre del producto */
.woocommerce-mini-cart-item.mini_cart_item > a:not(.remove_from_cart_button) {
  font-size: 0.825rem !important;
  font-weight: 600 !important;
  color: #111 !important;
  line-height: 1.4 !important;
}

.woocommerce-mini-cart-item.mini_cart_item > a:not(.remove_from_cart_button):hover {
  color: #555 !important;
}

/* cantidad × precio — indentado alineado con el nombre */
.woocommerce-mini-cart-item.mini_cart_item .quantity {
  display: block !important;
  margin-left: 92px !important; /* 70px imagen + 12px gap + 10 padding */
  font-size: 0.8rem !important;
  color: #777 !important;
}

.woocommerce-mini-cart-item.mini_cart_item .quantity .woocommerce-Price-amount {
  color: #111 !important;
  font-weight: 700 !important;
}

/* botón eliminar — círculo fijo, SVG como fondo */
.woocommerce-mini-cart-item.mini_cart_item .remove_from_cart_button {
  position: absolute !important;
  top: 14px !important;
  right: 12px !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  border-radius: 50% !important;
  background-color: #f0f0f0 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='7' y1='7' x2='17' y2='17'/%3E%3Cline x1='17' y1='7' x2='7' y2='17'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 12px 12px !important;
  display: block !important;
  font-size: 0 !important;
  color: transparent !important;
  text-decoration: none !important;
  transition: background-color 0.2s !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  line-height: 24px !important;
  overflow: hidden !important;
}

.woocommerce-mini-cart-item.mini_cart_item .remove_from_cart_button:hover {
  background-color: #fde8e9 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d22a32' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='7' y1='7' x2='17' y2='17'/%3E%3Cline x1='17' y1='7' x2='7' y2='17'/%3E%3C/svg%3E") !important;
}

.woocommerce-mini-cart-item.mini_cart_item .remove_from_cart_button::after,
.woocommerce-mini-cart-item.mini_cart_item .remove_from_cart_button::before {
  display: none !important;
}

/* ── Fila de total ── */
.woocommerce-mini-cart__total.total {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 14px 18px !important;
  border-top: 2px solid #111 !important;
  margin: 0 !important;
}

.woocommerce-mini-cart__total.total strong {
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: #111 !important;
}

.woocommerce-mini-cart__total.total .woocommerce-Price-amount {
  font-size: 0.975rem !important;
  font-weight: 700 !important;
  color: #111 !important;
}

/* ── Botones de acción ── */
.woocommerce-mini-cart__buttons.buttons {
  display: flex !important;
  gap: 8px !important;
  padding: 14px 18px 18px !important;
  margin: 0 !important;
}

/* "Ver carrito" — outlined negro */
.woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout) {
  flex: 1 !important;
  padding: 10px 10px !important;
  background: transparent !important;
  border: 1px solid #111 !important;
  color: #111 !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  text-align: center !important;
  line-height: 25px;
  text-decoration: none !important;
  letter-spacing: 0.5px !important;
  transition: background 0.2s, color 0.2s;
  border-radius: 0;
}

.woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout):hover {
  background: #111 !important;
  color: #fff !important;
}

/* "Finalizar compra" — rojo sólido */
.woocommerce-mini-cart__buttons .button.checkout {
  flex: 1 !important;
  padding: 10px 10px !important;
  background: #d22a32 !important;
  border: 1px solid #d22a32 !important;
  color: #fff !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  text-align: center !important;
  line-height: 25px;
  text-decoration: none !important;
  letter-spacing: 0.5px !important;
  transition: background 0.2s !important;
  border-radius: 0 !important;
}

.woocommerce-mini-cart__buttons .button.checkout:hover {
  background: #a82027 !important;
  border-color: #a82027 !important;
  color: #fff !important;
}