/* ==========================================================
   TIENDA MOYA - ACCENT FINAL
   CERO AMARILLO.
   TODO ACENTO UTILIZA EL COLOR PRINCIPAL DEL ADMIN.
========================================================== */

:root{
    --tm-primary:#ff7b00;

    --yellow:
        var(--tm-primary) !important;

    --tm-yellow:
        var(--tm-primary) !important;

    --tm7-yellow:
        var(--tm-primary) !important;

    --tm-icon-accent:
        var(--tm-primary) !important;
}


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

.yellow-menu,
.product-yellow-nav,
.departments-link,
.mega-trigger.is-active{
    background-color:
        var(--tm-primary) !important;
}

.electro-search,
.header-search{
    border-color:
        var(--tm-primary) !important;
}

.electro-search button,
.header-search button{
    background:
        var(--tm-primary) !important;

    border-color:
        var(--tm-primary) !important;
}


/* ==========================================================
   BOTONES
========================================================== */

.btn-primary,
button.primary,
.add-cart,
.add-to-cart,
.checkout,
.tm-real-apply,
.tm-ref-search button,
.hero-slide .hero-buy,
.hero-shop .btn,
.product-actions button{
    background-color:
        var(--tm-primary) !important;

    border-color:
        var(--tm-primary) !important;
}


/* ==========================================================
   HOME - CATEGORIAS / TABS
========================================================== */

.category-tabs button.active,
.category-tabs a.active,
.category-tabs .active,
.category-pill.active,
.category-pill:hover,
.category-tab.active,
.category-tab:hover,
.categories-tabs .active,
.categories-tabs button:hover,
.categories-tabs a:hover,
.tab-nav .active,
.tabs-nav .active{
    background-color:
        var(--tm-primary) !important;

    border-color:
        var(--tm-primary) !important;

    color:#222 !important;
}


/* ==========================================================
   FILTROS
========================================================== */

.tm-shop-page input[type="checkbox"],
.tm-shop-page input[type="radio"],
.tm-shop-page input[type="range"],
.tm-product-page input[type="checkbox"],
.tm-product-page input[type="radio"],
.tm-product-page input[type="range"]{
    accent-color:
        var(--tm-primary) !important;
}

.tm-real-range,
input[type="range"]{
    accent-color:
        var(--tm-primary) !important;
}

.tm-shop-page .filters h3,
.tm-real-filter-title.is-active{
    border-color:
        var(--tm-primary) !important;
}


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

.badge,
.sale-badge,
.product-badge,
.flash-badge,
.offer-badge{
    background-color:
        var(--tm-primary) !important;

    border-color:
        var(--tm-primary) !important;
}


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

.rating,
.rating i,
.rating span,
.stars,
.stars i,
.star-rating,
.star-rating i{
    color:
        var(--tm-primary) !important;
}


/* ==========================================================
   SLIDERS / PAGINACION
========================================================== */

.swiper-pagination-bullet-active,
.slider-dot.active,
.hero-dot.active,
.carousel-dot.active,
.slick-dots li.slick-active button,
.pagination .active,
.pagination a.active,
.pagination button.active{
    background-color:
        var(--tm-primary) !important;

    border-color:
        var(--tm-primary) !important;
}


/* ==========================================================
   LINKS / UNDERLINES ACTIVOS
========================================================== */

.section-tabs .active,
.product-tabs .active,
.detail-tabs .active,
.nav-tabs .active{
    border-color:
        var(--tm-primary) !important;
}


/* ==========================================================
   ICONOS / CONTADORES
========================================================== */

.tm-head-count,
.header-count,
.cart-count,
.wishlist-count,
.count-badge{
    background:
        var(--tm-primary) !important;

    border-color:
        var(--tm-primary) !important;
}


/* ==========================================================
   FOCUS
========================================================== */

input:focus,
select:focus,
textarea:focus{
    border-color:
        var(--tm-primary) !important;

    outline-color:
        var(--tm-primary) !important;
}


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

.footer-newsletter,
.newsletter-bar{
    background-color:
        var(--tm-primary) !important;
}


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

.mega-panel .active,
.mega-panel a:hover,
.tm7-category:hover,
.tm-mm-category:hover{
    border-color:
        var(--tm-primary) !important;
}


/* ==========================================================
   PROHIBICION FINAL DE AMARILLO EN COMPONENTES CONOCIDOS
========================================================== */

.tm-shop-page .btn-black,
.tm-shop-page .tm-real-apply,
.tm-shop-page .badge,
.tm-product-page .add-cart,
.tm-product-page .rating,
.yellow-menu,
.footer-newsletter{
    --yellow:
        var(--tm-primary) !important;

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



/* ==========================================================
   HERO PRODUCT IMAGE - NUNCA HEREDA COLOR DE ACENTO
========================================================== */

.hero-slide .hero-product-image,
.hero-slide a.hero-product-image{
    background:#fff !important;
    background-color:#fff !important;
    background-image:none !important;
    border-color:transparent !important;
}

.hero-slide .hero-product-image img{
    background:transparent !important;
}