/* <link rel="stylesheet" href="{ basePath }/sfsites/c/resource/ecommStyle/css/components/lightning-radio.css?{ versionKey }"/> */

/* Radio Group Label */

lightning-radio-group .slds-form-element__label {
    margin: var(--ecomm-form-group-label-margin);
    padding: var(--ecomm-form-group-label-padding);
    color: var(--ecomm-form-group-label-color);
}

/* Radio Group Label Disabled */

lightning-radio-group:not(.slds-has-error):has([type="radio"]:disabled) .slds-form-element__label {
    color: var(--ecomm-form-group-label-disabled-color);
}

/* Radio Group Label Error */

lightning-radio-group.slds-has-error .slds-form-element__label {
    color: var(--ecomm-form-group-label-error-color);
}

/* Radio Group Label Required */

lightning-radio-group .slds-form-element__label .slds-required {
    margin: var(--ecomm-form-group-label-required-margin);
    color: var(--ecomm-form-group-label-required-color);
}

/* Radio Items */

lightning-radio-group .slds-radio + .slds-radio,
.ecomm-radio-group .slds-radio + .slds-radio {
    margin-top: 0.5rem;
}

/* Radio Item */

lightning-radio-group .slds-radio [type="radio"] + .slds-radio__label,
.ecomm-radio-group .slds-radio [type="radio"] + .slds-radio__label {
    display: flex;
}

/* Radio */

lightning-radio-group .slds-radio [type="radio"] + .slds-radio__label .slds-radio_faux,
.ecomm-radio-group .slds-radio [type="radio"] + .slds-radio__label .slds-radio_faux {
    width: 1.25rem;
    min-width: 1.25rem;
    height: 1.25rem;
    margin-right: 0 !important;
    border-color: var(--ecomm-color-form-checkbox-border);
    border-width: var(--ecomm-form-borders-checkbox-border-width);
    background-color: var(--ecomm-color-form-checkbox-background);
    cursor: pointer;
    transition:
        border-color var(--ecomm-transition-color),
        background-color var(--ecomm-transition-background-color),
        box-shadow var(--ecomm-transition-box-shadow);
}

lightning-radio-group .slds-radio [type="radio"] + .slds-radio__label .slds-radio_faux::after,
.ecomm-radio-group .slds-radio [type="radio"] + .slds-radio__label .slds-radio_faux::after {
    width: 0.5rem;
    height: 0.5rem;
    background-color: var(--ecomm-color-form-checkbox-background);
}

/* Radio Error */

lightning-radio-group.slds-has-error .slds-radio [type="radio"] + .slds-radio__label .slds-radio_faux,
.ecomm-radio-group.slds-has-error .slds-radio [type="radio"] + .slds-radio__label .slds-radio_faux {
    border-color: var(--ecomm-form-element-error-border-color);
    background-color: var(--ecomm-color-form-checkbox-background);
}

lightning-radio-group.slds-has-error .slds-radio [type="radio"] + .slds-radio__label .slds-radio_faux::after,
.ecomm-radio-group.slds-has-error .slds-radio [type="radio"] + .slds-radio__label .slds-radio_faux::after {
    background-color: var(--ecomm-color-form-checkbox-background);
}

/* Radio Checked */

lightning-radio-group .slds-radio [type="radio"]:not(:disabled):checked + .slds-radio__label .slds-radio_faux,
.ecomm-radio-group .slds-radio [type="radio"]:not(:disabled):checked + .slds-radio__label .slds-radio_faux {
    border-color: var(--ecomm-color-form-selected-checkbox-border);
    background-color: var(--ecomm-color-form-selected-checkbox-background);
}

lightning-radio-group .slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio_faux::after,
.ecomm-radio-group .slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio_faux::after {
    background-color: var(--ecomm-color-form-checkbox-background);
}

/* Radio Checked Error */

lightning-radio-group.slds-has-error .slds-radio [type="radio"]:not(:disabled):checked + .slds-radio__label .slds-radio_faux,
.ecomm-radio-group.slds-has-error .slds-radio [type="radio"]:not(:disabled):checked + .slds-radio__label .slds-radio_faux {
    border-color: var(--ecomm-form-element-error-border-color);
    background-color: var(--ecomm-form-element-error-border-color);
}

lightning-radio-group.slds-has-error .slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio_faux::after,
.ecomm-radio-group.slds-has-error .slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio_faux::after {
    background-color: var(--ecomm-color-form-checkbox-background);
}

/* Radio Hover */

lightning-radio-group .slds-radio [type="radio"]:not(:disabled):hover + .slds-radio__label .slds-radio_faux,
.ecomm-radio-group .slds-radio [type="radio"]:not(:disabled):hover + .slds-radio__label .slds-radio_faux {
    border-color: var(--ecomm-form-element-border-color-hover);
    background-color: var(--ecomm-color-form-checkbox-background);
    box-shadow: var(--ecomm-form-element-box-shadow-hover);
}

lightning-radio-group .slds-radio [type="radio"]:not(:disabled):hover + .slds-radio__label .slds-radio_faux::after,
.ecomm-radio-group .slds-radio [type="radio"]:not(:disabled):hover + .slds-radio__label .slds-radio_faux::after {
    background-color: var(--ecomm-color-form-checkbox-background);
}

/* Radio Focus */

lightning-radio-group .slds-radio [type="radio"]:not(:disabled):focus + .slds-radio__label .slds-radio_faux,
lightning-radio-group .slds-radio [type="radio"]:not(:disabled):active + .slds-radio__label .slds-radio_faux,
.ecomm-radio-group .slds-radio [type="radio"]:not(:disabled):focus + .slds-radio__label .slds-radio_faux,
.ecomm-radio-group .slds-radio [type="radio"]:not(:disabled):active + .slds-radio__label .slds-radio_faux {
    border-color: var(--ecomm-color-form-checkbox-border);
    background-color: var(--ecomm-color-form-checkbox-background);
    box-shadow: var(--ecomm-form-element-box-shadow-focus);
}

lightning-radio-group .slds-radio [type="radio"]:not(:disabled):focus + .slds-radio__label .slds-radio_faux::after,
lightning-radio-group .slds-radio [type="radio"]:not(:disabled):active + .slds-radio__label .slds-radio_faux::after,
.ecomm-radio-group .slds-radio [type="radio"]:not(:disabled):focus + .slds-radio__label .slds-radio_faux::after,
.ecomm-radio-group .slds-radio [type="radio"]:not(:disabled):active + .slds-radio__label .slds-radio_faux::after {
    background-color: var(--ecomm-color-form-checkbox-background);
}

/* Radio Checked Hover */

lightning-radio-group .slds-radio [type="radio"]:checked:not(:disabled):hover + .slds-radio__label .slds-radio_faux,
.ecomm-radio-group .slds-radio [type="radio"]:checked:not(:disabled):hover + .slds-radio__label .slds-radio_faux {
    border-color: var(--ecomm-color-form-selected-checkbox-border);
    background-color: var(--ecomm-color-form-selected-checkbox-background);
    box-shadow: var(--ecomm-form-element-box-shadow-hover);
}

lightning-radio-group .slds-radio [type="radio"]:checked:not(:disabled):hover + .slds-radio__label .slds-radio_faux::after,
.ecomm-radio-group .slds-radio [type="radio"]:checked:not(:disabled):hover + .slds-radio__label .slds-radio_faux::after {
    background-color: var(--ecomm-color-form-checkbox-background);
}

/* Radio Checked Focus */

lightning-radio-group .slds-radio [type="radio"]:checked:not(:disabled):focus + .slds-radio__label .slds-radio_faux,
lightning-radio-group .slds-radio [type="radio"]:checked:not(:disabled):active + .slds-radio__label .slds-radio_faux,
.ecomm-radio-group .slds-radio [type="radio"]:checked:not(:disabled):focus + .slds-radio__label .slds-radio_faux,
.ecomm-radio-group .slds-radio [type="radio"]:checked:not(:disabled):active + .slds-radio__label .slds-radio_faux {
    border-color: var(--ecomm-color-form-selected-checkbox-border);
    background-color: var(--ecomm-color-form-selected-checkbox-background);
    box-shadow: var(--ecomm-form-element-box-shadow-focus);
}

lightning-radio-group .slds-radio [type="radio"]:checked:not(:disabled):focus + .slds-radio__label .slds-radio_faux::after,
lightning-radio-group .slds-radio [type="radio"]:checked:not(:disabled):active + .slds-radio__label .slds-radio_faux::after
.ecomm-radio-group .slds-radio [type="radio"]:checked:not(:disabled):focus + .slds-radio__label .slds-radio_faux::after,
.ecomm-radio-group .slds-radio [type="radio"]:checked:not(:disabled):active + .slds-radio__label .slds-radio_faux::after {
    background-color: var(--ecomm-color-form-checkbox-background);
}

/* Radio Disabled */

lightning-radio-group .slds-radio [type="radio"]:disabled + .slds-radio__label .slds-radio_faux,
.ecomm-radio-group .slds-radio [type="radio"]:disabled + .slds-radio__label .slds-radio_faux {
    border-color: var(--ecomm-form-element-disabled-border-color);
    background-color: var(--ecomm-color-form-checkbox-background);
    box-shadow: none;
    cursor: not-allowed;
}

lightning-radio-group .slds-radio [type="radio"]:disabled + .slds-radio__label .slds-radio_faux::after,
.ecomm-radio-group .slds-radio [type="radio"]:disabled + .slds-radio__label .slds-radio_faux::after {
    background-color: var(--ecomm-color-form-checkbox-background);
}

/* Radio Disabled Error */

lightning-radio-group.slds-has-error .slds-radio [type="radio"]:disabled + .slds-radio__label .slds-radio_faux,
.ecomm-radio-group.slds-has-error .slds-radio [type="radio"]:disabled + .slds-radio__label .slds-radio_faux {
    border-color: var(--ecomm-form-element-error-border-color);
    background-color: var(--ecomm-color-form-checkbox-background);
}

lightning-radio-group.slds-has-error .slds-radio [type="radio"]:disabled + .slds-radio__label .slds-radio_faux::after,
.ecomm-radio-group.slds-has-error .slds-radio [type="radio"]:disabled + .slds-radio__label .slds-radio_faux::after {
    background-color: var(--ecomm-color-form-checkbox-background);
}

/* Radio Checked Disabled */

lightning-radio-group .slds-radio [type="radio"]:checked:disabled + .slds-radio__label .slds-radio_faux,
.ecomm-radio-group .slds-radio [type="radio"]:checked:disabled + .slds-radio__label .slds-radio_faux {
    border-color: var(--ecomm-form-element-disabled-border-color);
    background-color: var(--ecomm-form-element-disabled-border-color);
}

lightning-radio-group .slds-radio [type="radio"]:checked:disabled + .slds-radio__label .slds-radio_faux::after,
.ecomm-radio-group .slds-radio [type="radio"]:checked:disabled + .slds-radio__label .slds-radio_faux::after {
    background-color: var(--ecomm-color-form-checkbox-background);
}

/* Radio label */

lightning-radio-group .slds-radio [type="radio"] + .slds-radio__label .slds-form-element__label,
.ecomm-radio-group .slds-radio [type="radio"] + .slds-radio__label .slds-form-element__label {
    display: inline-block;
    margin: 0;
    padding: var(--ecomm-form-checkbox-label-padding);
    font-size: var(--ecomm-form-checkbox-label-font-size);
    line-height: var(--ecomm-form-checkbox-label-line-height);
    font-weight: var(--ecomm-form-checkbox-label-font-weight);
    color: var(--ecomm-form-checkbox-label-color);
    cursor: pointer;
    transition: color var(--ecomm-transition-color);
}

/* Radio Label Disabled */

lightning-radio-group .slds-radio [type="radio"]:disabled + .slds-radio__label .slds-form-element__label,
.ecomm-radio-group .slds-radio [type="radio"]:disabled + .slds-radio__label .slds-form-element__label {
    color: var(--ecomm-form-checkbox-label-disabled-color);
    cursor: not-allowed;
}