/* ==========================================================
   TIENDA MOYA
   WHITE SURFACES FINAL
   TODA SUPERFICIE ESTRUCTURAL ES BLANCA.
========================================================== */

html,
body{
    background:#fff !important;
    background-color:#fff !important;
    background-image:none !important;
}


/* ==========================================================
   ESTRUCTURA GENERAL
========================================================== */

main,
section,
article,
aside,
header,
footer,
nav{
    background-color:#fff;
}


/* wrappers principales */

.electro-topbar,
.electro-header,
.header-main,
.topbar-inner,

.hero-v3,
.hero-full,
.hero-carousel,
.hero-track,
.hero-slide,
.hero-slide.active,
.hero-slide-inner,
.hero-copy,

.home-hero,
.hero-slider,
.hero-stage,

.page-hero,
.shop-hero,
.product-hero,
.contact-hero,

.shop-layout,
.catalog-top,
.filters,

.product-card,
.tab-product-card,
.related-card,

.single-product,
.gallery,
.summary,
.details,
.main-image,

.features-grid,
.features-strip,

.category-section,
.categories-section,
.product-section,
.products-section,

.tm-home-container,
.tm-ref-page-shell,

.tm-shop-page,
.tm-product-page{
    background:#fff !important;
    background-color:#fff !important;
    background-image:none !important;
}


/* ==========================================================
   HERO: TODO BLANCO
========================================================== */

.hero-v3,
.hero-full,
.hero-carousel,
.hero-track,
.hero-slide,
.hero-slide.active,
.hero-slide-inner,
.hero-copy,
.hero-product-image,
.hero-product-image:hover,
.hero-product-image::before,
.hero-product-image::after{
    background:#fff !important;
    background-color:#fff !important;
    background-image:none !important;
}


/* imagen intacta */

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


/* ==========================================================
   HEADER Y NAVEGACION
========================================================== */

.yellow-menu,
.yellow-inner,
.product-yellow-nav,
.product-yellow-nav-inner,
.departments-link,
.mega-trigger{
    background:#fff !important;
    background-color:#fff !important;
    background-image:none !important;

    color:#333e48 !important;
}


/* separación elegante en vez de fondo de color */

.yellow-menu,
.product-yellow-nav{
    border-top:1px solid #ededed !important;
    border-bottom:1px solid #ededed !important;
}


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

.mega-panel,
.mega-panel-wide,
.mega-columns,
.mega-column,

.tm7-shell,
.tm7-head,
.tm7-body,
.tm7-hero,
.tm7-categories,
.tm7-products,
.tm7-category,
.tm7-product,

.tm-mm-shell,
.tm-mm-body,
.tm-mm-category{
    background:#fff !important;
    background-color:#fff !important;
    background-image:none !important;
}


/* ==========================================================
   BUSCADOR / AJAX
========================================================== */

.search-panel,
.search-inner,
.search-top,
.search-hints,

.tm-ref-search,
.tm-ref-search-panel,
.tm-ref-search-results,
.tm-ref-search-left,
.tm-ref-search-right,

.electro-search{
    background:#fff !important;
    background-color:#fff !important;
    background-image:none !important;
}


/* inputs */

input,
select,
textarea{
    background:#fff !important;
    background-color:#fff !important;
}


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

.tm-shop-page .hero-shop,
.tm-shop-page .shop-layout,
.tm-shop-page .filters,
.tm-shop-page main,
.tm-shop-page .catalog-top,

.tm-shop-sidebar-real,
.tm-real-filter-section,
.tm-real-filter-body,
.tm-real-check,
.tm-real-color,

.filter-group,
.shop-sidebar,
.filter-sidebar{
    background:#fff !important;
    background-color:#fff !important;
    background-image:none !important;
}


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

.product-card,
.product-card:hover,
.product-image,
.product-info,

.tab-product-card,
.tab-product-card:hover,

.related-card,
.related-products,

.tm-ref-search-product,
.tm-shop-latest-item{
    background:#fff !important;
    background-color:#fff !important;
    background-image:none !important;
}


/* ==========================================================
   PRODUCTO INDIVIDUAL
========================================================== */

.single-product,
.gallery,
.main-image,
.summary,
.product-benefits,
.product-benefit,
.short-description,
.purchase,
.meta,
.details,
.detail-tabs,
.related-products{
    background:#fff !important;
    background-color:#fff !important;
    background-image:none !important;
}


/* stock puede conservar texto verde, no caja verde */

.stock{
    background:#fff !important;
}


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

footer,
.pro-footer,
.site-footer,
.footer-main,
.footer-bottom,
.footer-columns,
.footer-column,
.footer-newsletter,
.newsletter-bar{
    background:#fff !important;
    background-color:#fff !important;
    background-image:none !important;

    color:#333e48 !important;
}

.footer-newsletter,
.newsletter-bar{
    border-top:1px solid #e8e8e8 !important;
    border-bottom:1px solid #e8e8e8 !important;
}


/* ==========================================================
   DRAWERS / OVERLAYS / MODALES
========================================================== */

.drawer,
.drawer-head,
.drawer-body,
.drawer-foot,
.mobile-menu-panel,
.mobile-menu-group,
.mobile-menu-list{
    background:#fff !important;
    background-color:#fff !important;
    background-image:none !important;
}


/* overlay sí necesita transparencia para funcionar */

.overlay{
    background:rgba(0,0,0,.22) !important;
}


/* ==========================================================
   TABS / CATEGORIAS
   SIN CAJAS NARANJAS
========================================================== */

.category-tabs button,
.category-tabs a,
.category-pill,
.category-tab,

.categories-tabs button,
.categories-tabs a,

.tab-nav button,
.tabs-nav button,

.detail-tabs button{
    background:#fff !important;
    background-color:#fff !important;

    color:#333e48 !important;
}


/* activo: solamente línea naranja */

.category-tabs .active,
.category-pill.active,
.category-tab.active,
.categories-tabs .active,
.tab-nav .active,
.tabs-nav .active,
.detail-tabs .active{
    background:#fff !important;

    color:#333e48 !important;

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


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

.header-icons a,
.icon-btn,
.tm-flat-icon,
.footer-social,
.footer-contact-icon{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
}


/* ==========================================================
   ACENTOS PERMITIDOS
   SOLO ELEMENTOS PEQUEÑOS / ACCIONES
========================================================== */

.hero-buy,
.yellow-button,

.add-cart,
.add-to-cart,
.checkout,

.btn-primary,
button.primary,

.tm-real-apply,

.electro-search button,
.header-search button,

.sale-badge,
.product-badge,
.offer-badge,

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

    background-color:
        var(--tm-primary,#ff7b00) !important;
}


/* ==========================================================
   DOTS
========================================================== */

.hero-dots button,
.slider-dot,
.carousel-dot,
.swiper-pagination-bullet{
    background:#c5c5c5 !important;
}

.hero-dots button.active,
.slider-dot.active,
.carousel-dot.active,
.swiper-pagination-bullet-active{
    background:
        var(--tm-primary,#ff7b00) !important;
}


/* ==========================================================
   QUITAR GRADIENTES DE SUPERFICIES
========================================================== */

.hero-v3,
.hero-full,
.hero-slide,
.hero-slide-inner,
.hero-product-image,
.mega-panel,
.tm7-shell,
.tm-mm-shell,
.product-card,
.filters,
footer{
    background-image:none !important;
}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:760px){

    body,
    main,
    section,
    .hero-slide,
    .hero-slide-inner,
    .hero-product-image,
    .tm-shop-page,
    .filters{
        background:#fff !important;
        background-color:#fff !important;
    }
}