@import "lb-vars";

@oferta-panel-padding: 8px;
@oferta-image-height: 170px;

.ofertasPanel {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;

   .moferta {
      position: relative;
      width: 175px;
      margin: 0 4px 8px 4px;
      padding: @oferta-panel-padding;
      border-radius: 4px;
      background-color: @color-oferta-bg;
      background-repeat: no-repeat;
      background-image: url("../res/v2/images/card-puente-romano-lineal-mirror-green-trans-200px.png");
      background-position: center 226px;
      background-size: 50%;

      &:hover {
         background-color: @color-oferta-bg-hover;
         transition: all 0.2s ease-in-out;
      }


      > div {
         &.mofertaimg {
            div.imgoferta {
               border-radius: 3px;
               width: 100%;
               min-height: 150px;
               height: @oferta-image-height;
            }
         }

         &.mofertatext {
            a {
               display: block;
               color: @color-oferta;
               font-size: 0.8rem;
               line-height: 0.9rem;
               font-weight: normal;
               letter-spacing: -0.2px;
               padding: 2px 0 0 0;
               height: calc((0.9rem * 3) + 2px);
            }
         }

         &.mofertaprice {
            text-align: right;
         }

         &.mofertacart {
            position: absolute;
            bottom: @oferta-panel-padding;
            left: @oferta-panel-padding;
         }
      }
   }
}



















.ofertaNombreFam {
   font-family: @font-item;
   font-size: 15px;
   color: #FFCC33;
   font-weight: bold;
   font-variant: small-caps;
   text-align: center;
   padding: 4px 0 4px 0;
}

.ofertaTextoFam {
   color: #66CC66;
   text-align: center;
   padding: 4px 0 4px 0;
}


.ofertaNombreSec {
   font-family: @font-item;
   font-size: 17px;
   color: #FFCC33;
   font-weight: bold;
   font-variant: small-caps;
   text-align: center;
   padding: 4px 0 4px 0;
}

.ofertaTextoSec {
   color: #66CC66;
   text-align: center;
   padding: 4px 0 4px 0;
}
















//  El listado de Items ?


span.item_descuento_en_lista {
   font-weight: bold;
   color: #ee2211;
}




p.carrito_no_free_delivery {
   font-size: 12px;
   color: #ff3300;
   font-weight: bold;
}


p.carritoEnhanced {
   font-size: 16px;
   color: #33ff00;
   font-weight: bold;
}






// Stickers
div.sticker {
   position: absolute;
   width: 62px;
   height: 58px;
   pointer-events: none;
   background-color: transparent;
   background-repeat: no-repeat;
   background-size: contain;
}

div.sticker_en_lista {
}

div.sticker_free_deliver {
   top: 30%;
   right: 10%;
   background-image: url("../res/envio_gratuito_sticker.png");
}

div.sticker_no_stock {
   top: 40%;
   left: 0;
   background-image: url("../res/no_stock_sticker.png");
}

div.sticker_descatalogado {
   top: 60%;
   right: 15%;
   background-image: url("../res/descatalogado_sticker.png");
}

div.sticker_en_lista.sticker_free_deliver {
   top: -8px;
   left: -40px;
}
div.sticker_en_lista.sticker_no_stock {
   top: -8px;
   left: 10px;
}
div.sticker_en_lista.sticker_descatalogado {
   top: -8px;
   left: 55px;
}