/* Product image */
/* .commerce_builder-product-gallery {  
    width: 50%;    
}  */

/***************************carousel********************/
.image-container.commerce_product_details-carousel_carousel {
    height: var(--com-c-carousel-image-container-height, 5.1875rem) !important;
    width: var(--com-c-carousel-image-container-width, 5.1875rem) !important;
}
.images.carousel-before.commerce_product_details-gallery_gallery .desktop-featured-image-carousel.commerce_product_details-gallery_gallery { 
    height: 26.375rem !important;
} 
.commerce_product_details-gallery_gallery {
    border: none;
}
figure.commerce_product_details-galleryImage_galleryImage, button.commerce_product_details-galleryImage_galleryImage {
    height: 95% !important;
    width: 95% !important;
}
button.slds-button[disabled].slds-button_icon.slds-button_icon-small.slds-button_icon-container {
    display: none;
}
span.commerce_product_details-dotIndicators_dotIndicators.slds-carousel__indicator-action {
    border: 1px solid var(--darkgray);
}
/*carousel borders*/

.image-container.commerce_product_details-carousel_carousel.commerce_product_details-carousel_carousel.image-container[aria-selected=true].commerce_product_details-carousel_carousel {
    border-color: var(--com-carousel-image-border-color, --blue)!important;
}
.image-container[aria-selected=false].commerce_product_details-carousel_carousel {
    border: none;
}
.background-image-overlay.community_layout-section_section {
    background-color: var(--white) !important;
}
.background-image-overlay {
    background-color: var(--white) !important;
}

/* product card & product suggested */
.uom-selector-mc .slds-combobox_container .slds-combobox__input {
    font-size: .875rem;
    line-height: 2.05rem;
}
.qty-input .slds-input, .qty-input .slds-input:hover, .qty-input .slds-input:focus, .qty-input .slds-input:hover:focus,
.sug-qty-input .slds-input, .sug-qty-inputt .slds-input:hover, .sug-qty-input .slds-input:focus, .sug-qty-input .slds-input:hover:focus {
    border-radius: 0;
    line-height: 2.05rem;
    color: var(--textgray);
    background-color: var(--white);
    text-align: center;    
    box-shadow: 0 0 0 0 var(--medgray);
    border: solid .0625rem var(--medgray);
    height: 2.25rem;
}
.qty-decrement .slds-button_neutral, .qty-decrement .slds-button_neutral:hover, .qty-decrement .slds-button--neutral:focus,.qty-decrement .slds-button_neutral:focus,  
.qty-increment .slds-button_neutral, .qty-increment .slds-button_neutral:hover, .qty-increment .slds-button--neutral:focus,.qty-increment .slds-button_neutral:focus  {
    line-height: 2.05rem;
    border: solid .0625rem var(--medgray);
}

.quantity-button > .slds-button {
    height: 2.25rem !important;
}
.acc-picker-button-style button{ 
    width:100%; 
    display:block; 
    text-align: center;
}
.acc-picker-button-style {

    display: flex;
    flex-direction: column;
    width:100%;
    padding:0.2rem;

}
span.error-msg {
    display:block !important; 
    font-size:1em !important;
}
span.error-msg span { 
    display:block; 
    width:100%; 
    font-size: 1em;
}
span.error-msg-bold-display span { 
    font-weight:normal; 
    display:inline; 
    padding-left: 0.4em
}
.quantity-input-container .slds-input {
    height: 2.25rem !important;
    padding: 0px;
}

.add-to-cart .slds-button_brand, .add-to-cart .slds-button_brand:hover, .add-to-cart .slds-button--brand:focus, .add-to-cart .slds-button_brand:focus  {
    line-height: 2.05rem;
    width: 50%;
}
.cont-rep-button .slds-button_outline-brand, .cont-rep-button .slds-button_outline-brand:hover, .cont-rep-button .slds-button_outline-brand:focus {
    width: 100%;
    line-height: 1.6rem;
    white-space: nowrap;
    padding: .2rem;
}
.qty-decrement button.slds-button.slds-button_neutral, .qty-increment button.slds-button.slds-button_neutral {
    font-size: 1.6rem;
    border-radius: 0;
    padding: 0 .375rem;
}
.qty-decrement button.slds-button.slds-button_neutral {
    border-right: none !important;
}
.qty-increment button.slds-button.slds-button_neutral {
    border-left: none !important;
}
.qty-input .slds-input, .qty-input .slds-input:hover, .qty-input .slds-input:focus, .qty-input .slds-input:hover:focus,
.sug-qty-input .slds-input, .sug-qty-inputt .slds-input:hover, .sug-qty-input .slds-input:focus, .sug-qty-input .slds-input:hover:focus {
    border-top: .0625rem solid var(--medgray);
    border-bottom: .0625rem solid var(--medgray);
    border-color: var(--medgray);
    border-left: .0625rem solid var(--medlightgray);
    border-right: .0625rem solid var(--medlightgray);
}
.qty-input .slds-input, .qty-input .slds-input:hover, .qty-input .slds-input:focus, .qty-input .slds-input:hover:focus,
.sug-qty-input .slds-input, .sug-qty-inputt .slds-input:hover, .sug-qty-input .slds-input:focus, .sug-qty-input .slds-input:hover:focus {
    font-size: .875rem;
}
.uom-selector .slds-dropdown--fluid, .slds-dropdown_fluid {
    min-width: 7rem;
}
.ecx-crumbs .slds-breadcrumb__item a[aria-current="page"] {
    color: var(--textgray);
    font-family: 'Roboto-Regular', 'Roboto', 'Material Icons', sans-serif;
}
.sug-add-to-cart .slds-button_outline-brand, 
.sug-add-to-cart .slds-button_outline-brand:hover, 
.sug-add-to-cart .slds-button_outline-brand:focus {
    font-size: .875rem;
    min-height: 2.175rem;
    line-height: 1.5rem;
    white-space: pre-wrap;
    width: 100%;
    padding: .5rem;
    text-align: center;
}
/* Changes to carousel */
.ecx-main commerce_product_details-gallery commerce_product_details-gallery-image{
    border: none;
}
@media only screen and (min-width: 767px) {
    .ecx-main commerce_product_details-gallery commerce_product_details-gallery-image{
    width: -webkit-fill-available !important;
    }
}
@media only screen and (min-width: 767px) and (max-width: 1024px) and (orientation: portrait) {
    .ecx-main .image-lightbox{
    height: 45vh;
    }
}
.ecx-main commerce_product_details-gallery commerce_product_details-gallery-image figure{
    border: none;
    max-width: 20.25rem;
    max-height: 20.25rem;
}
.ecx-main commerce_product_details-gallery commerce_product_details-gallery-image figure experience-picture picture{
    display: flex;
    justify-content: center;
    align-items: center;
}
.ecx-main commerce_builder-product-gallery commerce_product_details-carousel experience-picture picture {
    border: none;
    padding: 0;
}
/* Corousel */
.ecx-main commerce_product_details-carousel ul li button{
    border: 0.1rem solid transparent !important;
    padding: 0;
}
.ecx-main commerce_product_details-carousel ul li button[aria-selected=true] experience-picture{
    border: 0.1rem solid var(--blue) !important;
}
.ecx-main commerce_product_details-carousel {
    padding-block: 1.3rem !important;
    padding-left: 0 !important;
}
.ecx-main commerce_product_details-carousel lightning-button-icon button lightning-primitive-icon svg{
    width: 1.4rem;
    height: 1.4rem;
}
.ecx-main commerce_product_details-carousel experience-picture{
    border: none;
    padding: 0.1rem;
}
.ecx-main lightning-dialog commerce_product_details-carousel experience-picture picture{
    border: 0;
}
.ecx-main slds-modal__content .image-lightbox{
    width: 100%;
    height: auto;
}
/* product tab */
.slds-tabs_default__item:hover {
    background-color: var(--white);
    text-decoration: none;
} 
.slds-tabs_default__item {
    font-size: .875rem;
    padding: 0rem;
}
.slds-tabs_default__nav {    
    background: #EEF6FB;
}

.slds-tabs_default .slds-tabs_default__item .slds-tabs_default__link,
.slds-tabs_default .slds-tabs_default__item .slds-tabs_default__link:hover {
    text-decoration: none;
    font-family: 'Roboto-Regular';
    padding: .2rem 1.25rem .75rem 1.25rem;
    color: var(--textgray) !important;   
}
.slds-tabs_default__item.slds-is-active .slds-tabs_default__link,
.slds-tabs_default .slds-tabs_default__item.slds-is-active .slds-tabs_default__link {
    font-family: 'Roboto-Bold';
    padding: .2rem 1.25rem .75rem 1.25rem;
}

/* for Product documents tab spacing and icon*/
.slds-button__icon--right, .slds-button__icon_right {
    margin-left: .4rem;
    position: absolute;
    top: 25% !important;
}
.slds-button{
    text-align:initial;
}
.slds-tabs_default__content {
    padding: 0rem !important;
}

.slds-input__icon-group_right .slds-input__icon_right {
    right: .2rem;
}
/* CSS for add to quicklist */
.add-to-quick-radio.slds-form-element {
    margin-top: 0;
    margin-bottom: 0.875rem;
}
lightning-button.add-to-quick .slds-button[disabled] {
    background-color: var(--dxp-g-neutral-1);
    border-color: var(--dxp-g-neutral-1);
    color: #fff;
}
/*add to quicklist scrollbar*/
.add-to-quick-radio.slds-form-element::-webkit-scrollbar {
  width: .25rem;
  height: .25rem;  
}

.add-to-quick-radio.slds-form-element::-webkit-scrollbar-track {
  background-color: var(--slategray);
  border-radius: .625rem;
  margin-block: .5rem; 
}

.add-to-quick-radio.slds-form-element::-webkit-scrollbar-thumb {
 background-color: var(--blue);
 border-radius: .625rem;
}
/*scrollbar firefox*/
@supports (scrollbar-color: var(--blue) var(--slategray)) {
    .slds-listbox {
        scrollbar-width: auto;
        scrollbar-color: var(--blue) var(--slategray);
    }
}
/* Cancel icon color change */
.icon-cancel .slds-icon-text-default {
    --slds-c-icon-color-foreground: var(--white);
}

/* CSS Styling for narrow screens (e.g. phones) */
@media only screen and (max-width: 767PX) {
    /* product images */
    .commerce_product_details-gallery_gallery.slds-hide_small.commerce_product_details-horizontalScroller_horizontalScroller-host {
        align-self: auto;
    }
    .acc-picker-button-style button{ 
        width:100%; 
        display:block; 
        text-align: center; 
        padding:0.6em
    }

    figure.commerce_product_details-galleryImage_galleryImage, button.commerce_product_details-galleryImage_galleryImage {
        height: 100% !important;
        width: 100% !important;
        margin-left: 0% !important;
    }

    /* product card & product suggested */
    .qty-input .slds-input, .qty-input .slds-input:hover, .qty-input .slds-input:focus, .qty-input .slds-input:hover:focus,
    .sug-qty-input .slds-input, .sug-qty-inputt .slds-input:hover, .sug-qty-input .slds-input:focus, .sug-qty-input .slds-input:hover:focus {
        font-size: .875rem;
    }
    .uom-selector-mc .slds-combobox_container .slds-combobox__input {
        font-size: .75rem;
        position: relative;
        left: -.25rem;
        padding: 0 .75rem;
        line-height: 2.05rem;
    }
    .uom-selector-mc  .slds-input__icon-group_right {
        right: .125rem;
        top: 43%;
    }
    .add-to-cart .slds-button_brand, 
    .add-to-cart .slds-button_brand:hover,
    .add-to-cart .slds-button--brand:focus,
    .add-to-cart .slds-button_brand:focus {
        font-size: .875rem;
        line-height: 1.7rem;
        white-space: break-spaces;
        padding: 0.2rem 1.5rem;
        width: 100%;
    }
    /* Changes for Product */
    .ecx-main commerce_product_details-gallery [title~="Previous"] {
        position: relative;
        left: 6rem;
        top: 7.8rem;
    }
    .ecx-main commerce_product_details-gallery [title~="Next"] {
        position: relative;
        right: 6rem;
        top: 7.8rem
    }
    .ecx-main commerce_product_details-gallery [title~="Previous"] svg{
        fill: var(--blue) !important;
    }
    .ecx-main commerce_product_details-gallery [title~="Next"] svg {
        fill: var(--blue) !important;
    }
    .ecx-main commerce_product_details-gallery commerce_product_details-dot-indicators{
        padding: 1rem 0;
    }
    /* Product tab section*/
    .slds-box.slds-theme_default.slds-grid {
        background-color: var(--white);
        color: var(--textgray);
        font-style: normal;
        font-weight: 700;
        line-height: 1.125rem;
    }
    
    .slds-button.slds-button_icon {
        color: var(--dxp-g-neutral-3);
        width: .0625rem;
        top: 6.75rem;
        height: 0;
    }
    .slds-button.slds-button_icon:active {
        border: none;
        outline: none;
    }
    
    .facet-icon > .slds-button.slds-button_icon {
        height: fit-content;
    }

    .custom-toast_notify__close .slds-button.slds-button_icon {
        position: unset;
        height: unset;
        width: unset;
    }
    
    .custom-toast_notify__close .slds-button__icon {
        position: unset;
    }

   .custom-clear .slds-button.slds-button_icon { 
        height: auto;
    }

}

@media only screen and (min-width: 480px) and (max-width: 766px) {
    /* product card and product suggested */
    .add-to-cart .slds-button_brand, 
    .add-to-cart .slds-button_brand:hover,
    .add-to-cart .slds-button--brand:focus,
    .add-to-cart .slds-button_brand:focus {
        line-height: 1.8rem;
        white-space: nowrap;
        padding: .2rem;
    }

    /* Product tab section*/
    .slds-button__icon {
        position: absolute;
        top:0.0625rem;
      }
}

/* CSS Styling for mid screens (e.g. ipdd) */
@media only screen and (min-width: 1024PX) and (max-width: 1279px) {
    .add-to-cart .slds-button_brand, 
    .add-to-cart .slds-button_brand:hover,
    .add-to-cart .slds-button--brand:focus,
    .add-to-cart .slds-button_brand:focus {
        font-size: .875rem; 
        line-height: 2.05rem;
        width: 85%;
    }
}
@media only screen and (min-width: 768PX) and (max-width: 1279px) {
    /* product images */
    .commerce_product_details-gallery_gallery {
        height: 25rem;
        border-color: var(--com-carousel-image-border-color, var(--dxp-s-form-element-color-border));
    }
    .commerce_product_details-gallery_gallery.images.carousel-before {
        width: 18.75rem;    
    }

    /* product card and product suggested */
    .add-to-cart .slds-button_brand, 
    .add-to-cart .slds-button_brand:hover,
    .add-to-cart .slds-button--brand:focus,
    .add-to-cart .slds-button_brand:focus {
        font-size: .875rem; 
    }
}

@media only screen and (max-width: 1023px) {

    /* Product tab section*/
    .slds-button {
        text-align: initial;
        letter-spacing: initial;
        line-break: auto;
        line-height: normal;
    }
    /* Add to Quicklist */
    lightning-button.add-to-quick .slds-button{
        line-height: 2rem;
    }
    .slds-button__icon--right, .slds-button__icon_right {
        margin-left: .4rem;
        position: absolute;
        top: 13% !important;
    }
    .uom-selector-mc  .slds-input__icon-group_right {
        right: .125rem;
        top: 43%;
    }
    .uom-selector-mc .slds-combobox_container .slds-combobox__input {
        font-size: .75rem;
        position: relative;
        left: -.25rem;
        padding: 0 .75rem;
        line-height: 2.05rem;
    }
    .uom-selector-mc .slds-input-has-icon {
        position: relative;
        width: 3.2rem;
    }
}
@media only screen and (min-width: 1024px) {
     /* product images */
    .column-content.community_layout-column_column {
        flex-direction: row;    
        flex-wrap: wrap;
        align-content: flex-start;    
    }

    /* Product tab section*/
    .slds-button {
        white-space: nowrap;
    }
}
@media screen  and (min-width: 1366px) {
    /* product images */
    .images.carousel-before.commerce_product_details-gallery_gallery {
       width: 28.125rem;
    }
}
.quick-list-btn svg {
    height: 1rem;
    width: 1rem;
    margin-bottom: .2rem;
    position: relative;
}
/* custom image gallery */
.ecx-product-image-gallery .direction-btn svg {
    margin: 0;
    width: 1.3125rem;
    height: 1.3125rem;
    position: relative;
}
.direction-btn .slds-button:disabled {
    color: #c9c9c9;
}