﻿
/* FOODY V2 */
:root { --catalogNavBg: #f9f9f9; --catalogNavTextColor: #000; }

/* General */
.section-title { margin: 0; }
.section-title h2 { font-size: 187.5%; }
.section-title h2:before, .section-title h2:after { border: 0; display: none; }

/* SITELAYOUT */
#GridTop { background-color: transparent; }


@media(max-width: 767px) {
    #SiteContainer #SiteGrid[data-category="מוצרים"] #GridTop:not(.noTopImage) { --headerBodySpace: 0px; }
    #SiteContainer #SiteGrid[data-category="מוצרים"] #GridTop:not(.noTopImage) .top-caption { top: 30%; }
    .ecommSite #SiteContainer #GridTop:not(.noTopImage) { --headerBodySpace: 0px; }
}

/* HEADER */
#header-top-strip.shopTopStripOnBanner .topStripContainer { padding: 17px 30px; background: rgb(26 24 24 / 85%); float: none; }
#header-top-strip.shopTopStripOnBanner .topStripContainer .topStripText { justify-content: space-between; }
#SiteContainer.hasTopStrip #header-top-strip .topStripContainer .topStripText {  display: flex; align-items: center; justify-content: center; width: 100%; }
#header-top-strip.shopTopStripOnBanner span.shopOpenStatus.shopOpen { padding: 6px 12px; }
.shopTopStripOnBanner .topStripTextRight, .shopTopStripOnBanner .topStripTextLeft { float: none; }
.shopTopStripOnBanner .deliveryTimeText { letter-spacing: 0.16px; }
.topStripTextRight { font-family: 'Heebo-Bold', sans-serif; }
.topStripTextLeft > div:not(:last-child)::after { content: '|'; display: inline-block; padding: 0 20px; }

/* Category Page  */

.allCatalogContainers .categoryContainer { margin: 0 0 90px; }
.catalogContainer.container.showAllCats { padding: 0; max-width: 1170px; }
.categoryContainerBanner { padding-bottom: 15px; border-bottom: 3px solid #000; }
.categoryContainerBanner:after { content: none; }
.categoryContainerText { position: static; transform: none; }
.catalog-sticky-nav-wrapper .catalog-sticky-nav { background: var(--catalogNavBg); color: var(--catalogNavTextColor); margin: 0 0 60px; }
.catalog-sticky-nav button { background: transparent; font-size: 100%; font-family: 'Heebo-Regular', sans-serif; padding: 15px 15px; transition: .35s ease; border-bottom: 2px solid transparent; }
.catalog-page .itemsList.row { margin-bottom: 0;}
.catalog-sticky-nav.affix { margin: 0;}
/* CATALOG ITEM BOX */
.catalogItemBox:not(.catalogItemRowBox) .item-quantity button { color: inherit; }
.item-text-top .item-subtitle.item-subtitle-custom { font-size: 80%; }


/* Homepage grid catalog */
.home-page section.grid-Catalog-Items { overflow: visible; }
.home-page section.grid-Catalog-Items .grid-boxes-wrapper { overflow: visible;}
.home-page .owl-carousel .owl-prev:after { background-image: url('/warehouse/temp/happicerie/arrow-slide-right.svg'); }
.home-page .owl-carousel .owl-next:after { background-image: url('/warehouse/temp/happicerie/arrow-slide-left.svg'); }
.home-page .owl-carousel .owl-prev:after, .home-page .owl-carousel .owl-next:after { background-size: 100%; background-repeat: no-repeat; height: 14px; width: 25px; }
.home-page .owl-carousel .owl-prev { right: -10%; }
.home-page .owl-carousel .owl-next { left: -10%; }

@media( max-width: 1200px) {
    .home-page .owl-carousel .owl-prev { right: -5%; }
    .home-page .owl-carousel .owl-next { left: -5%; }
}


/* ITEM QUANTITY COMPONENT */
#CatalogModule .item-quantity button, .catalogItemBox .item-quantity button, .cartItemsTable.hasQuantitySelection .cartItemQ .item-quantity button { background-color: #000; }
#CatalogModule .item-quantity svg rect, .catalogItemBox .item-quantity svg rect, .cartItemsTable.hasQuantitySelection .cartItemQ .item-quantity svg rect { fill: #fff; }
#SiteContainer .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart .item-quantity-options.active button.item-minus { background-color: #000; }
#SiteContainer .item-quantity:not(.quantity-wrapper):not(.quantityConnectedToCart) button.item-plus, #SiteContainer .item-quantity:not(.quantity-wrapper):not(.quantityConnectedToCart) button.item-minus, #SiteContainer .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart .item-quantity-options.active button.item-plus, #SiteContainer .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart .item-quantity-options.active button.item-minus { background-color: #000; }
#SiteContainer .item-quantity:not(.quantity-wrapper):not(.quantityConnectedToCart), #SiteContainer .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart .item-quantity-options.active { border-color: #000; align-self: center; }
.item-quantity.catalogItemBoxQuantity.quantityConnectedToCart svg, .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart svg path, .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart svg rect { fill: #ffffff; }

.item-quantity.catalogItemBoxQuantity.active .weightDesc { padding: 10px 0; display: block; }

/* Item side popup page*/
.propertyOption { border: none; padding: 0; max-width: none; border: none; margin-left: 10px; margin-bottom: 5px; }
.propertyOption label { font-weight: normal; font-size: 81.25%; }
.propertyOption:not(:last-child) { margin-left: 17px; }
.propertyOption input { display: inline-block; opacity: 1; }
.propertyOption input[type=checkbox] { -webkit-appearance: none; width: 13px; height: 13px; border: 1px solid; cursor: pointer; margin: 0 0 0 7px; }
.propertyOption input[type=checkbox] { margin: 0; flex: 0 0 auto; }
.propertyOption input[type=checkbox]:checked { background-image: url('/warehouse/temp/foody/checked.png'); background-size: cover; background-repeat: no-repeat; border-color: #4FAF25; }
.propertyOption input[type=radio] { -webkit-appearance: none; width: 13px; height: 13px; border-radius: 50%; border: 1px solid; cursor: pointer; }
.propertyOption input[type=radio]:checked { background-image: url(/warehouse/temp/foody/radioChecked.png); background-size: 60%; background-repeat: no-repeat; background-position: center center; }
.propertyOption input[type=checkbox]:checked:focus, .propertyOption input[type=radio]:checked:focus { outline: none; }
/*item-ingredients*/
.item-ingredients .ingredientGroupSelection { display: flex; flex-wrap: wrap; justify-content: start; }
.item-ingredients .ingredientGroupSelection + .ingredientGroupSelection { margin-top: 15px; }
.item-ingredients .ingredientGroupSelection > h3 { font-size: 93.75%; margin: 0 0 10px; flex: 1 0 100%; line-height: 1.5; }
.item-ingredients .ingredientGroupSelection > div.propertyOption { flex: 0 0 calc(33.3333% - 8px); width: calc(25% - 8px); margin: 0 4px 15px; justify-content: start; height: auto; line-height: 1; align-items: flex-start; }
.item-ingredients .ingredientGroupSelection .propertyOption label { line-height: inherit; padding-right: 5px; white-space: normal; }
.item-ingredients .ingredientGroupSelection .propertyOption.active { background: transparent; color: inherit; border: none; }
/*item-properties*/
.item-properties h3 { font-size: 100%; margin: 0 0 10px; }


/* SHOP POP QUICKVIEW MODAL*/

.modal.shopPop.quickviewPop { padding: 0 !important; }
.modal.shopPop.quickviewPop.in { display: block; height: 100%; width: 100%; }
.modal.shopPop.quickviewPop .vertical-alignment-helper { display: flex; justify-content: flex-start; align-items: stretch; height: 100%; width: 100%; }
.modal.shopPop.quickviewPop .modal-backdrop { height: 100% !important; width: 100%; }
.modal.shopPop.quickviewPop.fade .modal-dialog { display: block; margin: 0; width: 100%; max-width: 62.5%; }
.modal.shopPop.quickviewPop .modal-body { width: 100%; max-width: 100%; margin: 0; max-height: 100%; overflow-x: hidden; }
.modal.shopPop.quickviewPop .modal-content { display: flex; flex-direction: row-reverse; height: 100%; transform: translateX(105%); transition: .45s ease-out; opacity: 0; }
.modal.shopPop.quickviewPop.in .modal-content { transform: translateX(0); opacity: 1; }
.modal.shopPop.quickviewPop .close { width: 30px; height: 30px; margin: 10px; align-self: flex-start; display: flex; align-items: center; justify-content: center; }
.modal.shopPop.quickviewPop .close svg { width: 100%; height: 100%; }






.shopPop.quickviewPop #CatalogModule .itemContentWrapper > div { padding: 15px; }
.shopPop.quickviewPop #CatalogModule .gallery-slider.thumbs { width: auto; }
.shopPop.quickviewPop .itemContentWrapper.row { display: flex; flex-wrap: wrap; flex-direction: row-reverse; }
.shopPop.quickviewPop #CatalogModule .itemContent { flex: 1 0; }
.shopPop.quickviewPop #CatalogModule .itemImages { flex: 0 0 390px; }
.shopPop.quickviewPop select.propertyGroup { min-width: 165px; height: 40px; border-radius: 0; -webkit-appearance: none; padding: 0px 5px; position: relative; background-image: url(../../../warehouse/temp/maeCaffe/droparrow.png); background-repeat: no-repeat; background-position: 10px; font-size: 93.75%; }
.shopPop.quickviewPop .itemContentWrapper .item-price { margin-top: 35px; font-family: 'Heebo-Medium'; }
.shopPop.quickviewPop #CatalogModule .itemContentWrapper .item-price span.finalPrice { font-size: 262.5%; }
.shopPop.quickviewPop #CatalogModule .itemContentWrapper .item-price > span { display: inline-block; vertical-align: baseline; line-height: 1; }
.shopPop.quickviewPop #CatalogModule .item-actions { float: none; display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; border: none; padding: 0; margin-top: 15px; padding: 0; }
.shopPop.quickviewPop #CatalogModule .item-actions .addToCart,
.shopPop.quickviewPop #CatalogModule .shareBox { float: none; }
.shopPop.quickviewPop #CatalogItemView .itemContentWrapper .item-price .itemBeforeDiscountPrice.hasDiscount { font-size: 112.5%; }
.shopPop.quickviewPop .catalogItemQuickView .gallery-slider.large ul.slides > li { display: block; padding-bottom: 100%; }
.shopPop.quickviewPop #CatalogModule #CatalogItemView.catalogItemQuickView .item-quantity { /* border: none; */ }
.shopPop.quickviewPop #CatalogModule #CatalogItemView.catalogItemQuickView .item-quantity .quantity-start button { min-width: 165px; padding: 12px; font-family: 'Heebo-Bold', sans-serif; background-color: var(--BUTTON_BACKGROUND); color: var(--BUTTON_TEXT_COLOR); border: none; }

.shopPop.quickviewPop #CatalogModule .itemContent #headline { font-size: 218.75%; margin-bottom: 15px; }
.shopPop.quickviewPop #CatalogModule .itemContent #subheadline { font-size: 125%; margin-bottom: 20px; line-height: 1.3; text-align: inherit; }
.shopPop.quickviewPop #CatalogModule .itemContent .catalogTextContainer { margin-top: 20px; }
.shopPop.quickviewPop #CatalogModule .itemContent .item-properties { margin-top: 20px; }
.shopPop.quickviewPop #CatalogModule .itemContent .item-ingredients { margin: 15px 0; }
.shopPop.quickviewPop #CatalogModule .item-quantity.catalogItemBoxQuantity.quantityConnectedToCart .itemQuantityContainer input[type="number"] { max-width: 70px; width: auto; }


/*buynow + add quantity */
#CatalogModule #CatalogItemView .itemContentWrapper .item-actions .item-quantity .item-quantity-options.active { /* display: flex; */ /* flex-wrap: wrap; */ /* border: 1px solid #000; */ }
#CatalogModule #CatalogItemView .itemContentWrapper .item-actions .item-quantity .item-quantity-options.active > button { /* background-color: #000; */ /* width: 32px; */ /* height: 32px; */ }
#CatalogModule #CatalogItemView .itemContentWrapper .item-actions .item-quantity .item-quantity-options.active > button svg, #CatalogModule #CatalogItemView .itemContentWrapper .item-actions .item-quantity .item-quantity-options.active > button rect { /* fill: #fff; */ }
#CatalogModule #CatalogItemView .itemContentWrapper .item-actions .item-quantity .item-quantity-options.active > span { /* float: none; */ /* width: 36px; */ /* margin: 0; */ }

.item-quantity.catalogItemBoxQuantity.quantityConnectedToCart input[type="number"] { width: auto; max-width: 60px; font-size: 100% !important; }
#CatalogModule .item-quantity .itemQuantityContainer input[type="number"] { width: auto;}
/* Sticky Menu */
.catalog-sticky-nav nav { -ms-overflow-style: none; scrollbar-width: none; }
.catalog-sticky-nav nav::-webkit-scrollbar { display: none; }
.catalog-sticky-nav ul li.active button { background: transparent; color: #000; border-color: #000; }


/* Blog */
#BlogView .blog-related-items > h2 { text-align: center !important; }
.blog-post { display: flex; flex-direction: column; width: 33.3333%; }
.blog-post-content { display: flex; flex-direction: column; height: 100%; flex: 1 auto; }
.blog-post-icons { margin: 0; }
.blog-post-image { flex: auto; }
.blog-post-title { margin-bottom: auto; }
.blog-posts { display: flex; flex-wrap: wrap; }
@media(max-width: 767px) {
    .blog-post { width: 50%; }
    .blog-related-items .owl-carousel .owl-next { left: 8%; }
    .blog-related-items .owl-carousel .owl-prev { right: 8%; }
    .blog-related-posts.row { margin: 0; float: none; }
}


/* Checkout */
form#checkout-form .checkoutCustomFields label { font-family: 'Heebo-Bold', sans-serif; font-size: 85%; }
form#checkout-form input[type=checkbox] { width: 16px; height: 16px; border-color: #000; }


/* FOOTER */



#SiteFooter { padding: 0 15px; }
#SiteFooter > div { float: none; }
#SiteFooter .footer-text, #SiteFooter .FooterForm { width: 50%; flex: 1 0 50%; padding: 0 30px; align-self: center; }
#SiteFooter .footer-text > div { padding: 0; float: none; text-align: left; }
#SiteFooter .FooterForm { font-size: 60%; }
#SiteFooter .footer-text { font-size: 60%; }
#SiteFooter .footer-text p:not(:first-child) img { width: 16px; height: 16px; filter: invert(1); }

#SiteFooter .footer-address { display: none; }
#SiteFooter #partners-section { display: none; }
#SiteFooter .site-credit.alternative { flex: 1 0 100%; padding: 5px 0; margin-top: 50px; }

.contactPage footer { margin-top: 0; }
.contactPage #ContactModule #map-section #map-holder { margin-bottom: 0; }


/*Collection wrapper */
#CatalogItemView .collection-wrapper { justify-content: flex-start; }
.collection-wrapper { display: flex; justify-content: center; align-items: center; direction: rtl; margin: 10px 0; }
.collection-wrapper .productLabel.productLabelImg { position: static; width: auto; padding: 0; font-size: 0; transform: none !important;}
#SiteGridContainer .collection-wrapper .productLabel.productLabelImg img { max-width: 25px; width: 100%; }
.collection-wrapper .productLabel.productLabelImg + .productLabel.productLabelImg { margin-right: 10px; }
.collection-wrapper .productLabel img { width: 100%; height: auto; }
.collection-wrapper + .productLabel { position: static; }
.collection-wrapper:not(:empty) { padding: 10px 0; }
@media(max-width: 1024px) {
    .home-page section.grid-Catalog-Items { overflow: hidden;}
    .home-page .grid-Catalog-Items .owl-nav { display: none; }
}

@media(min-width: 768px ) {
    /* SITE LAYOUT*/
    #GridTop { height: 350px; }
}

@media(max-width: 767px ) {

    /*#SiteContainer #GridTop:not(.noTopImage) { --headerBodySpace: 0px; }*/
    /* GENERAL */
    .section-title h2 { font-size: 150%; }

    /* HEADER */
    #header-top-strip.shopTopStripOnBanner .topStripContainer { padding: 12px 20px; }
    #header-top-strip.shopTopStripOnBanner .topStripContainer .topStripText { flex-direction: column; text-align: right; align-items: flex-start; font-size: 87.5%; }
    #header-top-strip .topStripContainer .topStripText > div:not(:last-child) { margin-bottom: 10px; }
    header.shopHeader #header2 .header-top .header-top-right .navShopBtn.wishlistHeader { display: block; }

    .shopTopStripOnBanner .topStripTextLeft > div { display: inline; }
    .topStripTextLeft > div:not(:last-child)::after { padding: 0 5px; }

    /* Sticky Menu */
    .catalog-sticky-nav button { padding: 12px 15px; font-size: 85%; }
    .catalog-sticky-nav { margin: 0 0 30px; }


    /* CATEGORY PAGE */
    #CatalogCategoryPage { margin: 0; }
    .allCatalogContainers .categoryContainer { padding: 0 20px; }
    .catalog-page .catalogContainer.container.showAllCats { padding: 0; max-width: 1170px; }


    /* SHOP ITEM QUICKVIEW */
    .modal.shopPop.quickviewPop.fade .modal-dialog { max-width: 100%; }
    .shopPop.quickviewPop.modal .close { position: absolute; top: 0; left: 0; border-radius: 50%; background: #000; z-index: 2; }
    /*.shopPop.quickviewPop.modal .close svg { width: 25px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }*/
    .modal.shopPop.quickviewPop .close svg { width: 50%; height: 50%; }
    .modal.shopPop.quickviewPop .modal-body { padding-bottom: 75px; }
    .shopPop.quickviewPop .itemContentWrapper.row { flex-direction: column; }
    .shopPop.quickviewPop .modal-body { padding: 30px 20px; }
    .item-ingredients .ingredientGroupSelection > div.propertyOption { flex-basis: calc(33.3333% - 8px); width: calc(33.3333% - 8px); }
    .shopPop.quickviewPop #CatalogModule .itemImages { flex-basis: auto }
    .shopPop.quickviewPop #CatalogModule .itemContentWrapper .item-price span.finalPrice { font-size: 180%; }
    .shopPop.quickviewPop #CatalogModule .itemContent #headline { font-size: 200%; }
    /* FLOAT CART */
    .cartItem .ingredientGroupCart { font-size: 75%; margin-bottom: 10px; }

    /* FOOTER */
    #SiteFooter .FooterForm { width: auto; }
    #SiteFooter .mobile-seperator { display: none;}
}


