/* Styles for salesforce lightening components */

:root {
    --unil-color: #1e1e1e;
    --unil-field-height: 2.5rem;
    --brand-font-global: "Source Sans Pro", sans-serif;
}

.module-contact-form {
    --lwc-fontFamily: var(--brand-font-global);
    --slds-c-input-color-border: var(--unil-color);
    --sds-c-input-color-border: var(--unil-color);
    --slds-g-color-border-base-4: var(--unil-color);
    --lwc-colorBorderInput: var(--unil-color);
    --slds-g-color-neutral-base-30: var(--unil-color);
    --lwc-colorTextLabel: var(--unil-color);
    --slds-c-icon-color-foreground:  var(--unil-color);
    --sds-c-icon-color-foreground:  var(--unil-color);
    --slds-c-icon-color-foreground-default: var(--unil-color);
    --sds-c-icon-color-foreground-default:  var(--unil-color);
    --lwc-colorTextError: var(--unil-color);

    --slds-c-button-radius-border: 0;
    --slds-c-input-radius-border: 0;
    --sds-c-input-radius-border: 0;

    --lwc-heightInput: var(--unil-field-height);
    --slds-c-button-line-height: var(--unil-field-height);
    --sds-c-button-line-heigh: var(--unil-field-height);
    --lwc-lineHeightButton: var(--unil-field-height);

    --lwc-spacingXxSmall: 1rem;

    --lwc-formLabelFontSize: 100%;
    --lwc-fontSize3: 100%;
}

/* Overrides where no variables are available */
.module-contact-form .slds-icon-utility-upload {
    width: 30px;
}

.module-contact-form  label.slds-scope .slds-no-flex,
.module-contact-form .slds-form-element__label {
    font-weight: 600;
}

/* Remove unil dropdown icon in form selectfield */
.module-contact-form select {
    background-image: none;
}

[c-reklamasjonForm_reklamasjonForm-host] {
    --brand-font: var(--brand-font-global) !important;
}

.module-contact-form .slds-scope {
    color: var(--unil-color);
}

.module-contact-form .slds-scope .slds-text-align_center {
    text-align: left;
}