/* ****************************************************************************
    Script de tema de eFactory Tienda Virtual: Tema Verde
   ****************************************************************************
*/
/* Breakpoints de tamaños de pantalla:
    Movil:          width <  768px
    Tableta:        width >= 768px
    Escritorio:     width >= 992px
    Escrit. Ancho:  width >= 1200px

*/


/* Tema Verde */
:root {
    --color-tema: #1B5E20;
    --color-texto: rgba(0, 0, 0, 0.9);
    --color-texto-tema: #FFFFFF;
    --color-boton: #FFFFFF;
    --color-panel: #E8F5E9;
    --color-fondo: #FFFFFF;
    --color-hover: rgba(0, 0, 0, 0.05);
    --color-accion: #FFDA4B;
    --color-pie-superior: #196B1D;
}

/*  Encabezado */
.encabezado__contenedor-superior, .encabezado__boton-acceso, .lista-desplegable {
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.4);
    --color-borde: var(--color-borde-claro);
}

.encabezado__boton-carrito--mostrar::before {
    background-color: #FFFFFF;
    border: 1px solid var(--color-texto);
}

/*  Pie de página */
.pie-de-pagina__superior {
    /*text-shadow: 0 0 4px rgba(255, 255, 255, 0.1);*/
    color: var(--color-texto-tema);
    letter-spacing: 0.2pt;
}
.pie-de-pagina__link {
    color: var(--color-texto-tema);
}

/* Color de fuente e íconos blancos */
.pagina__encabezado-global .encabezado__contenedor-botonera .icono-base,
.pagina__encabezado-global .encabezado__contenedor-botonera .icono-menu,
.pagina__encabezado-global .encabezado__boton-menu .icono-base,
.pagina__encabezado-global .encabezado__boton-menu .icono-menu,
.pagina__encabezado-global .caja-busqueda__boton-buscar .icono-base,
.pagina__encabezado-global .caja-busqueda__boton-buscar .icono-menu {
    filter: invert(100%) contrast(150%);
}

.pagina__encabezado-global .encabezado__contenedor-botonera .encabezado__boton-carrito.icono-base {
    filter: initial;
    background-image: url(/imagenes/efactory.light.carro.de.compra.png);
}

.pagina__encabezado-global .menu__contenedor .icono-base,
.pagina__encabezado-global .menu__contenedor .icono-menu,
.pagina__encabezado-global .menu-complementos__contenedor .icono-base {
    filter: initial;
}

.caja-busqueda__filtro-departamento:hover {
    background-color: #F8F8F8;
}

.encabezado__boton-carrito--mostrar::before {
    border: 1px solid var(--color-borde);
    color: var(--color-texto);
    background-color: #FFFFFF;
}

.encabezado__foto-usuario--sin-foto {
    filter: invert(100%) brightness(120%) contrast(150%);
}

.pagina__encabezado-global .lista-desplegable {
    display: block;
    background-image: none;
}

.pagina__encabezado-global .caja-busqueda__contenedor-filtro-departamento::after {
    position: relative;
    display: block;
    width: 1.4rem;
    height: 100%;
    content: " ";
    background-image: url("/imagenes/efactory.dark.menu-abajo.png");
    background-position: calc(100% - 2px) center;
    background-size: 1rem;
    background-repeat: no-repeat;
    filter: brightness(0%) invert(100%);
}

/* *****************************************************************************
   * Bitacora
   *****************************************************************************
   * RJG: 26/06/20: código inicial
   *****************************************************************************
   * RJG: 24/07/20: Ajusté los estilos de texto e íconos del panel de menú y    
   *                pantalla de login (no se veían en temas oscuros)
   *****************************************************************************
   * RJG: 16/10/20: Ajusté los estilos cabecera (color de la foto y lista de la  
   *                caja de búsqeda)
   *****************************************************************************
*/