/* Sparepart Corporate Colors */
:root{
    /* Primärfarben */
    /* ALT --> NEU 
    #ffffff, rgb(255, 255, 255) --> #ffffff, rgb(255, 255, 255)
    #f2f0ec, rgb(242, 240, 236) --> #f6f6f6, rgb(246, 246, 246)
    #d3c096, rgb(211, 192, 150) --> #863f21, rgb(134, 63, 33) 
    #1a1a1a, rgb(26, 26, 26)    --> #122711, rgb(18, 39, 17), var(--dxp-g-root 
    */
    /* Sekundärfarben */
    /* ALT --> NEU 
    #e1ddd4, rgb(255, 221, 212) --> #FFFFFF, rgb(255, 255, 255), --jk-sekundary-color-1
    #76716b, rgb(242, 240, 236) --> #e1dcd9, rgb(225, 220, 217), --jk-sekundary-color-2
    #d9d7d5, rgb(217, 215, 213) --> #445242, rgb(68, 82, 66), --dxp-g-neutral-2, --dxp-s-button-color-hover, --jk-sekundary-color-3
    */
    /* Signalfarben / Signal colors */
    /* ALT --> NEU  
    #00800, rgb(0, 128, 0) --> #4C9A71, rgb(76, 154, 113)
    #ff0000, rgb(255, 0, 0) --> #b94a48, rgb(185, 74, 72)
    */
   
    --jk-primary-color-1: rgb(255, 255, 255); /* var(--jk-primary-color-1) */
    --jk-primary-color-2: rgb(246, 246, 246); /* var(--jk-primary-color-2) */
    --jk-primary-color-3: rgb(134, 63, 33);   /* var(--jk-primary-color-3) */
    --jk-primary-color-4: rgb(18, 39, 17);    /* var(--jk-primary-color-4) */

    --jk-sekundary-color-1: rgb(255, 255, 255); /* var(--jk-sekundary-color-1) */
    --jk-sekundary-color-2: rgb(225, 220, 217); /* var(--jk-sekundary-color-2) */
    --jk-sekundary-color-3: rgb(68, 82, 66);    /* var(--jk-sekundary-color-3) */

    --jk-signal-color-1: rgb(76, 154, 113);
    --jk-signal-color-2: rgb(185, 74, 72);
    --dxp-g-destructive: var(--jk-signal-color-2);
    --dxp-g-success: var(--jk-signal-color-1);

    --sds-g-button-brand-color-background: var(--dxp-g-root), var(--jk-primary-color-4);
    --slds-g-button-brand-color-background-hover: var(--dxp-s-button-color-hover), var(--jk-sekundary-color-3);
    --sds-g-button-brand-color-border: var(--dxp-g-root), var(--jk-primary-color-4);
    --sds-g-button-brand-color-border-hover: var(--dxp-s-button-color-hover), var(--jk-sekundary-color-3);
    --dxp-s-button-color-focus: var(--jk-sekundary-color-3);
    --dxp-g-neutral-1: var(--jk-sekundary-color-3); /* bg of disabled brand button */
    
    /* --dxp-g-navigation-list-hover-background-color-contrast: var(--jk-sekundary-color-1); */
    --dxp-c-navigation-list-hover-background-color-contrast: var(--jk-sekundary-color-2)!important;

    --com-g-wishlist-card-border-color: var(--dxp-g-neutral-1, --jk-sekundary-color-3);
    --dxp-g-neutral-2: var(--jk-sekundary-color-3);

    /* Wishlist border, Address list border */
    --com-g-wishlist-card-border-color: var(--dxp-g-neutral-1, --jk-sekundary-color-3);
    
}







/* Signal colors: Product Detail Page */

.jk-label-not-available {
  color: var(--jk-signal-color-2)!important;
}
.jk-label-available {
  color: var(--jk-signal-color-1)!important;
}
.discount-badge {
    background-color:var(--jk-signal-color-1)!important;
}
.info-badge {
    background-color: var(--jk-signal-color-1)!important;
}
.tooltip-box {
    border: 2px solid var(--jk-signal-color-1)!important;
}
.tooltip-box::before {
    border-right: 10px solid var(--jk-signal-color-1)!important;
}

/* Metanavigation 
    ------------------------------- */
commerce_my_account-user-profile-menu .menu-button[aria-expanded="true"]{
    background-color: var(--jk-primary-color-2);}

/* Search Bar
------------------------------- */
.jk-search button.input-search-button:hover>svg {
    fill: var(--jk-primary-color-4), !important;
}



/* Sidebar Navigation Profile-Pages 
    ------------------------------- */
    commerce_my_account-navigation-menu-item-list lightning-vertical-navigation-item.slds-is-active {
        background-color: var(--jk-primary-color-2) !important;
    }

    lightning-vertical-navigation-section .slds-nav-vertical__item {
        margin: 2px 0;
    }
    .slds-nav-vertical__item.slds-is-active:before, .slds-nav-vertical__item:hover:before {
        background: var(--jk-primary-color-2);
    }

    .slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action:focus {
        -webkit-box-shadow: inset 4px 0 0 var(--dxp-g-brand-40);
        box-shadow: inset 4px 0 0 var(--dxp-g-brand-40);
        outline: 2px solid var(--dxp-g-brand-40);
        outline-offset: 1px;
    }

    .slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action {
        -webkit-box-shadow: inset 4px 0 0 var(--jk-primary-color-2);
        box-shadow: inset 4px 0 0 var(--jk-primary-color-2);
    }

    .slds-nav-vertical__action:focus:hover {
        -webkit-box-shadow: inset 2px 0 0 var(--jk-primary-color-2);
        box-shadow: inset 2px 0 0 var(--jk-primary-color-2);
        outline: 2px solid var(--jk-primary-color-2);
        outline-offset: 1px;
    }

    .slds-nav-vertical__action:hover {
        text-decoration: none;
        -webkit-box-shadow: inset 2px 0 0 var(--jk-primary-color-2)!important;
        box-shadow: inset 2px 0 0 var(--jk-primary-color-2)!important;
    }

/* Product Categories
    ------------------------------- */
    commerce-search-results .dxp-text-heading-large, 
    commerce-search-results .slds-text-heading--large, 
    commerce-search-results .slds-text-heading_large,
    commerce-search-results .dxp-text-heading-medium, 
    commerce-search-results .slds-text-heading--medium, 
    commerce-search-results .slds-text-heading_medium {
        color: var(--jk-primary-color-4)!important;
    }

/* Adresses Management Cards
    ------------------------------- */
    commerce_my_account-my-account-address-card .slds-badge {
        background-color: var(--jk-sekundary-color-2)!important;
        border-color:var(--jk-sekundary-color-2)!important;
    }
    


/* Checkout Page
    ------------------------------- */
    commerce_cart-summary .content {
        background: var(--jk-primary-color-2);
    }

    /* .slds-icon_container {
        background-color: var(--jk-primary-color-2);
      } */
    .slds-visual-picker input:not(:disabled)~label:hover .slds-visual-picker__figure {
        border: 2px solid var(--jk-primary-color-3) !important;
    }


/* Payment */
c-adyen-checkout .adyen-checkout__payment-method--selected {
    background:var(--jk-primary-color-2)!important;
}

/* Order Summary Detail
------------------------------- */
commerce_my_account-order-totals .totals-card,
commerce_unified_promotions-summary .summary-section {
    background-color: var(--jk-primary-color-2)!important; 
}
commerce_my_account-order-totals .totals-card,
commerce_unified_promotions-summary .summary-section {
    background-color: var(--jk-primary-color-2)!important; 
}



 /* Sparepart Shop */
 commerce-order-summary commerce-action-button .jk-sprt-reorderbutton button.slds-button_outline-brand {
    background-color: var(--dxp-g-root-contrast)!important;
    border-color: var(--dxp-g-root-contrast)!important;
}
commerce-order-summary commerce-action-button .jk-sprt-reorderbutton button.slds-button.slds-button_outline-brand:focus:enabled, 
commerce-order-summary commerce-action-button .jk-sprt-reorderbutton button.slds-button.slds-button_outline-brand:hover:enabled {
    background-color: var(--dxp-s-button-color-hover)!important;
    border-color:  var(--dxp-s-button-color-hover)!important;
}

footer .jk-languageSwitcher .slds-input, 
footer .jk-languageSwitcher .slds-combobox__input, 
footer .jk-languageSwitcher .slds-input_faux {
    background-color: var(--dxp-g-root-1);
    background: var(--dxp-g-root-1);
}