/* ================================
   Header
   ================================ */

.site-header{
  position: sticky;
  z-index: 999;
  top: 0;
  border-bottom: 1px solid rgba(0,0,0,0.10);
  background: rgba(255,255,255,0.70) !important;
  backdrop-filter: blur(6px);
}

/* Mostrar carrito solo en header (para no contaminar otros menús) */
.dp-menu-cart{ display:none; }
.site-header .site-navigation .dp-menu-cart,
.site-header .site-navigation-dropdown .dp-menu-cart{
  display: list-item;
}

/* ================================
   Header Cart (nuevo look)
   ================================ */

.dp-menu-cart{
  margin-left: 10px;
}

.dp-cart-link{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 44px;
  height: 44px;
  border-radius: 14px;

  border: 1px solid var(--dp-border);
  background: rgba(255,255,255,.65);
  box-shadow: var(--dp-shadow-sm);

  transition: transform .15s ease, background .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.dp-cart-link:hover{
  background: rgba(255,255,255,.95);
  border-color: rgba(43,113,208,.25);
  box-shadow: var(--dp-shadow-md);
  transform: translateY(-1px);
}

/* Icono (mismo SVG mask, centrado) */
.dp-cart-icon{
  width: 20px;
  height: 20px;
  display: inline-block;
  background: currentColor;
  color: var(--dp-text);

  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 6h15l-2 9H7L6 6Zm0 0L5 3H2M9 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm9 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 6h15l-2 9H7L6 6Zm0 0L5 3H2M9 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm9 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Badge del contador arriba a la derecha */
.dp-cart-count{
  position: absolute;
  top: -6px;
  right: -6px;

  min-width: 20px;
  height: 20px;
  padding: 0 6px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 999px;
  background: var(--dp-primary);
  color: #fff;
  font-weight: 900;
  font-size: 12px;
  line-height: 1;

  box-shadow: 0 10px 18px rgba(15,23,42,.18);
  border: 2px solid rgba(255,255,255,.95);
}

/* Si el contador es 0, lo escondemos (opcional) */
.dp-cart-count:empty{ display:none; }

/* ================================
   Header cart – clean version
   (sin reborde)
   ================================ */

.dp-cart-link{
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Hover más sutil */
.dp-cart-link:hover{
  background: rgba(43,113,208,.08) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Ajuste fino del icono */
.dp-cart-icon{
  color: var(--dp-text);
}

/* Badge un pelín más separado del icono */
.dp-cart-count{
  top: -4px;
  right: -4px;
}