/* ---- Google Fonts + Design Tokens ---- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Montserrat:wght@600;700&display=swap');

:root{
  --brand-color: #ff2e17;               
  --font-heading: 'Montserrat','Inter',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
}


/* Apply modern Google font (headings) */
h4 {
    font-family: var(--font-heading);
}

html.home section.main section.view .home-page-wrapper>.content>.component h4 {
    font-size: 2.5em;
}

body>header>.menu>.next-delivery-wrapper>.next-delivery-content-wrapper>.next-delivery-content>.next-delivery-icon {
    height: 80%;
}

body>header>.menu>.categories-title>.categories-title-text {
    vertical-align: middle;
    color: #ffffff;
    
}

body>header>.menu>.categories-title>.categories-icon {
    fill: #ffffff;
    
}

body>header>.categories-wrapper>.categories>.category.open>.category-name {
    font-weight: 700;
    color: #ffffff;
}

li.category.open div.category-name span.image img {
	filter: brightness(0) invert(1);
}

section.view sp-items>.fixed-wrapper>.title-and-side-bar>.side-bar>.filter-item>.filter>.filter-content>.filter-button-wrapper.selected, section.view sp-items>.fixed-wrapper>.title-and-side-bar>.side-bar>.filter-item>.filter>.filter-content>.filter-button-wrapper.selected:hover {
    color: #ffffff;
}

section.view sp-items>.fixed-wrapper>.filtering-filters-wrapper>.filtering-filters .filters-group>.filters-item {
    color: #ffffff;
}

section.view sp-items>.fixed-wrapper>.filtering-filters-wrapper>.filtering-filters .filters-group>.filters-item>.x>svg {
    fill: #ffffff;
}

section.view sp-items>.fixed-wrapper>.title-and-side-bar>.side-bar>.filter-item>.filter .filter-content>.filter-button-wrapper>.icons>.clear-btn {
    fill: #ffffff;
}

.actions>button.add-to-cart, .actions.large-actions.landscape>.sp-quantity .quantity-wrapper, .product-

actions>button.add-to-cart, .product-actions.large-actions.landscape>.sp-quantity .quantity-wrapper {
    color: #ffffff;
}

.actions.landscape.large-actions>button.add-to-cart>svg, .product-actions.landscape.large-actions>button.add-to-cart>svg {
    filter: brightness(0) invert(1);
}

/*Product count small circle*/
.sp-cart-line-count>div {
    color: #ffffff;
    background-color: var(--brand-color);
}

.sp-cart-line-count>div>span {
    color: ##ffffff
}

/* body>header>.toolbar {
    color: #ffffff;
    background-color: var(--brand-color);
    
} */

/* body>header>.toolbar>.data>.settings>.user-details sp-kikar-dropdown>.sp-dropdown-text svg {
    fill: #ffffff;
    width: 1.918em;
}
 */
=

.retailer-data>div>.store-icon {
    width: 2.148em;
    height: 1.9175em;
    vertical-align: middle;
    fill: #ffffff;
}

html div.sidenav>section.cart>header>.previous-orders {
    background: var(--brand-color);
}

html div.sidenav>section.cart>header>.data {
    background: var(--brand-color);
    color: #ffffff;
}

html div.sidenav>section.cart>header>.data>.number-of-items>span.number {
    background: var(--brand-color);
}

html div.sidenav>section.cart>header>.data>button {
    border: 2px solid #ffffff;
}

html div.sidenav>section.cart>header>.data>.number-of-items>svg {
    fill: #ffffff;
}

html div.sidenav>section.cart>header>.data>.number-of-items>span.number {
    border: 2px solid #ffffff;
}

checkout-bottom-banner .checkout-bottom-banner-wrapper>.checkout-banner>.content button.back-button, checkout-bottom-banner .checkout-bottom-banner-wrapper>.checkout-banner>.content button.continue-shopping {
    
    vertical-align: middle;
    color: #ffffff;
    border: 2px solid #ffffff;
    font-weight: 700;
    padding: 0.5em 2em;
    border-radius: 3em;
    height: 100%;
}

checkout-bottom-banner .checkout-bottom-banner-wrapper>.checkout-banner>.content>.total-summary {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #ffffff;
}

checkout-bottom-banner .checkout-bottom-banner-wrapper>.checkout-banner>.content>.total-summary>.total-price>.number-of-items>svg {
    height: 2.625em;
    width: 2.625em;
    fill: #ffffff;
}

checkout-bottom-banner .checkout-bottom-banner-wrapper>.checkout-banner>.content>.total-summary>.total-price>.number-of-items>span.number {
    border: 2px solid #ffffff;
    background-color: var(--brand-color);
}

.sp-radio-buttons.switcher > label.sp-radio-option.checked {
    color: #ffffff;
}

/* body>header>.toolbar>.data>.search-wrapper>.input>input[type=search] {
    color: #000000;
}
 */
html.checkout section.view .checkout-content .tab > .details section.delivery-details > .data > .details-region .sp-slider-picker .slider-items-wrapper .slider-items > .slider-item.selected > .slider-item-content > ng-include > .date, html.checkout section.view .checkout-content .tab > .details section.delivery-details > .data > .details-region .sp-slider-picker .slider-items-wrapper .slider-items > .slider-item.selected > .slider-item-content > ng-include > .date-name, html.checkout section.view .checkout-content .tab > .details section.delivery-details > .data > .details-region .sp-slider-picker .slider-items-wrapper .slider-items > .slider-item.selected > .slider-item-content > ng-include > .date.today {
    color: #ffffff;
}

html.checkout section.view .checkout-content .tab > .details section.delivery-details > .data > .details-region .sp-slider-picker .slider-items-wrapper .slider-items > .slider-item > .slider-item-content > ng-include .selected-time {
    color: #ffffff;
}

html.checkout section.view .checkout-content .tab > .details section.delivery-details .dropdown-options-wrapper > .dropdown-options ng-include .drop-down-items-wrapper .dropdown-items > .dropdown-item.selected, html.checkout section.view .checkout-content .tab > .details section.delivery-details .dropdown-options-wrapper > .dropdown-options ng-include .drop-down-items-wrapper .dropdown-items > .dropdown-item.selected:hover {
    color: #ffffff;
}

html.checkout section.view .checkout-content .tab>.summary>div.summary-container .payment-details .check-out-button button {
    color: #FFFFFF;
}

html.finish section.view>[ui-view]>.checkout-content>.tab>.finish-content>button.continue-shopping {
    font-size: 1.5625em;
    height: 2em;
    border-radius: 2em;
    color: #ffffff;
    font-weight: 700;
    padding: 0 2em;
}

.actions.landscape>button.add-to-cart>svg, .product-actions.landscape>button.add-to-cart>svg {
    height: 1.8em;
    width: 2.4em;
    fill: #ffffff;
}

/*Desktop Remove price per 100 gram*/
div.dialog.product>.dialog-body>.product-details .product-details .bottom>.weight-and-price>.sp-product-price>.normalize-price {
display: none;
}

div.sp-product-price>.normalize-price {
display: none;
}

html.checkout section.view .checkout-content .tab>.details section.delivery-details .dropdown-options-wrapper>.dropdown-options ng-include .dropdown-items-wrapper .dropdown-items>.dropdown-item.selected {
    color: #ffffff;
}

html div.sidenav>section.cart>.collapsible>section.cart>.product-in-cart>div.product-content>.quantity-wrapper>.sp-cart-line-count>div {
    background-color: var(--brand-color);
}

sp-product>.product-dialog-indication {
    fill: #ffffff;
}

.sp-cart-line-count>div>span {
    /* background-color: var(--brand-color); */
    color: #ffffff;
}

.sp-list-items-wrapper table>tbody>tr.line>td.quantity>.sp-cart-line-count>div {
    background-color: var(--brand-color);
}

/* Removing coupon message*/

.sp-list-items-wrapper table>tbody>tr.line.coupon>td.coupon-actions>div>div.error {
    display: none;
}

[special-description-split]>.special-description-title {
    display: none;
}

html div.sidenav>section.cart>.collapsible>section.cart>.product-in-cart>div.coupon-content>div.data>div.error {
    display: none;
}

checkout-bottom-banner>.checkout-bottom-banner-wrapper>.checkout-banner {
    background-color: var(--brand-color);
}

/* body>header>.menu>.menu-navigation-bar>.navigation-link:nth-child(1){
    display: none;
} */

/* body>header>.categories-wrapper>.categories>.category>.sub-categories>.sub-categories-wrapper>.sub-category-block>.sub-category-shadow>.sub-category>.sub-category-link.category-title-sales, body>header>.categories-wrapper>.categories>.category>.sub-categories>.sub-categories-wrapper>.sub-category-block>.sub-category-shadow>.sub-category>.sub-sub-category.category-title-sales {
    display: none;
} */

/* body>header>.toolbar>.data>.search-wrapper>.permanent-filters>button .main-title {
    color: #ffffff
}

body>header>.toolbar>.data>.search-wrapper>.permanent-filters>button .sub-title {
    color: #ffffff
}

body>header>.toolbar>.data>.search-wrapper>.permanent-filters>button>svg {
    fill: #ffffff
}

body>header>.toolbar>.data>.settings>.newsletter>svg {
    fill: #ffffff
} */

sp-kikar-dropdown:nth-child(2) .sp-dropdown-text .arrow {
    fill: #000000;
}

/* body>header>.toolbar>.data>.settings>.language sp-kikar-dropdown svg, body>header>.toolbar>.data>.settings>.retailer-data sp-kikar-dropdown svg, body>header>.toolbar>.data>.settings>.user-details sp-kikar-dropdown svg {
    fill: #ffffff;
} */

sp-kikar-dropdown .sp-dropdown-options-wrapper .sp-kikar-option:nth-child(4) .label>.option-content>:nth-child(2) {
    visibility: hidden;
}

sp-kikar-dropdown .sp-dropdown-options-wrapper .sp-kikar-option:nth-child(4) .label>.option-content>:nth-child(2):before {
    content: "Change Area";
    visibility: visible;
}

checkout-bottom-banner .checkout-bottom-banner-wrapper>.checkout-banner>.content>.total-summary>button.next-button {
    border: 2px solid #ffffff;
}

/* Chnages the color of the link image icon at the bottom to white */ 

body>footer>.retailer-links>table tr>td img {
    filter: invert(1);
}

/* span.payment-option-storecredit {
    visibility: hidden;
}

span.payment-option-storecredit:before {
    content: "Store Credit";
    visibility: visible;
    font-weight: bold;
} */

.payment-method-options>.payment-method:nth-child(2) {
    grid-template-rows:inherit;
}
.payment-method-options>.payment-method:nth-child(2) span {
    visibility: hidden
}

.payment-method-options>.payment-method:nth-child(2) span:before {
    content: "Store Credit";
    visibility: visible;
    display:inherit;
    font-weight: bold;
}

.sp-kikar-input input#shipping_carrier_input{
    pointer-events: none;
    visibility: hidden;
}

html.home section.main section.view .home-page-wrapper>.content>.component {
    gap: .7em;
    padding-top: .7em;
    padding-bottom: .7em;
    border-radius: 1px;
}