/* CIMP-12619 - CSS revision for tabbed omnichannel widget */
/* ONLINE Tab */
div[data-sc-id].sc-omnichannel {
    background-color: #00422F !important;
    border-radius: 50px;
    padding: 0 !important;
}

div[data-sc-id].sc-omnichannel.tabbed .omnichannel-tabs .omnichannel-tab {
    color: white !important;
    font-weight: bold;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
    height: unset !important;
    border: unset !important;
    background-color: #00422F !important;
}

div[data-sc-id].sc-omnichannel.tabbed .omnichannel-tabs .omnichannel-tab.active {
    background-color: #008357 !important;
    border-bottom: 1px solid #fff !important;
}

div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container {
    padding: 15px 25px;
    border: none;
    background-color: #008357;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

div[data-sc-id].sc-omnichannel .tab-omnichannel-container .in-store-tab {
    border-radius: 0 0 0 25px;
}

div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer,
div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact {
    background-color: white;
    padding: 0px 16px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    flex-direction: row;
}

div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer .retailer-info {
    width: 50%;
}

div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer .retailer-info img,
div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact .retailer-logo img {
    margin-right: 10px;
    min-width: 35px !important;
    min-height: unset !important;
    height: 100%;
}

div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer .retailer-info span,
div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact .offer-info .retailer-name {
    font-weight: bold;
    width: 70%;
    margin-left: unset;
    font-size: 14px;
}

div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact .offer-info .offer-name,
div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer .offer-info .size {
    padding-left: 26px;
    border-left: 2px solid #008357;
    color: #008357;
    font-weight: bold;
    display: none;
}

div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact .offer-info {
    margin-left: unset;
}

div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact .offer-info,
div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer .offer-info {
    align-items: center;
    flex-direction: unset !important;
    justify-content: space-between;
    width: 60%;
    margin-top: unset;
}

div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact .retailer-action,
div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer .offer-info .retailer-action {
    background-color: white !important;
    color: #00422F !important;
    border-radius: 15px;
    padding: 6px 8px;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid #00422F;
    font-weight: bold;
    margin-left: auto;
}

div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact .retailer-action:hover {
    background-color: #00422F !important;
    color: white !important;
    border: 1px solid white !important;
}

div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-view-zip-change div i,
div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-view-zip-change div span {
    color: white;
}

/* CIMP-13650 - it's related to change show more and arrow color  */
div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .show-more * {
    color: white !important;
}
/* END CIMP-13650 */

div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .zip-change-box .zip-buttons .change-button {
    background-color: #00422F !important;
}

div[data-sc-id] .zip-change-box {
    padding: 0;
    border-radius: 10px;
}

/* CIMP-14392 - change OOS message text to white */
div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .online-oos span,
div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .sc-omnichannel-store-list__sidebar-info-direction {
  color: white;
}
/* END CIMP-14392 */

/* Mobile responsive omnichannel widget media query */
@media (max-width: 480px) {
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer,
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact {
        padding: 10px 12px;
    }
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer .retailer-info img,
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact .retailer-logo img {
        width: 36px !important;
    }
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact .offer-info,
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer .offer-info {
        width: 55%;
    }
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer .retailer-info span,
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact .offer-info .retailer-name {
        width: 100%;
    }
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact .offer-info .offer-name,
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer .offer-info .size {
        padding-left: 7px;
        width: 60%;
    }
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact .retailer-action {
        margin-top: auto;
    }
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact .retailer-action,
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer .offer-info .retailer-action {
        padding: 8px 10px;
        border-radius: 20px;
    }
}
@media (max-width: 380px) {
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer,
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact {
        padding: 10px 5px;
    }
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact .offer-info,
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer .offer-info {
        width: 50%;
    }
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer .retailer-info span,
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact .offer-info .retailer-name {
        width: 65%;
    }
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact .offer-info .offer-name,
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer .offer-info .size {
        padding-left: 5px;
        width: 35%;
    }
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact .retailer-action,
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer .offer-info .retailer-action {
        padding: 4px 6px;
    }
}
@media (max-width: 325px) {
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer,
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact {
        padding: 10px 2px;
    }
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact .offer-info,
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer .offer-info {
        width: 45%;
    }
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer .retailer-info span,
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact .offer-info .retailer-name {
        width: 60%;
    }
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact .offer-info .offer-name,
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer .offer-info .size {
        padding-left: 3px;
        width: 25%;
    }
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer-compact .retailer-action,
    div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .tab-content .online-tab .retailer-list-wrapper .retailer-offer .offer-info .retailer-action {
        padding: 4px 6px;
    }
}


/* IN-STORE Tab */
.sc-omnichannel-header-injected__container .sc-omnichannel-header-injected__form-zip-input-wrapper {
    background-color: white;
}

.sc-omnichannel-header-injected__container .sc-omnichannel-header-injected__form-zip-input-wrapper svg {
    color: #008357 !important;
    font-size: 14px;
    width: 22px !important;
    padding-right: 5px;
}

.sc-omnichannel-header-injected__container .sc-omnichannel-header-injected__form-zip-input-wrapper input {
    font-size: 14px;
}

.sc-omnichannel-header-injected__container .sc-omnichannel-header-injected__form-radius-wrapper {
    padding: 0;
}

.sc-omnichannel-store-list__container .undefined .sc-omnichannel-store-list__sidebar-item {
    border-bottom: 2px solid #008357;
    background-color: white;
}

.sc-omnichannel__injected_content .sc-omnichannel__injected-store-list-container .sc-omnichannel-store-list__container,
div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container {
    scrollbar-color: #008357 #fff;
}

/* CIMP-14714 - change text color within the IN-STORE tab */
div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .sc-omnichannel-store-list__sidebar-item .sc-omnichannel-store-list__sidebar-title,
div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .sc-omnichannel-store-list__sidebar-item .sc-omnichannel-store-list__sidebar-address,
div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .sc-omnichannel-store-list__sidebar-item .sc-omnichannel-store-list__sidebar-distance,
div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .sc-omnichannel-store-list__sidebar-item .sc-omnichannel-store-list__sidebar-stock p {
  color: white;
}
div[data-sc-id].sc-omnichannel.tabbed .tab-omnichannel-container .sc-omnichannel-store-list__sidebar-item .sc-omnichannel-store-list__sidebar-logo {
  border: 0;
}
/* END CIMP-14714 */

/* CIMP-12870 - Hiding and replacing the text within button */
.sc-omnichannel-header-injected__container .sc-omnichannel-header-injected__form-wrapper button {
    font-weight: bold;
    font-size: 15px;
    background-color: #00422F;
    color: white;
    color: transparent;
    position: relative;
}

.sc-omnichannel-header-injected__container .sc-omnichannel-header-injected__form-wrapper button:before {
    content: "Change Zip Code";
    color: white;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}
/* END CIMP-12870 */

.sc-omnichannel-store-list__container .sc-omnichannel-store-list__sidebar-no-store-error p {
    color: white;
}