/* --------------------------------- */
/* CONTENEDORES                      */
/* --------------------------------- */
body {
    background-color: var(--color-fondo) !important;
}

    body, p, td {
        color: var(--color-texto-general-secundario);
    }

h1:not(.bg-warning), h2:not(.bg-warning), h3:not(.bg-warning),
h4:not(.bg-warning), h5:not(.bg-warning), h6:not(.bg-warning), th {
    color: var(--color-texto-general-principal) !important;
}

#main_container {
    background-color: var(--color-fondo) !important;
}

.single-product-content-container {
    background: var(--color-fondo);
    box-shadow: 0 0 10px rgba(218, 218, 218, 0.25);
}

#the_content {
    background-color: transparent !important;
}

.bg-warning {
    color: black !important;
}

/* --------------------------------- */
/* GENERAL Y BOTONES                 */
/* --------------------------------- */
.is_blue {
    color: var(--color-principal) !important;
}

.is_blue_08 {
    color: var(--color-principal) !important;
}

    .is_blue_08:hover {
        color: var(--color-botones-hover-fondo) !important;
        transition: all .2s ease-in;
    }

.is_blue_back {
    background-color: var(--color-principal) !important;
    color: var(--color-botones-letra) !important;
}

    .is_blue_back:hover {
        background-color: var(--color-botones-hover-fondo) !important;
        color: var(--color-botones-letra) !important;
        transition: all .2s ease-in;
    }

.is_blue_bottom {
    border-bottom-color: var(--color-principal) !important;
}

.is-hover-underlined:hover {
    text-decoration: underline;
}

.btn-outline-back {
    color: var(--color-principal);
    border-color: var(--color-principal);
}

    .btn-outline-back:hover {
        color: #fff;
        border-color: var(--color-principal);
        background-color: var(--color-principal);
    }

.tooltip-ts .tooltiptext-ts {
    background-color: var(--color-principal) !important;
}

    .tooltip-ts .tooltiptext-ts::after {
        border-color: transparent transparent var(--color-principal) transparent;
    }


/* --------------------------------- */
/* TINTES                            */
/* --------------------------------- */
.svg-tint {
    filter: invert(23%) sepia(44%) saturate(3821%) hue-rotate(348deg) brightness(99%) contrast(89%);
}


/* --------------------------------- */
/* MODAL                             */
/* --------------------------------- */
.modal-content {
    background-color: var(--color-fondo) !important;
    /*border-color: var(--color-fondo) !important;*/
    border: 0;
    box-shadow: 0 0 20px var(--color-modal-sombra);
}

.modal-header .close {
    color: var(--color-modal-banda-letra) !important;
    text-shadow: none !important;
}

    .modal-header .close.color-texto {
        color: var(--color-texto-general-principal) !important;
        text-shadow: none !important;
    }

.modal-header {
    border-bottom-color: var(--color-fondo) !important;
}

.modal-footer {
    border-top-color: var(--color-fondo) !important;
}

.modal-body .modal-tag {
    background-color: var(--color-modal-banda-fondo);
    padding: 15px;
    color: var(--color-modal-banda-letra) !important;
    padding-right: 40px;
    padding-left: 40px;
}

.modal .modal-destacado {
    color: var(--color-modal-destacado-letra) !important;
}

#modal_client_com .modal-header,
#modal_client_com .modal-body {
    background-color: var(--color-modal-banda-fondo);
}

    #modal_client_com .modal-body :not(.modal-destacado) h3 {
        color: var(--color-principal) !important;
    }

    #modal_client_com .modal-header h2,
    #modal_client_com .modal-body h4 {
        color: var(--color-modal-banda-letra) !important;
    }

#modal_client_com .com-prelude {
    color: var(--color-texto-general-principal);
}

.modal-signup-concession-div.selected {
    border: 2px solid var(--color-principal);
}


/* --------------------------------- */
/* HEADER                            */
/* --------------------------------- */
#header-eurosur-container {
    background-color: var(--color-texto-general-principal) !important;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

    #header-eurosur-container span {
        color: var(--color-fondo) !important;
    }

.header-icon {
    fill: var(--color-cabecera-letra);
}

    .header-icon.featured {
        fill: var(--color-cabecera-destacado-letra);
    }

.d-inline-block header-right-group:hover {
    color: var(--color-principal) !important;
}

.header-mini-span {
    color: var(--color-cabecera-letra) !important;
}

    .header-mini-span:hover {
        color: var(--color-cabecera-destacado-letra) !important;
    }

.sub-menu, .mega-menu {
    background-color: var(--color-menu-escritorio-fondo) !important;
    box-shadow: 0px 8px 16px 0px var(--color-menu-escritorio-sombra);
}

    .sub-menu li a,
    .mega-menu li a {
        color: var(--color-menu-escritorio-letra) !important;
        transition: none;
    }

        .sub-menu li a:hover,
        .mega-menu li a:hover {
            color: var(--color-menu-escritorio-activo-letra) !important;
        }

nav ul li a {
    color: var(--color-texto-general-principal) !important;
}


/* --------------------------------- */
/* HEADER3                           */
/* --------------------------------- */
.header3-button {
    background-color: var(--color-menu-movil-fondo);
}

    .header3-button:hover,
    .header3-button.header3-button-selected {
        background-color: var(--color-menu-movil-activo-fondo);
    }

    .header3-button .header3-button-text {
        color: var(--color-menu-movil-letra);
    }

    .header3-button:hover .header3-button-text,
    .header3-button.header3-button-selected .header3-button-text {
        color: var(--color-menu-movil-activo-letra);
    }

    .header3-button .header3-button-image {
        fill: var(--color-menu-movil-letra);
    }

    .header3-button:hover .header3-button-image,
    .header3-button.header3-button-selected .header3-button-image {
        fill: var(--color-menu-movil-activo-letra);
    }

.header3-button-anchor:hover {
    color: var(--color-menu-movil-activo-letra) !important;
}

#header3-connector {
    background-color: var(--color-menu-movil-fondo);
}


/* --------------------------------- */
/* HEADER4                           */
/* --------------------------------- */
#header4-accordion {
    background-color: var(--color-menu-movil-fondo);
}

.header4-text {
    color: white;
}

.header4-item > div:hover,
.header4-item > div:not(.collapsed) {
    background-color: var(--color-menu-movil-activo-fondo);
}

.header4-item .header4-text {
    color: var(--color-fondo) !important;
}

.header4-item > div:hover .header4-text {
    color: var(--color-menu-movil-activo-letra) !important;
}

.header4-item .fs-menu-subitem {
    background-color: var(--color-menu-movil-activo-fondo);
}

.header4-subitem {
    background-color: var(--color-menu-movil-activo-fondo);
}

    .header4-subitem a {
        color: var(--color-menu-movil-activo-letra) !important;
        transition: none;
    }

    .header4-subitem:hover {
        background-color: var(--color-menu-movil-fondo);
    }

        .header4-subitem:hover a {
            color: var(--color-menu-movil-letra) !important;
        }


/* están en el index el css*/
#header1 {
    background-color: var(--color-cabecera-fondo);
    box-shadow: 0 2px 2px -2px rgba(255, 255, 255, .2) !important;
}

.header-client-name,
.header-client-name a:hover {
    color: var(--color-cabecera-usuario-letra) !important;
}


/* --------------------------------- */
/* MENÚ OVERLAY                      */
/* --------------------------------- */
#header-overlay .fs-menu-item {
    background-color: var(--color-menu-overlay-fondo) !important;
    /*color: var(--color-menu-overlay-letra) !important;*/
}

    #header-overlay .fs-menu-item:hover {
        background-color: var(--color-menu-overlay-activo-fondo) !important;
    }

        #header-overlay .fs-menu-item:hover h2 {
            background-color: var(--color-menu-overlay-activo-fondo) !important;
        }

    #header-overlay .fs-menu-item h2,
    #header-overlay .fs-menu-item h2 a {
        color: var(--color-menu-overlay-letra) !important;
        transition: none;
    }

    #header-overlay .fs-menu-item:hover h2,
    #header-overlay .fs-menu-item:hover h2 a {
        color: var(--color-menu-overlay-activo-letra) !important;
        transition: none;
    }

#menu-top-text {
    color: var(--color-texto-general-principal) !important;
}


/* --------------------------------- */
/* PANEL CATEGORÍAS                  */
/* --------------------------------- */
ul#category_list {
    background-color: var(--color-menu-categorias-secundario-fondo) !important;
}

li.category_title {
    background-color: var(--color-menu-categorias-primario-fondo) !important;
}

    li.category_title > a,
    li.category_title > a:hover {
        color: var(--color-menu-categorias-primario-letra) !important;
    }

.cats_anchor,
.cats_anchor:hover {
    color: var(--color-menu-categorias-secundario-letra) !important;
}

.subcategory .cats_anchor,
.subcategory .cats_anchor:hover {
    color: var(--color-menu-categorias-terciario-letra) !important;
}

.subcategory {
    background-color: var(--color-menu-categorias-terciario-fondo) !important;
}


/* --------------------------------- */
/* BREADCUMB CATEGORÍAS              */
/* --------------------------------- */
#cat_info_arrow {
    color: var(--color-texto-general-secundario) !important;
}

#category_info a {
    color: var(--color-texto-general-secundario) !important;
}

    #category_info a:hover {
        color: var(--color-principal) !important;
    }


/* --------------------------------- */
/* SLIDER CATEGORÍAS                 */
/* --------------------------------- */
.slider .section-title h3 {
    background-color: var(--color-principal) !important;
    color: var(--color-botones-letra) !important;
}

    .slider .section-title h3:before {
        background-color: var(--color-principal) !important;
    }

    .slider .section-title h3:after {
        border-top: 15px solid var(--color-botones-hover-fondo) !important;
    }

.category-slider-container.slick-slider {
    background-color: var(--color-fondo) !important;
}

.single-category .category-title h3 {
    color: var(--color-texto-general-principal) !important;
}

.single-category .category-image a {
    color: var(--color-texto-general-principal) !important;
}

.slider .slick-arrow i.fa {
    color: var(--color-texto-general-principal);
    border-color: var(--color-texto-general-principal);
}

.slider .slick-arrow:hover i.fa {
    color: var(--color-principal);
    border-color: var(--color-principal);
}

.single-category .category-image a:hover {
    border-color: var(--color-principal);
}


/* --------------------------------- */
/* BUSCADOR                          */
/* --------------------------------- */
.header-advance-search {
    background-color: var(--color-fondo) !important;
}

.header-advance-search {
    background-color: var(--color-fondo) !important;
}

    .header-advance-search button {
        background-color: var(--color-principal) !important;
    }

        .header-advance-search button:hover {
            background-color: var(--color-botones-hover-fondo) !important;
        }

#search_input {
    background-color: var(--color-fondo) !important;
}

.header-advance-search input {
    background-color: var(--color-fondo) !important;
}

ul.ui-autocomplete {
    background-color: var(--color-sugerencias-fondo);
    border-color: var(--color-sugerencias-borde);
}

    ul.ui-autocomplete > li {
        border-bottom-color: var(--color-sugerencias-borde);
    }

/* --------------------------------- */
/* HOME - DESTACADOS / MÁS VENDIDOS  */
/* --------------------------------- */
.tab-slider-wrapper .nav-tabs .nav-link.active:before,
.tab-slider-wrapper .nav-tabs .nav-link:hover:before {
    background: var(--color-principal);
}

.tab-slider-wrapper .nav-tabs .nav-link {
    color: #808080 !important;
}

    .tab-slider-wrapper .nav-tabs .nav-link.active {
        color: var(--color-texto-general-principal) !important;
    }

.product-title {
    color: var(--color-texto-general-principal) !important;
}

.tab-slider-sub-product .product-content .price-box .discounted-price {
    color: var(--color-texto-general-principal) !important;
}

.nav-tabs:not(.section-title) {
    background-color: var(--color-navtabs);
}

.tab-slider-container.slick-slider {
    -webkit-box-shadow: 0px 5px 4px 0px var(--color-navtabs-shadow);
    box-shadow: 0px 5px 4px 0px var(--color-navtabs-shadow);
}

.tab-slider-sub-product {
    border-bottom-color: var(--color-navtabs);
    border-right-color: var(--color-navtabs);
    border-left-color: var(--color-navtabs);
}


/* --------------------------------- */
/* FOOTER                            */
/* --------------------------------- */
footer {
    background-color: var(--color-fondo);
}

.copyright-section .copyright-segment p a {
    color: var(--color-texto-general-principal);
}

.copyright-section .copyright-segment p.copyright-text a {
    color: var(--color-texto-general-principal);
}

.copyright-section p {
    margin-bottom: 0 !important;
    color: var(--color-texto-general-principal);
}


/* --------------------------------- */
/* PRODUCTO                          */
/* --------------------------------- */
.rel_prod_desc_link {
    color: var(--color-texto-general-principal);
}

    .rel_prod_desc_link:hover {
        color: var(--color-principal);
    }

.radio-toolbar input[type="radio"]:checked + label {
    background-color: var(--color-principal) !important;
    color: var(--color-texto-general-principal) !important;
}

.radio-toolbar.pricing input[type="radio"]:checked + label {
    background-color: var(--color-principal) !important;
    color: var(--color-texto-general-principal) !important;
    border-color: var(--color-principal) !important;
}

.radio-toolbar.pricing label:hover, .radio-toolbar.pricing label:active {
    background-color: var(--color-principal) !important;
    color: var(--color-texto-general-principal) !important;
    border-color: var(--color-principal) !important;
}

.radio-toolbar label.active {
    background-color: var(--color-principal) !important;
    color: var(--color-texto-general-principal);
}

.radio-toolbar.pricing label {
    background-color: var(--color-texto-general-principal) !important;
    color: var(--color-fondo) !important;
}

.puntos {
    background-color: var(--color-productos-puntos-fondo) !important;
    color: var(--color-productos-puntos-letra) !important;
}

.title_products, .title_products_oferta, .product-title {
    color: var(--color-texto-general-secundario) !important;
}

.prod_square svg,
.prod-ft-icono {
    fill: var(--color-productos-iconos);
}

.format-div {
    border-color: var(--color-productos-formato);
}

.cart_delete svg {
    fill: var(--color-botones-letra);
}

#the_cats_opener {
    background-color: rgba(0, 0, 0, 0.4);
    fill: var(--color-botones-letra);
}

    #the_cats_opener:hover {
        background-color: var(--color-principal);
        fill: var(--color-botones-letra);
    }

.product_code {
    color: var(--color-productos-codigo-letra) !important;
    background-color: var(--color-productos-codigo-fondo) !important;
}


/* --------------------------------- */
/* CONTACTO                          */
/* --------------------------------- */
.single-contact-block p {
    color: var(--color-texto-general-principal) !important;
}

.single-contact-block svg {
    fill: var(--color-contacto-iconos);
}


/* --------------------------------- */
/* SELECCIÓN DE PROVEEDOR            */
/* --------------------------------- */
.tarjeta-cadena {
    background-color: var(--color-proveedor-secundario)
}

    .tarjeta-cadena.principal {
        background-color: var(--color-proveedor-principal);
    }

        .tarjeta-cadena.principal p,
        .tarjeta-cadena.principal h5,
        .tarjeta-cadena.principal h6 {
            color: var(--color-fondo) !important;
        }

    .tarjeta-cadena p {
        color: var(--color-texto-general-principal);
    }


/* --------------------------------- */
/* MENSAJES */
/* --------------------------------- */
.cart-table {
    background: var(--color-fondo) !important;
}

    .cart-table .table thead {
        background-color: var(--color-principal) !important;
    }

.checkout-form .check-box input[type="checkbox"] + label {
    color: var(--color-texto-general-principal) !important;
}

.leftColor {
    background-color: #222 !important;
}

.rightColor {
    background-color: #333 !important;
}


/* --------------------------------- */
/* INGRAGISTICS TABLES */
/* --------------------------------- */
.ui-iggrid-tablebody {
    background: var(--color-fondo) !important;
}

.ui-iggrid tr.ui-ig-altrecord {
    background-color: #282828 !important;
}

.ui-iggrid .ui-ig-altrecord td.ui-state-active,
.ui-iggrid td.ui-state-active,
.ui-iggrid td.ui-state-highlight {
    background-color: var(--color-texto-general-principal) !important;
    color: var(--color-fondo) !important;
}

.ui-iggrid .ui-iggrid-table > tbody > tr > td.ui-iggrid-colasc,
.ui-iggrid .ui-iggrid-table > tbody > tr > td.ui-iggrid-colasc {
    border-bottom-color: var(--color-fondo) !important;
}

.ui-widget-header.ui-state-default {
    background-color: var(--color-principal) !important;
}

.ui-widget-header.ui-state-hover {
    background-color: var(--color-botones-hover-fondo) !important;
    transition: all .2s ease-in;
}

.ui-widget-header {
    background-color: var(--color-principal) !important;
}

.ui-state-hover {
    background-color: var(--color-botones-hover-fondo) !important;
    transition: all .2s ease-in;
}




/*
    TODO CATEGORIZAR
*/
.breadcrumb-area .breadcrumb-container ul li.active {
    color: var(--color-principal) !important;
}

.cart-promo-linker-vertical,
.cart-promo-linker-horizontal-desktop,
.cart-promo-linker-horizontal-mobile {
    background: var(--color-principal);
}

/*.bg-warning {
    color: var(--color-botones-hover-fondo) !important;
}*/

a:hover {
    color: var(--color-principal) !important;
}

.btn-link {
    color: var(--color-principal) !important;
}

.carrito-promo-acumulable-caja {
    border-color: var(--color-principal);
}