/* <link rel="stylesheet" href="{basePath}/sfsites/c/resource/d2cStyle/styles/form.css?{versionKey}"> */

/* ELEMENTS */

.slds-form-element {
    margin-bottom: 0 !important;
}

/* BUTTON */

.slds-button {
    --dxp-s-button-line-height: 2.875rem;
    transition: color 0.1s, border-color 0.1s, background-color 0.1s;
}

.slds-button.slds-button_neutral {
    border-color: var(--d2c-color-white);
}

.slds-button.slds-button_neutral:hover {
    background-color: var(--d2c-color-lightest-gray);
    border-color: var(--d2c-color-lightest-gray);
}

.slds-button.slds-button_neutral:disabled,
.slds-button.slds-button_brand:disabled {
    box-shadow: none !important;
    color: var(--d2c-color-disabled-text) !important;
    border-color: var(--d2c-color-disabled-border) !important;
    background-color: var(--d2c-color-disabled-border) !important;
    cursor: not-allowed;
}

.slds-button c-d2c-icon-common:last-child:not(:first-child) {
    margin-left: 0.5rem;
}

/* LIGHTNING INPUT  */

.d2c-input label.slds-form-element__label,
lightning-input label.slds-form-element__label {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.40;
    color: var(--d2c-color-charcoal);
    margin-bottom: 0.5rem;
}

.d2c-input input.slds-input,
lightning-input input.slds-input {
    --dxp-c-placeholder-text-color: var(--d2c-color-charcoal);
    --dxp-c-input-text-color-disabled: var(--d2c-color-disabled-text);
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    line-height: 1.5rem;
    outline: 0;
    background-color: var(--d2c-color-white);
    box-shadow: none !important;
    transition: color 0.1s, border-color 0.1s, background-color 0.1s, outline 0.1s !important;
}

.d2c-input input.slds-input:not(:disabled):hover,
lightning-input input.slds-input:not(:disabled):hover {
    border-color: var(--d2c-color-dark-blue);
}

.d2c-input input.slds-input:not(:disabled):focus,
lightning-input input.slds-input:not(:disabled):focus {
    border-color: var(--d2c-color-dark-blue);
    outline: 2px solid var(--d2c-color-dark-blue);
    outline-offset: -2px;
}

.d2c-input input.slds-input:disabled,
lightning-input input.slds-input:disabled {
    color: var(--d2c-color-disabled-text);
    border-color: var(--d2c-color-disabled-border);
    background-color: var(--d2c-color-disabled-background);
}

.d2c-input abbr.slds-required,
lightning-input abbr.slds-required {
    visibility: hidden;
}

.d2c-input:has(abbr.slds-required) label::before,
lightning-input:has(abbr.slds-required) label::before {
    content: '\2022';
    position: absolute;
    top: -2px;
    color: var(--d2c-color-tomato-orange);
    height: 4px;
    width: 4px;
    left: 2px;
}

.d2c-input.slds-has-error label.slds-form-element__label,
lightning-input.slds-has-error label.slds-form-element__label {
    color: var(--d2c-color-error);
}

.d2c-input.slds-has-error .slds-form-element__help,
lightning-input.slds-has-error .slds-form-element__help {
    display: flex;
    grid-gap: 0.5rem;
    margin-top: 0.5rem;
}

.d2c-input.slds-has-error .slds-form-element__help::before,
lightning-input.slds-has-error .slds-form-element__help::before {
    content: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3055_8236)'%3E%3Cpath d='M9.7998 4.71429V9.53571M9.7998 13.2857V12.2143M17.2998 9C17.2998 13.1421 13.9419 16.5 9.7998 16.5C5.65767 16.5 2.2998 13.1421 2.2998 9C2.2998 4.85786 5.65767 1.5 9.7998 1.5C13.9419 1.5 17.2998 4.85786 17.2998 9Z' stroke='%23CC0300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3055_8236'%3E%3Crect width='18' height='18' fill='white' transform='translate(0.799805)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    display: block;
}

/* LIGHTNING INPUT CHECKBOX */

.slds-checkbox span.slds-form-element__label {
    font-size: 1rem !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    color: var(--d2c-color-deep-black);
    cursor: pointer;
}

.slds-checkbox [type=checkbox]+.slds-checkbox--faux, 
.slds-checkbox [type=checkbox]+.slds-checkbox__label .slds-checkbox--faux, 
.slds-checkbox [type=checkbox]+.slds-checkbox__label .slds-checkbox_faux, 
.slds-checkbox [type=checkbox]+.slds-checkbox_faux, 
.slds-checkbox [type=checkbox]~.slds-checkbox--faux, 
.slds-checkbox [type=checkbox]~.slds-checkbox_faux {
    background-color: var(--d2c-color-white);
    border-color: var(--d2c-color-dark-blue);
    border-radius: 0.25rem;
    border-width: 2px;
    border-style: solid;
}

.slds-form-element .slds-checkbox [type=checkbox]+.slds-checkbox--faux, 
.slds-form-element .slds-checkbox [type=checkbox]+.slds-checkbox__label .slds-checkbox--faux, 
.slds-form-element .slds-checkbox [type=checkbox]+.slds-checkbox__label .slds-checkbox_faux, 
.slds-form-element .slds-checkbox [type=checkbox]+.slds-checkbox_faux, 
.slds-form-element .slds-checkbox [type=checkbox]~.slds-checkbox--faux, 
.slds-form-element .slds-checkbox [type=checkbox]~.slds-checkbox_faux {
    margin-right: 0.75rem;
    cursor: pointer;
}

.slds-checkbox [type=checkbox]:checked+.slds-checkbox--faux, 
.slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox--faux, 
.slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux, 
.slds-checkbox [type=checkbox]:checked+.slds-checkbox_faux, 
.slds-checkbox [type=checkbox]:checked~.slds-checkbox--faux, 
.slds-checkbox [type=checkbox]:checked~.slds-checkbox_faux {
    background-color: var(--d2c-color-dark-blue);
    border-color: var(--d2c-color-dark-blue);
}

.slds-checkbox .slds-checkbox--faux, 
.slds-checkbox .slds-checkbox_faux {
    width: 1.25rem;
    height: 1.25rem;
    box-shadow: unset !important;
}

.slds-checkbox input[type=checkbox]:checked+.slds-checkbox--faux:after, 
.slds-checkbox input[type=checkbox]:checked+.slds-checkbox__label .slds-checkbox--faux:after, 
.slds-checkbox input[type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux:after, 
.slds-checkbox input[type=checkbox]:checked+.slds-checkbox_faux:after, 
.slds-checkbox input[type=checkbox]:checked~.slds-checkbox--faux:after, 
.slds-checkbox input[type=checkbox]:checked~.slds-checkbox_faux:after {
    display: none;
}

.slds-checkbox input[type=checkbox]:checked+.slds-checkbox--faux:before, 
.slds-checkbox input[type=checkbox]:checked+.slds-checkbox__label .slds-checkbox--faux:before, 
.slds-checkbox input[type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux:before, 
.slds-checkbox input[type=checkbox]:checked+.slds-checkbox_faux:before, 
.slds-checkbox input[type=checkbox]:checked~.slds-checkbox--faux:before, 
.slds-checkbox input[type=checkbox]:checked~.slds-checkbox_faux:before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M4 10L9 14.5L16 5" stroke="white" stroke-width="2" stroke-linecap="round"/></svg>');
    display: block;
    position: relative;
    left: -2px;
    top: -2px;
    width: 1.25rem;
    height: 1.25rem;
}

.slds-checkbox input[type="checkbox"]+label.slds-checkbox__label:focus .slds-checkbox_faux,
.slds-checkbox input[type="checkbox"]+label.slds-checkbox__label:hover .slds-checkbox_faux,
.slds-checkbox input[type="checkbox"]+label.slds-checkbox__label:active .slds-checkbox_faux{
    border-color: var(--d2c-color-ocean-blue) !important;
}

.slds-checkbox input[type="checkbox"]:checked + label.slds-checkbox__label:focus .slds-checkbox_faux,
.slds-checkbox input[type="checkbox"]:checked + label.slds-checkbox__label:hover .slds-checkbox_faux,
.slds-checkbox input[type="checkbox"]:checked + label.slds-checkbox__label:active .slds-checkbox_faux {
    border-color: var(--d2c-color-ocean-blue) !important;
    background-color: var(--d2c-color-ocean-blue);
}

.slds-checkbox [type=checkbox][disabled] + label.slds-checkbox__label,
.slds-checkbox [type=checkbox][disabled] + label.slds-checkbox__label .slds-checkbox_faux,
.slds-checkbox [type=checkbox][disabled] + label.slds-checkbox__label .slds-form-element__label,
.slds-checkbox [type=checkbox][disabled]:checked + label.slds-checkbox__label,
.slds-checkbox [type=checkbox][disabled]:checked + label.slds-checkbox__label .slds-checkbox_faux,
.slds-checkbox [type=checkbox][disabled]:checked + label.slds-checkbox__label .slds-form-element__label {
    cursor: not-allowed;
}

.slds-checkbox [type=checkbox][disabled] + label.slds-checkbox__label .slds-checkbox_faux,
.slds-checkbox [type=checkbox][disabled]:focus + label.slds-checkbox__label .slds-checkbox_faux,
.slds-checkbox [type=checkbox][disabled]:hover + label.slds-checkbox__label .slds-checkbox_faux,
.slds-checkbox [type=checkbox][disabled]:active + label.slds-checkbox__label .slds-checkbox_faux {
    background-color: var(--d2c-color-white) !important;
    border-color: var(--d2c-color-disabled-border) !important;
}

.slds-checkbox [type=checkbox][disabled]:checked + label.slds-checkbox__label .slds-checkbox_faux,
.slds-checkbox [type=checkbox][disabled]:checked:focus + label.slds-checkbox__label .slds-checkbox_faux,
.slds-checkbox [type=checkbox][disabled]:checked:hover + label.slds-checkbox__label .slds-checkbox_faux,
.slds-checkbox [type=checkbox][disabled]:checked:active + label.slds-checkbox__label .slds-checkbox_faux {
    background-color: var(--d2c-color-disabled-border) !important;
    border-color: var(--d2c-color-disabled-border) !important;
}

.slds-checkbox [type=checkbox][disabled] + label.slds-checkbox__label .slds-form-element__label,
.slds-checkbox [type=checkbox][disabled]:checked + label.slds-checkbox__label .slds-form-element__label {
    color: var(--d2c-color-disabled-text);
}


/* D2C QUANTITY */

.d2c-quantity__wrapper .slds-form-element__label lightning-helptext,
.d2c-quantity__wrapper .slds-form-element__label lightning-helptext .slds-form-element__icon,
.d2c-quantity__wrapper .slds-form-element__label lightning-helptext .slds-form-element__icon .slds-button {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.d2c-quantity__wrapper .slds-form-element__label lightning-helptext lightning-primitive-icon {
    display: none;
}

lightning-primitive-bubble .slds-popover__body {
    white-space: pre-line;
}

/* SELECT OPTION */

.slds-form-element label.slds-form-element__label {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.40;
    color: var(--d2c-color-charcoal);

    margin-bottom: 0.5rem;
}

.slds-form-element label.slds-form-element__label .slds-required {
    position: relative;
    top: -2.5px;
    color: var(--d2c-color-tomato-orange) !important;
}

.slds-select_container select {
    height: 3.125rem;

    padding: 0 0.75rem !important;
}

.slds-select_container select:not(:disabled):hover {
    border-color: var(--d2c-color-dark-blue);
}

.slds-select_container select:not(:disabled):focus {
    border-color: var(--d2c-color-dark-blue);
    outline: 2px solid var(--d2c-color-dark-blue);
    outline-offset: -2px;
}

.slds-select_container select:disabled {
    color: var(--d2c-color-disabled-text);
    border-color: var(--d2c-color-disabled-border);
    background-color: var(--d2c-color-disabled-background);
}

.slds-form-element.slds-has-error label.slds-form-element__label {
    color: var(--d2c-color-error);
}

.slds-form-element.slds-has-error .slds-form-element__help {
    display: flex;
    grid-gap: 0.5rem;
    margin-top: 0.5rem;
}

.slds-form-element.slds-has-error .slds-form-element__help::after {
    border: 0;
}

.slds-select_container::before,
.slds-select_container::after {
   border: 0; 
}

.slds-select_container::before {
    content: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.3999 9L12.3999 15L18.3999 9' stroke='%23111014' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    display: block;

    right: 2rem;
    top: 0.75rem;
}

.slds-form-element.slds-has-error .slds-form-element__help::before {
    content: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3055_8236)'%3E%3Cpath d='M9.7998 4.71429V9.53571M9.7998 13.2857V12.2143M17.2998 9C17.2998 13.1421 13.9419 16.5 9.7998 16.5C5.65767 16.5 2.2998 13.1421 2.2998 9C2.2998 4.85786 5.65767 1.5 9.7998 1.5C13.9419 1.5 17.2998 4.85786 17.2998 9Z' stroke='%23CC0300' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3055_8236'%3E%3Crect width='18' height='18' fill='white' transform='translate(0.799805)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    display: block;
}

.slds-form-element .slds-select {
    box-shadow: none;
}

/* LIGHTNING INPUT ADDRESS */

lightning-input-address input.slds-combobox__input.slds-input:not(:disabled):hover {
    border-color: var(--d2c-color-dark-blue);
}

lightning-input-address input.slds-combobox__input.slds-input:not(:disabled):focus {
    border-color: var(--d2c-color-dark-blue);
    outline: 2px solid var(--d2c-color-dark-blue);
    outline-offset: -2px;
    box-shadow: none;
}

lightning-input-address legend.slds-form-element__label.slds-form-element__legend {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 1.40;
    color: var(--d2c-color-charcoal);

    padding: 0;
    margin-bottom: 0.5rem;
}

lightning-input-address label.slds-form-element__label {
    display: none;
}

lightning-input-address fieldset .slds-form-element__group .slds-form-element__row {
    display: none;
}

lightning-input-address fieldset .slds-form-element__group .slds-form-element__row.slds-grow {
    display: unset;
    margin: 0;
    padding: 0;
}

lightning-input-address fieldset .slds-form-element {
    padding: 0 !important;
    margin: 0 !important;
}

lightning-input-address input.slds-combobox__input.slds-input {
    height: 3.125rem;
    padding: 0 0.75rem !important;
}

lightning-input-address .slds-input__icon-group.slds-input__icon-group_right {
    display: none;
}

lightning-input-address lightning-base-combobox-item {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;

    padding: 0.5rem 0.75rem;
}

lightning-input-address lightning-base-combobox-item  .slds-media__figure.slds-listbox__option-icon {
    display: none;
}

lightning-input-address lightning-base-combobox-item  span.slds-media__body {
    display: flex;
    align-items: center;
    grid-gap: 0.25rem;

    color: var(--d2c-color-disabled-text);
}

lightning-input-address .slds-listbox__option-text.slds-listbox__option-text_entity {
    margin: 0;
    display: flex;
    align-items: center;
    font-weight: 400;
}

lightning-input-address lightning-base-combobox-formatted-text strong {
    font-weight: 400;
    color: var(--d2c-color-new-black);
}

lightning-input-address .slds-listbox__option-meta.slds-listbox__option-meta_entity {
    color: var(--d2c-color-disabled-text);
    margin-top: 0 !important;
}

lightning-input-address .slds-align_absolute-center {
    display: none;
}

lightning-input-address.slds-has-error .slds-combobox__input.slds-input {
    border: 0;
}

lightning-input-address.slds-has-error legend.slds-form-element__label.slds-form-element__legend {
    color: var(--d2c-color-error);
}

/* LIGHTNING TEXTAREA */

lightning-textarea textarea.slds-textarea {
    --dxp-c-placeholder-text-color: var(--d2c-color-charcoal);
    --dxp-c-input-text-color-disabled: var(--d2c-color-disabled-text);
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    line-height: 1.5rem;
    outline: 0;
    background-color: var(--d2c-color-white);
    box-shadow: none !important;
    transition: color 0.1s, border-color 0.1s, background-color 0.1s, outline 0.1s !important;
}

lightning-textarea textarea.slds-textarea:not(:disabled):hover,
lightning-textarea textarea.slds-textarea:not(:disabled):active,
lightning-textarea textarea.slds-textarea:not(:disabled):focus {
    border-color: var(--d2c-color-dark-blue);
}

lightning-textarea textarea.slds-textarea:not(:disabled):focus {
    outline: 2px solid var(--d2c-color-dark-blue);
    outline-offset: -2px;
}

lightning-textarea textarea.slds-textarea:disabled {
    color: var(--d2c-color-disabled-text);
    border-color: var(--d2c-color-disabled-border);
    background-color: var(--d2c-color-disabled-background);
}

lightning-textarea textarea.slds-textarea:disabled {
    color: var(--d2c-color-disabled-text) !important;
    border-color: var(--d2c-color-disabled-border) !important;
    background-color: var(--d2c-color-disabled-background) !important;
}

lightning-textarea textarea.slds-textarea::-webkit-input-placeholder,
lightning-textarea textarea.slds-textarea::placeholder {
  color: var(--d2c-color-mid-grey);
}