/* =====================================================
   HEADER MENU - Category Icons & Colors
===================================================== */

/* Menu display icon + text */
body > header > .menu > .categories > .category > .category-content > .content > .image {
    display: block;
    padding-bottom: .3em;
}

body > header > .menu > .categories > .category > .category-content > .content > .image > img.normal {
    background-color: #ffffff;
}

body > header > .menu > .categories > .category > .category-content {
    color: #ffffff;
    background-color: #ffff;
}

body > header > .menu > .categories > .category.current > .category-content > .content > .name {
    color: #173753;
}

/* Change colour of category bottom line when pressing */
body > header > .menu > .categories > .category.current > .category-content {
    border-bottom: 5px solid #173753;
}

body > header > .menu > .categories > .category.current {
    border-color: #e0e0e0;
    background-color: #173753;
}


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

body > footer .inner-footer .retailer-links {
    width: 35em;
    columns: 10em;
}

body > footer .inner-footer {
    height: auto;
    align-items: center;
    margin: auto;
}

body > footer .inner-footer .retailer-links > * {
    display: inline-block;
}


/* =====================================================
   SPECIAL CATEGORY ICONS
===================================================== */

/* שינוי אייקונים לקטגוריות מיוחדות */
body > header > .menu > .categories > .category.special-category > .category-content > .content > .image > img,
body > header > .menu > .categories > .category.special-category.current > .category-content > .content > .image > img {
    display: none;
}

body > header > .menu > .categories > .category.special-category > .category-content > .content > .image:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    background-image: url('https://d226b0iufwcjmj.cloudfront.net/retailers/1531/resources/1690203173215-0.246376621487151.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

body > header > .menu > .categories > .category.special-category.by-special-categories > .category-content > .content > .image:after {
    background-image: url('https://d226b0iufwcjmj.cloudfront.net/retailers/1531/resources/1690203173884-0.9327118223120412.png');
}

body > header > .menu > .categories > .category.special-category.current > .category-content > .content > .image:after {
    background-image: url('https://d226b0iufwcjmj.cloudfront.net/retailers/1531/resources/1690203173243-0.13145746878905018.png');
}

body > header > .menu > .categories > .category.special-category.by-special-categories.current > .category-content > .content > .image:after {
    background-image: url('https://d226b0iufwcjmj.cloudfront.net/retailers/1531/resources/1690203173873-0.16600879201201169.png');
}


/* =====================================================
   SEARCH BAR
===================================================== */

/* הקטנת אזור שדה חיפוש בהדר */
body > header > .toolbar > .data > .search-wrapper > .search {
    width: 60%;
}


/* =====================================================
   SALE ICONS
===================================================== */

/* Hide default images */
.sale-icon > img {
    display: none !important;
}

.sale-icon.fixed-sale > img,
.sale-icon.fixed-sale.club-icon > img,
.sale-icon.buy-x-sale > img,
.sale-icon.buy-x-sale.club-icon > img,
.sale-icon.over-amount-sale > img,
.sale-icon.buy-x-get-one-sale > img,
.sale-icon.discount-sale > img {
    display: none;
}

/* Base icon */
.sale-icon:before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url('https://storage.googleapis.com/sp-public/retailers/1460/resources/1622637287886-0.35356758734270977.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.sale-icon.fixed-sale:before {
    background-image: url('https://storage.googleapis.com/sp-public/retailers/1460/resources/1622637287886-0.35356758734270977.png');
}

.sale-icon.buy-x-sale:before {
    background-image: url('https://storage.googleapis.com/sp-public/retailers/1460/resources/1622095118071-0.3001337832861639.png');
}

.sale-icon.over-amount-sale:before,
.sale-icon.buy-x-get-one-sale:before,
.sale-icon.discount-sale:before {
    background-image: url('https://storage.googleapis.com/sp-public/retailers/1142/resources/1570702254137-0.03194797026703844.png');
}


/* Sale Icon - Club */
.sale-icon.fixed-sale.club-icon > img,
.sale-icon.buy-x-sale.club-icon > img {
    display: none;
}

.sale-icon.fixed-sale.club-icon:before {
    background-image: url('https://storage.googleapis.com/sp-public/retailers/1219/resources/1621364370564-0.7661791072861603.png');
}

.sale-icon.buy-x-sale.club-icon:before {
    background-image: url('https://storage.googleapis.com/sp-public/retailers/1219/resources/1596637158465-0.6537158544901969.png');
}

.sale-icon.over-amount-sale.club-icon:before,
.sale-icon.buy-x-get-one-sale.club-icon:before,
.sale-icon.discount-sale.club-icon:before {
    background-image: url('https://storage.googleapis.com/sp-public/retailers/1219/resources/1621364370564-0.7661791072861603.png');
}


/* =====================================================
   CART / CHECKOUT
===================================================== */

/* החלפת אייקון עגלה ריקה */
html div.sidenav > div > nav.cart > .content-wrapper > div.content > section.empty-cart div .empty:after {
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url('https://d226b0iufwcjmj.cloudfront.net/retailers/1531/resources/1690116693432-0.9990228863977031.png');
    height: 8em;
    width: 5em;
}

html div.sidenav > div > nav.cart > .content-wrapper > div.content > section.empty-cart div .empty > img {
    display: none;
}

/* Cart header */
html div.sidenav > div > nav > header {
    background-color: #888D3B;
}

/* Checkout buttons */
checkout-bottom-banner .total-summary .next-button button {
    background-color: #888D3B;
    border-color: #888D3B;
}

checkout-bottom-banner .total-summary .back-button button {
    width: 9.13043rem;
    line-height: 3rem;
    color: #fff;
    font-weight: 400;
    border-radius: 5px;
    padding: 0 1.5rem;
    border: 1px solid #ffffff;
}

/* Clean cart icon */
html div.sidenav > div > nav header.nav-header .left > .clean-cart-icon,
html div.sidenav > div > nav > header .left > .clean-cart-icon {
    max-height: 18px;
    max-width: 18px;
    vertical-align: middle;
    background-color: #fff;
    padding: 5px;
    border: .5px solid #666;
    border-radius: 6px;
}
body > header > .toolbar,
body > header > .toolbar > .data > .user-details sp-dropdown > .sp-dropdown-options-wrapper,
body > header > .toolbar > .data > .language sp-dropdown > .sp-dropdown-options-wrapper,
body > header > .toolbar > .data > .retailer-data sp-dropdown > .sp-dropdown-options-wrapper,
body > header > .toolbar > .data > .coupons sp-dropdown > .sp-dropdown-options-wrapper {
    color: #173753;
}
 
body > header > .toolbar > .data sp-dropdown img,
body > header > .toolbar > .data .newsletter img,
body > header > .toolbar > .data > .coupons img{
    filter: invert(1);
    -webkit-filter: invert(1);
}
 
body>header>.toolbar>.data>.search-wrapper>.search>.input>input[type=search] {
    border-width: 1.5px;
    border-radius: 5px;
    border-color: #173753;
}
 
body > header > .toolbar sp-dropdown .sp-dropdown-text .arrow {
    background-image: url(//d226b0iufwcjmj.cloudfront.net/global/frontend-icons/icon-arrow-open-grey.png);
}
 
body > header > .toolbar sp-dropdown.open .sp-dropdown-text .arrow {
    background-image: url(//d226b0iufwcjmj.cloudfront.net/global/frontend-icons/icon-arrow-close-grey.png);
}
 
body > header > .toolbar > .data > .border {
    padding-top: 1.7578em;
    padding-bottom: 1.7578em;
}
 
body > header > .toolbar > .data > .border:after {
    background-color: #173753;
}