/*
 * Your global styles here
 */
html,
body {
    height: 100%;
}

html {
    background: white;
    --dxp-c-section-image-overlay-color: #6c7a83;
}

body {
    margin: 0;
}



/* override to reduce whitespace in the community version of the component */
c-vb-new-order {
    .slds-form-element {
        margin-bottom: 0.25rem;
    }
}

/* override this because it gives double margin and double padding to the comboboxes in the address input */
lightning-input-address {
    .slds-form-element_compound lightning-combobox.slds-form-element {
        margin: 0;
        padding: 0;
    }
}

/* override so that the address entry component isn't too wide */
.sdb-address-input {
    --sdb-country-picklist-padding: 0.25rem;
}


.slds-button.slds-button_icon[disabled] {
    /* override lack of button-icon disabling in community */
    color: var( --dxp-g-neutral-2, #b2aeaa );
}

.slds-button_icon-border-inverse,
.slds-button.slds-button_icon.slds-button_icon-border-inverse {
    /* override lack of proper inverse variant */
    border-color: var( --dxp-g-root, #ffffff );;
    color: var( --dxp-g-root, #ffffff );
    fill: var( --dxp-g-root, #ffffff );
}

.slds-dropdown__item > a[aria-disabled=true] {
    color: var(--slds-g-color-neutral-base-80, var(--lwc-colorTextButtonDefaultDisabled, rgb(201, 201, 201)));
    cursor: default;
}

.slds-modal__close {
    background-color: #ffffff;
}

.slds-modal .allow-card {
    c-passenger-info article.slds-card {
        background-color: #eeeeee;
    }
    .slds-card{
        background: var(--slds-c-card-color-background, var(--sds-c-card-color-background, var(--dxp-g-root, var(--slds-g-color-neutral-base-100, white))));
        border: 1px solid;
        border-color: var(--slds-c-card-color-border, var(--sds-c-card-color-border, var(--dxp-g-neutral-1, var(--slds-g-color-border-base-1, #c9c9c9))));
        color: var(--slds-c-card-text-color, var(--dxp-g-root-contrast, --sds-c-card-text-color));
    }
}

.hide-date-format-tip .slds-form-element__help {
    /* hide the date format tip */
    display: none;
}

.hide-date-format-tip .slds-show {
    /* show actual date validation messages */
    display:block;
}