/* RESETEO TOTAL Y PISADO FORZADO DEL ICONO */
/* Quitar transiciones del link */
#menu-col-pmi .menu-item-ayuda > a,
#menu-col-pmi .menu-item-micuenta > a,
#mobile_menu2 .menu-item-ayuda > a,
#mobile_menu2 .menu-item-micuenta > a {
    transition: none !important;
}

/* Quitar transiciones del pseudo-elemento (ícono) */
#menu-col-pmi .menu-item-ayuda > a::before,
#menu-col-pmi .menu-item-micuenta > a::before,
#menu-col-pmi .menu-item-ayuda > a:hover::before,
#menu-col-pmi .menu-item-micuenta > a:hover::before,
#mobile_menu2 .menu-item-ayuda > a::before,
#mobile_menu2 .menu-item-micuenta > a::before,
#mobile_menu2 .menu-item-ayuda > a:hover::before,
#mobile_menu2 .menu-item-micuenta > a:hover::before {
    transition: none !important;
}

#menu-col-pmi .menu-item-ayuda > a::before,
#menu-col-pmi .menu-item-micuenta > a::before,
#mobile_menu2 .menu-item-ayuda > a::before,
#mobile_menu2 .menu-item-micuenta > a::before  {
    content: "" !important;
    font-family: none !important;
    font-weight: normal !important;
    color: transparent !important;
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    margin-right: 8px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    position: relative !important;
    top: 0 !important;
    overflow: hidden !important;
}

/* ICONOS INACTIVOS */
#menu-col-pmi .menu-item-ayuda > a::before,
#mobile_menu2 .menu-item-ayuda > a::before {
    background-image: url('/wp-content/themes/pmi/img/ayuda_inactive.png') !important;
}

#menu-col-pmi .menu-item-micuenta > a::before,
#mobile_menu2 .menu-item-micuenta > a::before {
    background-image: url('/wp-content/themes/pmi/img/user_inactive.png') !important;
}

#menu-col-pmi .menu-item-ayuda > a:hover,
#mobile_menu2 .menu-item-ayuda > a:hover {
    color: var(--color-secundario) !important;
}

#menu-col-pmi .menu-item-micuenta > a:hover,
#mobile_menu2 .menu-item-micuenta > a:hover {
    color: var(--color-secundario) !important;
}

/* HOVER → ICONO ACTIVO */
#menu-col-pmi .menu-item-ayuda > a:hover::before,
#mobile_menu2 .menu-item-ayuda > a:hover::before {
    background-image: url('/wp-content/themes/pmi/img/ayuda_active.png') !important;
}

#menu-col-pmi .menu-item-micuenta > a:hover::before,
#mobile_menu2 .menu-item-micuenta > a:hover::before {
    background-image: url('/wp-content/themes/pmi/img/user_active.png') !important;
}

/* Precarga de iconos para evitar parpadeo */
#menu-col-pmi::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;

    background-image:
        url('/wp-content/themes/pmi/img/ayuda_active.png'),
        url('/wp-content/themes/pmi/img/user_active.png');
}

/* Oculto el SVG original */
.fkcart-shortcode-icon-wrap svg {
    display: none !important;
}

/* Aplico tu SVG como icono */
.fkcart-shortcode-icon-wrap {
    width: 30px;
    height: 30px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56.86 48.27"><path d="m44.78,0c-6.67,0-12.08,5.41-12.08,12.08,0,.75.08,1.47.21,2.18H13.22l-1.88-6.59c-.25-.86-1.03-1.45-1.92-1.45H2c-1.1,0-2,.9-2,2s.9,2,2,2h5.9l6.36,22.24s0,0,0,0l1.18,4.13c-2.12.96-3.61,3.09-3.61,5.57,0,3.37,2.74,6.11,6.11,6.11s6.1-2.74,6.1-6.11c0-.74-.14-1.45-.38-2.11h8.56c-.24.66-.38,1.36-.38,2.11,0,3.37,2.74,6.11,6.11,6.11s6.11-2.74,6.11-6.11-2.66-6.02-5.96-6.1c-.02,0-.05,0-.07,0h-18.57l-.65-2.29,22.69-1.55c.83-.06,1.55-.63,1.78-1.43l1.96-6.66c6.46-.23,11.64-5.53,11.64-12.06S51.45,0,44.78,0Zm-6.84,40.06c1.16,0,2.11.94,2.11,2.11s-.94,2.11-2.11,2.11-2.11-.94-2.11-2.11.94-2.11,2.11-2.11Zm-17.9,2.11c0,1.16-.94,2.11-2.1,2.11s-2.11-.94-2.11-2.11.94-2.11,2.11-2.11,2.1.94,2.1,2.11Zm19.77-13.84l-22.15,1.51-3.31-11.58h20.06c1.51,2.53,3.91,4.47,6.79,5.36l-1.39,4.71Zm9.62-14.25h-2.66v2.66c0,1.1-.9,2-2,2s-2-.9-2-2v-2.66h-2.66c-1.1,0-2-.9-2-2s.9-2,2-2h2.66v-2.66c0-1.1.9-2,2-2s2,.9,2,2v2.66h2.66c1.1,0,2,.9,2,2s-.9,2-2,2Z"></path></svg>') 
        no-repeat center center;
    background-size: contain;
}

.fkcart-shortcode-icon-wrap {
    background-size: 85% !important;
}

/* Menu hamb */
@media (max-width: 980px) {
    .mobile_menu_bar::before {
        /* Anula completamente el icono de FontAwesome */
        content: "" !important;
        font-family: none !important;
        font-weight: normal !important;
        font-size: 0 !important;
        color: transparent !important;

        display: inline-block !important;
        width: 24px !important;
        height: 24px !important;
        margin-right: 8px !important;
        position: relative !important;
        top: -4px !important;

        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: contain !important;

        /* SVG INLINE */
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='3' y='5' width='18' height='2' fill='%23333333'/><rect x='3' y='11' width='18' height='2' fill='%23333333'/><rect x='3' y='17' width='18' height='2' fill='%23333333'/></svg>") !important;
    }
    #mobile_menu2 {
        border-color: var(--color-secundario);
        width: 100%;
    }
    #mobile_menu2 .menu-item-ayuda > a::before,
    #mobile_menu2 .menu-item-micuenta > a::before  {
        top: 8px !important;
    }
}

.fkcart-shortcode-container .fkcart-shortcode-count {
    background-color: var(--color-secundario);
}