/* ==========================================================
   TIENDA MOYA
   FONT AWESOME - ICONOS PLANOS
========================================================== */

:root{
    --tm-icon:#333e48;
    --tm-icon-muted:#6c7278;
    --tm-yellow:#fed700;
}


/* Todos los Font Awesome */

.fa-solid,
.fa-regular,
.fa-brands,
.fas,
.far,
.fab{
    color:var(--tm-icon) !important;

    background:none !important;
    background-image:none !important;

    box-shadow:none !important;
    text-shadow:none !important;

    filter:none !important;

    -webkit-text-fill-color:currentColor !important;

    font-style:normal !important;
}


/* Tamaño base */

.tm-fa{
    width:20px;
    min-width:20px;

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

    color:var(--tm-icon) !important;

    font-size:17px;
    line-height:1;
}


/* ==========================================================
   HEADER
========================================================== */

.header-icons i,
.cart-link i,
.yellow-menu i,
.electro-topbar i{
    color:var(--tm-icon) !important;

    background:transparent !important;

    box-shadow:none !important;
    text-shadow:none !important;
}


.header-icons a,
.cart-link{
    background:transparent !important;
}


/* Carrito ligeramente mayor */

.cart-link .fa-cart-shopping{
    font-size:20px !important;
}


/* ==========================================================
   MENU
========================================================== */

.mega-trigger i,
.departments-link i{
    color:var(--tm-icon) !important;

    font-size:15px;
}


/* ==========================================================
   FEATURES
========================================================== */

.features-grid i,
.feature-icon i,
.service-icon i{
    color:var(--tm-icon) !important;

    background:none !important;

    font-size:21px;
}


/* ==========================================================
   PRODUCTOS
========================================================== */

.product-action i,
.product-bottom i,
.tab-product-button i,
.add-cart i{
    color:var(--tm-icon) !important;

    background:none !important;
}


/* ==========================================================
   FOOTER
========================================================== */

.footer-contact-icon{
    background:var(--tm-yellow) !important;

    color:var(--tm-icon) !important;

    box-shadow:none !important;
}


.footer-contact-icon i{
    color:var(--tm-icon) !important;

    background:none !important;

    font-size:18px;
}


.footer-service-item i,
.footer-mail-icon i{
    color:var(--tm-icon) !important;
}


/* ==========================================================
   REDES SOCIALES
========================================================== */

.footer-social a,
.social-icons a{
    color:var(--tm-icon) !important;

    background:transparent !important;

    box-shadow:none !important;
    text-shadow:none !important;

    filter:none !important;
}


.footer-social a i,
.social-icons a i{
    color:inherit !important;
}


.footer-social a:hover,
.social-icons a:hover{
    color:#111 !important;

    background:var(--tm-yellow) !important;
}


/* ==========================================================
   ESTRELLAS
========================================================== */

.fa-star,
.fa-star-half-stroke{
    color:#d2a900 !important;
}


/* ==========================================================
   PROHIBIR EFECTOS EN ICONOS
========================================================== */

i[class*="fa-"]::before,
i[class*="fa-"]::after{
    text-shadow:none !important;

    filter:none !important;
}


i[class*="fa-"]{
    transform:none;

    background-image:none !important;

    border-image:none !important;
}


/* Hover: solamente cambia de tono */

a:hover i[class*="fa-"],
button:hover i[class*="fa-"]{
    color:#111 !important;
}


/* No tocar logos ni fotografías */

img{
    filter:none;
}