/* Fonts start */

@font-face {
    font-family: "Inter-Light";
    src: url('/sfsites/c/resource/SupportPortalAssets/assets/fonts/inter/Inter-Light');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Inter-Bold";
    src: url('/sfsites/c/resource/SupportPortalAssets/assets/fonts/inter/Inter-Bold.ttf');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url('/sfsites/c/resource/SupportPortalAssets/assets/fonts/inter/Inter-V.ttf');
    font-weight: 1 1000;
    font-style: normal;
}

/* Fonts end */


/* Global font override for LWR */

body,
.slds-input,
.slds-textarea,
.slds-combobox__input,
.slds-button,
.slds-form-element__label {
    font-family: 'Inter', sans-serif;
}


/*
Submit Ticket Form
*/

.ticket-modal__data label:empty,
.ticket-modal__data .slds-form-element__label:empty,
.form-item-container label:empty {
    display: none;
}


.ticket-modal__data .slds-combobox__input,
.ticket-modal__data .slds-input,
.ticket-modal__data .slds-textarea,
.form-item-container .slds-input,
.form-item-container .slds-combobox__input,
.form-item-container .slds-textarea {

    padding: 12px 16px !important;
    margin: 0;
    background-color: #fff;
    border: 1px solid rgba(38,104,197,.3);
    border-radius: 4px;
    height: unset;
    min-height: unset;
    line-height: unset;
    box-shadow: unset;

    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #243143;
}


.submitNewTicket .slds-combobox__input,
.submitNewTicket .slds-input,
.submitNewTicket .slds-textarea,
.submitNewExternalTicket .slds-combobox__input,
.submitNewExternalTicket .slds-input,
.submitNewExternalTicket .slds-textarea,
.supportChat .slds-input,
.supportChat .slds-textarea,
.supportChat .slds-combobox__input,
.form-item-container .slds-input,
.form-item-container .slds-combobox__input,
.form-item-container .slds-textarea {

    padding:20px 16px 4px !important;
}


.ticket-modal__data .slds-combobox__input .slds-truncate,
.ticket-modal__data .slds-select option,
.ticket-modal__data .slds-textarea .slds-truncate {

    font-family:'Inter',sans-serif;
    font-size:14px;
    line-height:24px;
    color:rgba(36,49,67,.7);
}


.chat-form-container .disabled-input .slds-input {
    color:rgba(36,49,67,.7);
}


button[disabled] {
    cursor:not-allowed;
}


input[readonly] {
    cursor:not-allowed;
}


.phone-placeholder input::placeholder {
    color:transparent !important;
}


.phone-placeholder input:focus::placeholder {
    color:grey !important;
}


.ticket-modal__data .slds-input__icon-group,
.form-item-container .slds-input__icon-group {
    display:none;
}


.ticket-modal__data .slds-select {
    appearance:none;
}


.ticket-modal__form-upload {

    position:relative;
    padding:12px 16px !important;
    margin-bottom:12px;
    background:#fff;
    border:1px solid rgba(38,104,197,.3);
    border-radius:3px;

}


.ticket-modal__form-upload .file-upload-container span {

    color:#2668C5 !important;
    font-family:'Inter',sans-serif !important;
    padding-left:8px !important;
    padding-right:8px !important;

}


/* Error state */

.ticket-modal__form-item-error .slds-input,
.ticket-modal__form-item-error textarea,
.ticket-modal__form-item-error .slds-combobox__input,
.form-item-error .slds-input,
.form-item-error .slds-combobox__input {

    border-color:#EA3939 !important;

}


/* Articles */

.articles-list__accordion .slds-accordion__summary,
.articles-list__accordion .slds-accordion__section {

    margin:unset;
    padding:unset;

}


.articles-list__accordion .slds-accordion__summary-action {

    padding:12px 16px 12px 20px;
    font-family:'Inter',sans-serif;
    font-size:14px;
    line-height:24px;
    color:#243143;

}


/* Ticket details */

.ticket-details-tabs .slds-accordion__summary-action-icon {

    transform:rotate(0deg) !important;

}


.ticket-details-tabs .slds-is-open>.slds-accordion__summary .slds-accordion__summary-action-icon {

    transform:rotate(180deg) !important;

}


.email-form .slds-pill {

    border:1px solid rgba(38,104,197,.3);
    border-radius:27px;
    padding:0 12px;
    background:rgba(38,104,197,.05);

}