/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 23 2025 | 17:57:50 */
/* Oculta el carrito nativo de Divi en el header */
#et-top-navigation .et-cart-info,
.et_pb_menu__cart-container,
.et_pb_menu__cart-button {
  display: none !important;
}

/* Ajuste vertical icon Search */
.et_header_style_split #et_search_icon::before {
  margin-top: -12px;
}

/* Contenedor del ítem de carrito */
.avsys-cart-li { margin-left: 18px; }

/* Link */
.avsys-cart-link { display: inline-flex; align-items: center; }

/* Wrapper para posicionar la burbuja */
.avsys-cart-wrap{
  position: relative;
  display: inline-flex;
  align-items: center;
  line-height: 1; /* alinea con tipografías del menú */
}

/* ICONO: 28px y un poco más ABAJO */
.avsys-cart-icon{
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  fill: none;                 /* para usar estilo “outline” */
  stroke: currentColor;       /* toma el color del menú */
  stroke-width: 2.2;          /* grosor similar a tu referencia */
  transform: translateY(8px); /* + = más abajo; prueba 3–5px */
}

/* BURBUJA: más arriba y pegada a la esquina del icono */
.avsys-cart-count{
  position: absolute;
  top: -1px;     /* más arriba = más negativo */
  right: -10px;  /* muévela a la derecha/izquierda */
  min-width: 18px; height: 18px; padding: 0 6px;
  border-radius: 999px; display: inline-flex;
  align-items: center; justify-content: center;
  font-size: 12px; font-weight: 700;
  background: #ff6600; color: #fff;
  box-shadow: 0 0 0 2px #000; /* halo para contrastar */
}


/* Coherencia vertical con los items del menú de Divi */
#et-top-navigation .nav > li.avsys-cart-li > a{
  padding-top: 0; padding-bottom: 0; /* evita que “salte” vs otros ítems */
}

/* Esconde carrito en celular */
@media (max-width: 980px){
  .avsys-cart-li { display: none !important; }
}