.header>.component-wrapper-spacer {
    margin-bottom: 0;
}

.header {
    background: #005493;

    .layout-header-desktop {
        justify-content: space-between;

        .header-search {
            flex: 1 0;
        }

        .header-search>div {
            width: 60%;
            margin-left: 5%;
        }
    }

    .header-navigation {
        display: none;
    }

    .header-account>div {
        display: flex;
    }

    .header-cart>div {
        display: flex;
        gap: 50px;
    }

    .nav-header {
        .slds-icon_container {
            background: green;
            display: none;
        }

        .comm-drilldown-navigation__bar>li>a {
            color: #fff !important;
        }

        .comm-drilldown-navigation__bar>li>button {
            color: #fff !important;
        }

        .slds-list__item {
            button {
                color: #005493 !important;
            }

            button.slds-truncate {
                font-weight: 700;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            button.slds-truncate::after {
                content: ">";
                color: inherit;
                margin-left: 10px;
            }
        }
    }

    .header-content .header-badge-icons {
        grid-gap: 0 40px;
        align-items: end !important;

        .header-cart {
            grid-gap: 0 20px;
        }
    }

    commerce-drilldown-navigation-bar > nav {
    	max-width: var(--dxp-c-section-columns-max-width, var(--dxp-c-l-max-content-width, var(--dxp-c-max-content-width, var(--dxp-s-section-columns-max-width))));
    	margin-left:auto;
    	margin-right:auto;
    }
}

.profile-content {
    .slds-button {
        display: none;
    }

    article {
        border: none;
        box-shadow: none;
    }

    .slds-card__header {
        display: none;
    }

    div.slds-form-element__control {
        border-bottom: 1px solid #ccc;
    }
}

.profile-forgot-password {
    article {
        border: none;
        box-shadow: none;
    }

    .slds-input {
        border-bottom: 1px solid #ccc;
    }

    lightning-button {
        background-color: transparent;
        color: #2a5da8;
        border: 1px solid #2a5da8;
        border-radius: 4px;
        padding: 6px 12px;
        font-size: 16px;
        font-weight: normal;
        cursor: pointer;
        outline: none;
        box-shadow: none;
        transition: background-color 0.2s ease-in-out, color 0.2s;
    }

    .slds-button:hover,
    .slds-button:focus {
        background-color: transparent;
        color: #2a5da8;
        text-decoration: underline;
        box-shadow: none;
    }
}

.login {
    .comm-login-form__login-button {
        color: #000000 !important;
        background: #005493 !important;
        padding: 10px;
        text-transform: lowercase;
        display: inline-block;
        font-weight: normal;

    }

    .comm-login-form__login-button::first-letter {
        text-transform: uppercase;
    }

    .comm-login-form__forgot-password,
    .comm-login-form__self-register {
        color: #005493 !important;
    }
}

.forgot-password {
    .comm-forgot-password__cancel-button {
        background-color: #fff !important;
        color: #2a5da8 !important;
        font-weight: normal;
        text-transform: lowercase;
        display: inline-block;
        padding: 8px;

    }

    .comm-forgot-password__cancel-button::first-letter {
        text-transform: uppercase;
    }

    .comm-forgot-password__submit-button {
        color: #000000 !important;
        background: #005493 !important;
        font-weight: normal;
        text-transform: lowercase;
        display: inline-block;
        padding: 8px;
    }

    .comm-forgot-password__submit-button::first-letter {
        text-transform: uppercase;
    }

}

.check-password {
    .comm-check-email_return-button {
        background-color: #fff !important;
        color: #2a5da8 !important;
        font-weight: normal;
        text-transform: lowercase;
        display: inline-block;
        padding: 8px;
        border: 1px solid #747474;

    }

    .comm-check-email_return-button::first-letter {
        text-transform: uppercase;
    }
}

.form-container {
    lightning-radio-group .slds-form-element__control {
        display: flex;
        gap: 20%
    }

    .slds-radio [type="radio"]:checked+.slds-radio__label .slds-radio_faux::after {
        background-color: black;
    }

    .slds-required {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .form-container {
        margin: auto !important;

        lightning-radio-group .slds-form-element__control {
            display: block;
        }
    }

    .nav-header {
        .drilldown-nav-hamburger-button {
            position: absolute;
            background: none;
            bottom: 4rem;
            left: 1.2rem;

            svg {
                fill: white !important;
            }
        }
    }

    .header-logo {
        img {
            margin-left: 1rem !important;
            margin-bottom: 1rem;
        }
    }
}

commerce_my_account-my-account-address-footer {

    .address-footer-button-style[data-edit-address],
    .address-footer-button-style[data-delete-address] {
        display: none;
    }
}

.slds-popover_tooltip,
.slds-popover--tooltip,
.slds-popover--tooltip .slds-popover__body,
.slds-popover_tooltip .slds-popover__body {
    background: #F1F3F4;
    color: #000000;
}

.slds-input__icon-group_right path {
    fill: #000000 !important;
}

.input-style {
    .slds-form-element__label {
        display: none;
    }
}
.commerce-breadcrumb {
    --com-c-breadcrumb-divider : '•' !important;
    padding-top: 1rem;
}
.commerce-breadcrumb p[aria-hidden="true"] {
    font-size: 0.8rem;
    color: #060606;
    padding: 0 0.4rem;
    line-height: 2;
    display: inline-block;
    vertical-align: middle;
}
.commerce-breadcrumb li:first-child a {
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 1em;
    height: 1.5rem;
    background-image: url('/sfsites/c/resource/B2B_Caseking_Resources/icons/home-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
}
.commerce-breadcrumb li:not(:first-child) a,
.commerce-breadcrumb li:not(:first-child) span {
    color: #060606 !important;
    font-weight: 400 !important;
    font-size: 0.75rem !important;
}

.number-input__increment-button, .number-input__decrement-button {
    .slds-icon {
        fill: rgb(0, 0, 0) !important;
    }
}

community_navigation-tile-menu-item.comm-tile-menu__item {
    width: 19% !important;
    margin: 0.5% !important;
    box-sizing: border-box;
    flex: 0 0 auto !important;
}
/* Medium screens: 2 tiles per row */
@media (max-width: 768px) {
    community_navigation-tile-menu-item.comm-tile-menu__item {
      width: 48% !important;
    }
  }
/* Small screens: 1 tile per row */
@media (max-width: 480px) {
    community_navigation-tile-menu-item.comm-tile-menu__item {
            width: 98% !important;
    }
}

.OrderSummaryList {
    .media-container,
    .slds-text-heading_medium,
    .textBlock_desktopTabletMobile {
        display: none !important;
    }
    commerce-field-display.slds-text-heading_small {
        lightning-formatted-date-time {
            display: none;
        }
    }
}

lightning-modal-footer {
    .close-button, .primary-action-button {
        color: #000000 !important;
    }
}
lightning-modal-body {
    lightning-primitive-icon svg {
        fill: #0d825d !important;
    }
}

.checkout-header {
    .header-content {
        justify-content: center;
    }
}

.checkout-footer {
    commerce-link-list {
        display: inline;
        ul {
            display: flex;
            column-gap: 10px;
            justify-content: center;
            a {
                color: rgb(184, 215, 248) !important;
            }
        }
    }
   
    .textBlock_desktopTabletMobile {
        display: none !important;
    }
}

.slds-panel__header {
	.slds-panel__header-title, 
    .slds-button {
        color: #000;
    }
}

.slds-panel__body {
    .item-name p,
    .item-prices span,
    .item-details-pills-qty .number-input__input,
    .item-image img {
        color: #000;
  }
}

.panel_footer {
    .slds-button_brand, .slds-button_neutral {
        background: #0176d3 !important;
        border-color: #0176d3 !important;
        color: #fff !important;
        text-decoration: none !important;
    }
}

community_builder-html-editor {
    .cb-outputRichText-container {
        div {
            border: 2px solid #005493;
            border-radius: 4px;
            font-size: 18px !important;
            padding: 30px;
            font-size: 18px;
           
        }
    }
}

commerce_builder-checkout-delivery-address {
    .buttons-flex .slds-button[data-add-new-address],
    .slds-form-element__control .address-stretch .address-card .card-address-fit lightning-button[data-edit] {
      display: none !important;
    }

    .slds-radio [type="radio"]:checked + .slds-radio_faux::after {
        background-color: #005493;
    }
}

commerce_builder-checkout-dual-payment {
    .slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio_faux::after {
        background-color: #005493;
    }
}

/* Order Details section */
.order-detail .slds-no-space{
		display: block;
 		font-weight: 600;
        color: #333;
 		letter-spacing: 0.4px;
 		text-shadow: 0 1px 1px rgb(0 0 0 / 19%);
}

.thumbnail-container .slds-icon {
    fill: #747474 !important;
    border: 1px solid #747474;
    border-radius: 6px;
    width: 48px;
    height: 30px;
    padding: 5px;
    box-sizing: border-box;
}