/* PDP SKU */
commerce_product_details-heading {
    line-height: 36.4px;
}

lwc-4rt99a8doqk dxp-text-heading-medium {
    font-weight: 500;
}

commerce_data_provider-product-data-provider commerce_builder-heading [slot="heading"] + div {
    font-weight: 400;
    font-size: 14px;
    color: var(--b2b-denmat-gray-80-color);
    border-bottom: 1px solid var(--b2b-denmat-gray-30-color);
    padding-bottom: 1rem;
    padding-top: 0.25rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.slds-rich-text-editor__output, .slds-rich-text-editor__textarea {
    line-height: 18.2px;
}

.price-label:first-child {
    font-weight: 500 !important;
    color: var(--b2b-denmat-black-color) !important;
}

.price-col-section {
    color: var(--b2b-denmat-gray-80-color) !important;
}

.price-container {
    line-height: 1;
}

.b2b-product-detail-page__product-heading dxp_base-text-block h1 {
    font-weight: 500;
    line-height: 1.3;
    color: var(--b2b-denmat-secondary-color);
}

/* PRODUCT OPTIONS */

.b2b-variation__option .lwc-1nj9q6h20rl-host {
    max-width: 100% !important;
}

.b2b-variation__option commerce-product-variant-selector .slds-form-element{
    margin-top: 20px;
    margin-bottom: 0 !important;
}

.b2b-variation__option p.lwc-4rt99a8doqk {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}

.b2b-product-detail-page__product-detail-section .component-wrapper-spacer {
    margin-bottom: 20px !important;
}

.b2b-product-detail-page__product-variants commerce-product-variant-selector {
    max-width: 100%;
}

.b2b-product-detail-page__product-variants commerce-product-variant-selector div[slot="heading"] {
    margin-bottom: 1rem;
}

.b2b-product-detail-page__product-variants commerce-product-variant-selector .slds-form-element + .slds-form-element {
    margin-top: 0.75rem;
}

/* Carrousel IMG */

.b2b-product-detail-page__image-gallery .image-container[aria-selected=true] {
    border-color: var(--b2b-denmat-hoover-color) !important;
}

.slds-cell-wrap:first-child {
    display: none;
}

.slds-table {
    border-collapse: unset !important;
}

.b2b-product-detail-page__image-gallery commerce_product_details-carousel experience-picture {
    all: initial;
    height: 100%;
}

/* TABS */

c-b2b-dynamic-product-tabs .slds-vertical-tabs {
    border: none;
}

c-b2b-dynamic-product-tabs .slds-vertical-tabs__nav {
    border: none;
}

c-b2b-dynamic-product-tabs .slds-vertical-tabs__content {
    border: 1px solid var(--slds-g-color-border-base-1,#e5e5e5);
    margin: 0 2rem;
}
c-b2b-dynamic-product-tabs .slds-vertical-tabs__nav-item.slds-is-active {
    --dxp-c-link-text-color: --dxp-s-link-text-color-hover;
}

c-b2b-dynamic-product-tabs .slds-vertical-tabs__link:hover {
    --dxp-s-link-text-color-hover: rgb(160, 206, 78);
}

.slds-tabs--default__nav, .slds-tabs_default__nav {
    border-bottom-color: var(--b2b-denmat-gray-30-color) !important;
}

.dxp-tab.lwc-6snjuk8md1j:focus-visible {
    outline: none !important;
}

.slds-table:not(.slds-no-row-hover) tbody tr:focus>td,
.slds-table:not(.slds-no-row-hover) tbody tr:focus>th,
.slds-table:not(.slds-no-row-hover) tbody tr:hover>td,
.slds-table:not(.slds-no-row-hover) tbody tr:hover>th {
    background-color: transparent !important;
}

commerce_builder-product-attachments ul {
    display: flex !important;
    flex-direction: column;
}

@media screen and (min-width: 1440px) {
    commerce_product_details-gallery-image.lwc-52lqf21hmut {
        width: 780px !important;
        height: 440px !important;
    }

}

@media screen and (min-width: 1024px) and (max-width: 1439.98px) {
    commerce_product_details-gallery-image.lwc-52lqf21hmut {
        width: 100% !important;
        height: 400px !important;
    }

}

@media screen and (min-width: 1024px) {

    .b2b-product-detail-page__product-detail-section community_layout-column-spacer,
    .b2b-product-detail-page__event-product-detail-section community_layout-column-spacer {
        padding: 1.85rem !important;
    }

}

@media screen and (min-width: 1024px) and (max-width: 1024.98px) {
    .lwc-48aostf02bd-host.col-large-size_7-of-12 {
        width: 457px !important;
    }

    .lwc-48aostf02bd-host.col-large-size_5-of-12 {
        width: 50% !important;
    }
}


@media screen and (min-width: 700px){
    img.lwc-6d0jmdgc6e8 {
        max-height: 100% !important;
        width: auto !important;
        /*aspect-ratio: 1;*/
        object-fit: contain !important;
    }

    experience-picture.lwc-168mi1v6t99 {
        /*max-width: 322px !important;*/
        max-height: 322px !important;
    }

    .image-container.lwc-168mi1v6t99 {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/* IMG */

@media screen and (min-width: 768px) and (max-width: 1023.98px) {
    commerce_product_details-gallery-image.lwc-52lqf21hmut {
        width: 100% !important;
        min-width: 720px;
        height: 406px !important;
    }
}

@media screen and (max-width: 767.98px) {
    commerce_product_details-gallery-image.lwc-52lqf21hmut {
        width: 100% !important;
        height: 406px !important;
        min-width: 600px;
    }
}

@media screen and (max-width: 699.98px) {
    commerce_product_details-gallery-image.lwc-52lqf21hmut {
        width: 100% !important;
        height: 253px !important;
        min-width: 300px !important;
        max-width: 700px !important;
    }

    commerce_product_details-horizontal-scroller div {
        width: 100%;
    }

    img.lwc-6d0jmdgc6e8 {
        max-height: 228px !important;
        width: auto !important;
    }

    experience-picture.lwc-168mi1v6t99 {
        /*max-width: 228px !important;*/
        max-height: 228px !important;
    }

    .image-container.lwc-168mi1v6t99 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

}

@media screen and (min-width: 401px) {
    div.lwc-5igvpfimtj {
        flex-direction: row !important;
    }
}

@media screen and (max-width: 400px) {
    div.lwc-5igvpfimtj {
        flex-direction: column;
        align-items: flex-start !important;
        align-content: flex-start !important;
        flex-wrap: wrap;
        margin-right:0 !important;
    }

    commerce-quantity-selectorcommerce-quantity-selector.lwc-5igvpfimtj {
        width: 100%;
    }

    commerce-action-button.lwc-5igvpfimtj {
        width: 100% !important;
    }

    .slds-button.slds-button_brand.lwc-76nnmqsstjk {
        width: 100% !important;
    }
}

/* PDP. QUANTITY SELECTOR */

commerce_data_provider-product-data-provider commerce_builder-purchase-options.component-wrapper-spacer {
    margin-bottom: 0;
}

commerce_data_provider-product-data-provider commerce_builder-purchase-options commerce-quantity-selector .number-input__input {
    /* width: 5.25rem; */
    font-weight: 700;
    font-size: 1.125rem;
}

commerce_data_provider-product-data-provider commerce_builder-purchase-options commerce-quantity-selector .number-input__increment-button,
commerce_data_provider-product-data-provider commerce_builder-purchase-options commerce-quantity-selector .number-input__decrement-button {
    border-color:  var(--b2b-denmat-gray-30-color) !important;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

commerce_data_provider-product-data-provider commerce_builder-purchase-options commerce-quantity-selector .number-input__increment-button:focus,
commerce_data_provider-product-data-provider commerce_builder-purchase-options commerce-quantity-selector .number-input__increment-button:hover,
commerce_data_provider-product-data-provider commerce_builder-purchase-options commerce-quantity-selector .number-input__decrement-button:focus,
commerce_data_provider-product-data-provider commerce_builder-purchase-options commerce-quantity-selector .number-input__decrement-button:hover {
    border-color: var(--b2b-denmat-hoover-color) !important;
    box-shadow: 0 0 3px var(--b2b-denmat-hoover-color) !important;
}

commerce_data_provider-product-data-provider commerce_builder-purchase-options commerce-quantity-selector .slds-button--neutral:active, .slds-button_neutral:active, lightning-button[variant=neutral]::part(button):active {
    background-color: transparent !important;
}

.price-col-section.lwc-1shm6jpa0ua,
.price-col.lwc-1shm6jpa0ua {
    display: flex;
    align-items: center;
}

.b2b-product-detail-page__product-add-to-cart commerce-quantity-selector .number-input__input {
    font-size: 1rem;
    font-weight: 400;
}

.b2b-product-detail-page__product-add-to-cart commerce-action-button .slds-button:active {
    background-color: var(--b2b-denmat-secondary-color) !important;
    border-color: var(--b2b-denmat-secondary-color) !important;
    color: white !important;
    box-shadow: none !important;
}

.b2b-product-detail-page__product-add-to-cart commerce-action-button .slds-button:disabled {
    color: white !important;
}

/* MODAL */

lightning-modal-base .slds-modal__container,
.modal-container.slds-modal__container {
    min-width: calc(320px - 2rem);
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 524px !important;
}

lightning-modal-base .slds-button.slds-button_outline-brand {
    height: 2.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    box-shadow: none !important;
    color: var(--b2b-denmat-primary-color) !important;
    border-color: var(--b2b-denmat-primary-color) !important;
    background-color: transparent !important;
}

lightning-modal-base .slds-button.slds-button_outline-brand:hover {
    color: var(--b2b-denmat-hoover-color) !important;
    border-color: var(--b2b-denmat-hoover-color) !important;
    background-color: transparent !important;
}

lightning-modal-base .slds-button.slds-button_outline-brand:active {
    border-color: var(--b2b-denmat-secondary-color) !important;
    color: var(--b2b-denmat-secondary-color) !important;
}

lightning-modal-base .slds-button.slds-button_brand {
    color: var(--b2b-denmat-white-color) !important;
    height: 2.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    box-shadow: none !important;
}

lightning-modal-base .slds-button.slds-button_brand:hover {
    color: var(--b2b-denmat-white-color) !important;
}

lightning-modal-base .slds-button.slds-button_brand:active {
    background-color: var(--b2b-denmat-secondary-color) !important;
    border-color: var(--b2b-denmat-secondary-color) !important;
    color: white !important;
}

lightning-modal-base .slds-modal__header:not(.empty),
lightning-modal-base .modal-header.slds-modal__header:not(.empty) {
    font-size: 28px;
    font-weight: 500;
    text-align: left;
    border: none !important;
    padding-bottom: 0 !important;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
}

lightning-modal-base .slds-modal__header p,
lightning-modal-base .slds-modal__content,
lightning-modal-base .modal-body.slds-modal__content {
    padding-bottom: 30px;
    padding-top: 20px;
    padding-left: 22px;
    padding-right:22px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}

lightning-modal-base .slds-modal__header h1,
lightning-modal-base .modal-header.slds-modal__header .title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 20px !important;
    line-height: 1.4 !important;
    font-weight: 300 !important;
    text-align: left;
}

@media screen and (max-width: 640px) {

    lightning-modal-base .slds-modal__content slot > div > .slds-col {
        width: 100%;
    }

}

/* QTY HELP */

commerce_data_provider-product-data-provider commerce_builder-purchase-options commerce-quantity-selector lightning-icon {
    transform: scale(0.8);
}

commerce-quantity-selector-popover .slds-button__icon--small, .slds-button__icon_small {
    width: 13px;
    height: 13px;
    color: var(--b2b-denmat-secondary-color) !important;
}

commerce-quantity-selector-popover .slds-button--neutral:disabled,
.slds-button--neutral[disabled],
.slds-button_neutral:disabled,
.slds-button_neutral[disabled] {
    border-color: var(--b2b-denmat-gray-30-color) !important;
    background-color: transparent !important;
}

commerce-quantity-selector-popover lightning-button-icon .lwc-3k9iv0hcp75 {
    display: flex;
}

commerce-quantity-selector-popover lightning-primitive-icon {
    height: 13px;
    width: 13px;
    display: flex;
    align-items: center;
}

commerce-quantity-selector-popover lightning-button-icon {
    width: 13px;
    height: 13px;
    display: flex;
    align-items: center;
}

commerce-quantity-selector-popover .slds-button.slds-button_icon {
    color: var(--b2b-denmat-secondary-color);
}

commerce-quantity-selector-popover .slds-button:active{
    border-color: transparent !important;
    box-shadow: unset;
}

/* .slds-button:focus, lightning-button::part(button):focus,
.slds-button:hover, lightning-button::part(button):hover {
    border-color: transparent !important;
    box-shadow: 0 0 3px transparent !important;
} */


/*  ARROWS */

commerce_product_details-carousel .slds-button:disabled, .slds-button[disabled] {
    color: var(--b2b-denmat-gray-30-color);
}

.slds-button.slds-button_icon {
    color: var(--b2b-denmat-secondary-color);
}

.slds-button.slds-button_icon:hover {
    color: var(--b2b-denmat-hoover-color);
}

/* Guest Button LogIn */

.b2bGuestButtonLogIn a {
    height: 2.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    box-shadow: none !important;
}

.b2bGuestButtonLogIn a:active {
    background-color: var(--b2b-denmat-secondary-color);
    border-color: var(--b2b-denmat-secondary-color) !important;
}

@media (min-width: 64em){
    .columns-content.lwc-6j9an5vbrcd{
        flex-direction: row !important;
    }
}

/* EVENT DETAILS */

.dxp-tab-bar-hover-tab-horizontal[data-active="false"]:hover.lwc-6snjuk8md1j {
    border-bottom-color: var(--b2b-denmat-hoover-color) !important;
}

.event-modal__body .slds-combobox__input:focus,
.event-modal__body .slds-combobox__input:hover {
    border-color: var(--b2b-denmat-hoover-color) !important;
    box-shadow: 0 0 3px var(--b2b-denmat-hoover-color) !important;
}

.event-modal__body .slds-listbox_vertical .slds-listbox__option.slds-has-focus,
.event-modal__body .slds-listbox_vertical .slds-listbox__option:focus,
.event-modal__body .slds-listbox_vertical .slds-listbox__option:hover {
    background-color: var(--b2b-denmat-hoover-color) !important;
    color: var(--b2b-denmat-white-color) !important;
}

.event-modal__body button:disabled[lwc-4kb6kaqheak], [type='button']:disabled[lwc-4kb6kaqheak] {
    border-color: transparent !important;
    box-shadow: 0 0 3px transparent !important;
}

.event-modal__body .slds-input.slds-is-disabled, .slds-input[disabled] {
    border-radius: 4px;
    border: 1px solid var(--b2b-denmat-gray-50-color);
    background: var(--b2b-denmat-gray-30-color);
}

.event-modal__body .slds-input_faux:not(.slds-combobox__input-value) {
    color: var(--b2b-denmat-gray-50-color) !important;
}

/* TABS */

.b2b-product-detail-page__tabs .dxp-tab-bar-container li.dxp-tab-bar-tab-horizontal,
.b2b-product-detail-page__tabs .dxp-tab-bar-container li.dxp-tab-overflow-menu {
    font-size: 1.125rem;
}

.b2b-product-detail-page__tabs .dxp-tab-bar-container li.dxp-tab-bar-tab-horizontal p.dxp-tab-text-style {
    font-weight: 500;
}

.b2b-product-detail-page__tabs .dxp-tab-bar-container li.dxp-tab-bar-tab-horizontal[data-active="true"] {
    padding-bottom: 0.625rem;
}

.b2b-product-detail-page__tabs .dxp-tab-bar-container li.dxp-tab-bar-tab-horizontal[data-active="true"] p.dxp-active-tab-text-style {
    font-weight: 700;
}

.b2b-product-detail-page__tabs .dxp-tab-bar-container li.dxp-tab-overflow-menu button.dxp-more-tab {
    padding-bottom: 0.4375rem;
    color: black;
}

.b2b-product-detail-page__tabs .dxp-tab-bar-container li.dxp-tab-bar-hover-tab-horizontal[data-active="false"]:hover {
    border: none;
}

@media screen and (max-width: 480px) {

    .b2b-product-detail-page__tabs .dxp-tab-bar-container li.dxp-tab-bar-tab-horizontal,
    .b2b-product-detail-page__tabs .dxp-tab-bar-container li.dxp-tab-overflow-menu {
        font-size: 0.875rem;
    }

}