html {
    scroll-padding-top: var(--ats-header-height, 12.1875rem);
}

body {
    font-family: var(--ats-brand-primary-font-family) sans-serif;
}

.b2b-adjust-inner-icon lightning-primitive-icon {
    display: block;
}

.ats-no-items {
    border: 1px solid var(--ats-border-color);
    color: var(--ats-brand-primary-gray-1);
    font-size: 1rem;
    padding: var(--ats-spacing-2);
    text-align: center;

    & a {
        --dxp-s-link-text-decoration: underline;
        color: var(--sds-c-button-text-color, var(--dxp-s-tertiary-button-text-color, var(--dxp-g-brand, #0176d3)));
    }
}

/* Profile component */
.login-text {
    font-size: var(--dxp-s-body-font-size, var(--dxp-g-font-size-3)) !important;
    font-weight: var(--ats-font-weight-medium) !important;
}

/* SLDS Input Overrides */

.slds-icon_x-small {
    width: 1.125rem;
    height: 1.125rem;
}

/* Fix calendar icon alignment in date input. */
.slds-input__icon .slds-button_icon,
.slds-input__icon .slds-icon {
    --slds-c-button-spacing-block-end: 0;
    --slds-c-button-spacing-block-start: 0;
    display: block;
}

/* Remove date format message from date input that causes form bouncing. */
lightning-datepicker .slds-dropdown-trigger + .slds-form-element__help {
    position: absolute !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    text-transform: none !important;
    white-space: nowrap !important;
}

.slds-input__icon .slds-button_icon,
.slds-input__icon .slds-icon {
    --slds-c-button-spacing-block-end: 0;
    --slds-c-button-spacing-block-start: 0;
    display: block;
}

.slds-radio {
    font-size: 1.125rem;

    & .slds-radio_faux {
        border-width: 1px;
        width: 1em;
        height: 1em;
    }
}

.slds-radio [type=radio]:checked + .slds-radio_faux:after,
.slds-radio [type=radio]:checked ~ .slds-radio_faux:after,
.slds-radio [type=radio]:checked + .slds-radio__label .slds-radio_faux:after,
.b2b-checked .slds-radio .slds-radio_faux:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    border-radius: 50%;
    /*background-color: var(--sds-c-radio-mark-color-foreground, var(--dxp-s-form-element-color-foreground, var(--dxp-g-brand-1)));*/
    width: 0.6625rem;
    height: 0.6625rem;
}

lightning-radio-group .slds-radio {
    padding: var(--ats-spacing-1-25);
}

lightning-radio-group .slds-radio [type=radio]+.slds-radio__label .slds-radio_faux {
    margin-right: var(--ats-spacing-1-25);
}

.slds-checkbox {
    font-size: 1.125rem;

    & .slds-checkbox_faux {
        margin-block-start: 0.1em;
        width: 1em;
        height: 1em;
    }
}

.slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux:after,
.slds-checkbox [type=checkbox]:checked+.slds-checkbox_faux:after,
.slds-checkbox [type=checkbox]:checked~.slds-checkbox_faux:after {
    height: .35em;
    width: .65em;
    margin-block-start: -0.1em;
}

.slds-checkbox [type=checkbox]:disabled + .slds-checkbox__label .slds-checkbox_faux {
    opacity: 0.5;
    cursor: not-allowed;
}


.slds-select {
    /* Normalize height of lightning-select with other inputs */
    min-height: calc(2.5rem + (1px * 2));
}

.slds-rich-text-editor__output {
    --dxp-c-link-text-color: var(--ats-brand-primary-green);
    --dxp-c-link-text-color-hover: var(--ats-brand-green-100);
    --dxp-c-link-text-decoration: underline;
}

/* Address input alignment fixes */
lightning-input-address {
    padding-inline: 0;

    & .slds-form-element_address .slds-form-element__row {
        align-items: start;
    }

    & .slds-form-element_address lightning-picklist lightning-combobox {
        /* remove doubled margins in address forms */
        margin-block-end: 0;
    }
}

/* SLDS Notify/Toast Overrides */

.slds-notify__close {
    --slds-c-button-spacing-block-end: 0;
    --slds-c-button-spacing-block-start: 0;
}

/* Hamburger menu Overrides */
.drilldown-nav-hamburger-button {
    padding: 0.375rem 0 0 0;
}

@media (min-width: 30rem) {
    .drilldown-nav-hamburger-button {
        padding-block: var(--ats-spacing-0-75);
    }
}

/* Profile Menu Overrides */
commerce_my_account-user-profile-menu {
    --com-c-my-account-user-profile-icon-padding: var(--ats-spacing-0-25) var(--ats-spacing-0-5);
    --com-c-my-account-user-profile-icon-color: var(--ats-brand-black);
    --dxp-c-link-text-color: var(--ats-brand-primary-gray-0);
    --dxp-c-link-text-color-hover: var(--ats-brand-primary-gray-1);

    & .login-link {
        display: block;
        padding: var(--com-c-my-account-user-profile-icon-padding);
    }

    & .menu-trigger-p {
        font-size: 0.875rem !important;
        font-weight: var(--ats-font-weight-medium);
    }
}

@media (min-width: 30rem) {
    commerce_my_account-user-profile-menu {
        --com-c-my-account-user-profile-icon-padding: var(--ats-spacing-0-625) var(--ats-spacing-1);
    }
}

commerce_builder-drilldown-navigation {
    padding: 0 !important;
}

lightning-modal commerce_unified_checkout-input-address .slds-form-element {
    margin-bottom: 0;
}

lightning-modal commerce_unified_checkout-input-address lightning-input-address {
    padding: 0 !important;
}

lightning-modal commerce_unified_checkout-input-address + .btn-submit {
    margin-top: 1rem;
    display: flex;
    justify-content: end;
}

/* Addresses alignment issues */
commerce_builder-checkout-delivery-address .address-header {
    padding-bottom: .5rem;
}

commerce_unified_checkout-input-address .address-header:empty {
    padding-bottom: 0;
}

commerce_unified_checkout-input-address .slds-form-element[data-firstname-field],
commerce_unified_checkout-input-address .slds-form-element[data-lastname-field] {
    padding-bottom: 0.25rem;
}

@media (min-width: 48rem) {
    commerce_unified_checkout-input-address .slds-form-element__row {
        align-items: start !important;
        display: flex !important;
    }
}