/*
 Theme Name: AndreaSha Shop Child
 Template: astra
*/

@font-face {
    font-family: 'BillaMount';
    src: url('fonts/BillaMount-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'DigitalDrip';
    src: url('fonts/DigitalDrip.ttf') format('truetype');
}






/*CARRITO*/

/* Oculta todo el icono del carrito: svg, i, span */
.ast-site-header-cart-li i.astra-icon,
.ast-site-header-cart-li i.astra-icon span,
.ast-site-header-cart-li i.astra-icon svg {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
}

/* Reemplaza el icono con tu imagen usando ::after */
/* Reemplaza el icono con imagen del flan y agrega el texto SHOPPING */
.ast-site-header-cart-li > a {
    display: flex !important;
    align-items: center !important;
    gap: 10px; /* separación entre texto y flan */
}

.ast-site-header-cart-li > a::before {
    content: "Shopping";
    font-family: "BillaMount", sans-serif !important;
    font-size: 22px !important;
    color: black !important;
    display: inline-block;
}

.ast-site-header-cart-li > a::after {
    content: "";
    width: 40px !important;
    height: 40px !important;
    background-image: url("https://computervirussss.shop/wp-content/uploads/2025/11/botonflanbag.png") !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    display: inline-block !important;
}


/* Ajuste del contador */
.ast-header-cart-count {
    margin-left: 8px !important;
}


/* TEXTO "SHOPPING" A LA IZQUIERDA DEL FLAN */
.ast-site-header-cart-li > a::before {
    content: "Shopping";
    font-family: "BillaMount", sans-serif !important;
    font-size: 22px !important;
    color: black !important;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}






/*PUNTITOS DE IMAGEN PRODUCTO*/
/* ===== SLIDER MOBILE LIMPIO ===== */
@media (max-width: 768px) {

  .sl-mobile-slider {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;

    padding: 0;
    margin: 0;
    gap: 0;
    background: #fff;
  }

  .sl-mobile-slide {
    flex: 0 0 100%;
    scroll-snap-align: start;

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

    margin: 0;
    padding: 0;
    background: #fff;
  }

  .sl-mobile-slide img {
    width: 88vw;          /* un poco más pequeño tipo Sandy */
    max-width: 420px;
    height: auto;
    display: block;
  }

  /* ===== DOTS ===== */
  .sl-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 10px 0 6px;
  }

  .sl-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d9d9d9;
    transition: background 0.2s ease;
  }

  .sl-dot.active {
    background: #000;
  }
}