/**
 * External Site Styles
 * MT Milestones Experience Cloud
 *
 * Custom styles for the site, including OmniScript form overrides.
 * Uses SLDS variables (--slds-g-*, --slds-c-*) for consistency.
 */

/* ==========================================================================
   1. OmniScript – Spacing
   Remove extra padding/margin from form elements for tighter layout.
   ========================================================================== */

runtime_omnistudio_omniscript-omniscript-select.slds-p-right_small.slds-m-bottom_xx-small.slds-show_inline-block,
runtime_omnistudio_omniscript-omniscript-text-block.slds-p-right_small.slds-m-bottom_xx-small.slds-show_inline-block,
runtime_omnistudio_omniscript-omniscript-checkbox.slds-p-right_small.slds-m-bottom_xx-small.slds-show_inline-block,
runtime_omnistudio_omniscript-omniscript-date.slds-p-right_small.slds-m-bottom_xx-small.slds-show_inline-block,
runtime_omnistudio_omniscript-omniscript-textarea.slds-p-right_small.slds-m-bottom_xx-small.slds-show_inline-block,
runtime_omnistudio_omniscript-omniscript-places-typeahead.slds-p-right_small.slds-m-bottom_xx-small.slds-show_inline-block,
runtime_omnistudio_omniscript-omniscript-text.slds-p-right_small.slds-m-bottom_xx-small.slds-show_inline-block,
runtime_omnistudio_omniscript-omniscript-email.slds-p-right_small.slds-m-bottom_xx-small.slds-show_inline-block,
runtime_omnistudio_omniscript-omniscript-telephone.slds-p-right_small.slds-m-bottom_xx-small.slds-show_inline-block
runtime_omnistudio_omniscript-omniscript-radio.slds-p-right_small.slds-m-bottom_xx-small.slds-show_inline-block {
    padding-bottom: var(--slds-g-spacing-none, 0);
}

runtime_omnistudio_omniscript-omniscript-block .slds-accordion .slds-accordion__summary {
    padding: 0.75rem;
}
runtime_omnistudio_omniscript-omniscript-block .slds-accordion .slds-accordion__summary-action {
    background-color: var(--lwc-colorBackgroundButtonDefaultActive);
    padding: 0.5rem 1rem;
    margin: 0;
}

.omniscript-body runtime_omnistudio_omniscript-omniscript-block {
    padding: 0.75rem 0 !important;
}

runtime_omnistudio_omniscript-omniscript-checkbox > slot > .slds-grid.slds-m-vertical_medium {
    margin: var(--slds-g-spacing-none, 0);
}

runtime_omnistudio_common-modal .slds-modal__content.slds-var-p-around_medium {
    padding: var(--slds-g-spacing-none, 0);
}

runtime_omnistudio_omniscript-omniscript-line-break.slds-size_1-of-1 {
    display: block;
}

runtime_omnistudio-omniscript runtime_omnistudio_omniscript-omniscript-container .omniscript-container .slds-card {
    background-color: var(--lwc-pageColorBackgroundPrimary);
}

runtime_omnistudio_common-button .slds-button.slds-button_brand {
    background-color: var(--slds-r-color-brand-35) ;
    border-color:var(--slds-r-color-brand-35);
    line-height: var(--slds-g-font-scale-8, 2.5rem);
    color: var(--slds-c-button-text-color, var(--slds-s-button-color, var(--slds-g-color-accent-2)));
    font-weight: var(--slds-g-font-weight-4);
    vertical-align: middle;
    font-size: var(--slds-g-font-scale-2, 1rem);
    border-radius: 4px;
}

runtime_omnistudio_common-button .slds-button.slds-button_neutral {
    border-radius: 4px;
}

runtime_omnistudio_common-button .slds-button.slds-button_brand:hover, runtime_omnistudio_common-button .slds-button.slds-button_brand:focus {
    background-color: var(--slds-r-color-brand-50) ;
}


runtime_omnistudio_omniscript-omniscript-container .slds-p-horizontal_medium.slds-show_medium {
    background-color: var(--lwc-pageColorBackgroundPrimary);
}

/* ==========================================================================
   2. OmniScript – Form Controls (Borders & Error State)
   Align input borders with brand; remove default error box-shadow.
   ========================================================================== */

runtime_omnistudio_omniscript-omniscript-textarea runtime_omnistudio_common-textarea .slds-textarea,
runtime_omnistudio_omniscript-omniscript-select runtime_omnistudio_common-combobox .slds-input,
runtime_omnistudio_omniscript-omniscript-date runtime_omnistudio_common-date-picker .slds-input,
runtime_omnistudio_omniscript-omniscript-places-typeahead runtime_omnistudio_common-typeahead .slds-input,
runtime_omnistudio_omniscript-omniscript-text runtime_omnistudio_common-input .slds-input,
runtime_omnistudio_omniscript-omniscript-email runtime_omnistudio_common-input .slds-input,
runtime_omnistudio_omniscript-omniscript-telephone runtime_omnistudio_common-masked-input .slds-input {
    border-color: var(--slds-r-color-brand-35, var(--slds-g-color-border-2));
}

runtime_omnistudio_omniscript-omniscript-textarea runtime_omnistudio_common-textarea .slds-has-error .slds-textarea,
runtime_omnistudio_omniscript-omniscript-select runtime_omnistudio_common-combobox .slds-has-error .slds-input,
runtime_omnistudio_omniscript-omniscript-date runtime_omnistudio_common-date-picker .slds-has-error .slds-input,
runtime_omnistudio_omniscript-omniscript-places-typeahead runtime_omnistudio_common-typeahead .slds-has-error .slds-input,
runtime_omnistudio_omniscript-omniscript-text runtime_omnistudio_common-input .slds-has-error .slds-input ,
runtime_omnistudio_omniscript-omniscript-email runtime_omnistudio_common-input .slds-has-error .slds-input,
runtime_omnistudio_omniscript-omniscript-telephone runtime_omnistudio_common-masked-input .slds-has-error .slds-input {
    box-shadow: none;
    border-color: var(--lwc-colorBorderError);
}

/* ==========================================================================
   3. OmniScript – Typography
   Checkbox label styling.
   ========================================================================== */

runtime_omnistudio_omniscript-omniscript-checkbox runtime_omnistudio_common-input .slds-checkbox label > .slds-form-element__label {
    font-size: var(--slds-g-font-scale-2, 1rem) !important;
    color: var(--lwc-colorTextDefault);
}

runtime_omnistudio_omniscript-omniscript-select runtime_omnistudio_common-combobox .slds-form-element__label,
runtime_omnistudio_omniscript-omniscript-date runtime_omnistudio_common-date-picker .slds-form-element__label,
runtime_omnistudio_omniscript-omniscript-email runtime_omnistudio_common-input .slds-form-element__label,
runtime_omnistudio_omniscript-omniscript-telephone runtime_omnistudio_common-masked-input .slds-form-element__label,
runtime_omnistudio_omniscript-omniscript-text runtime_omnistudio_common-input .slds-form-element__label,
runtime_omnistudio_omniscript-omniscript-radio runtime_omnistudio_common-radio-group .slds-form-element__label{
    font-weight: 700;
    color: var(--lwc-colorTextDefault);
}

runtime_omnistudio_omniscript-omniscript-radio runtime_omnistudio_common-radio-group .slds-radio [type=radio]+.slds-radio__label .slds-radio_faux:after{
    background-color:  var(--slds-r-color-brand-35) !important;
}

/* ==========================================================================
   4. General UI
   Links and inline-block elements.
   ========================================================================== */

.slds-show_inline-block {
    border: none;
}

a:not(.slds-button) {
    text-decoration: none !important;
}

/* ==========================================================================
   5. Buttons
   Neutral and icon-border-filled button overrides.
   ========================================================================== */

.slds-button.slds-button_neutral,
.slds-button.slds-button_icon-border-filled {
    --slds-c-button-color-border: var(--slds-r-color-brand-35, var(--slds-g-color-border-2));
    --slds-c-button-spacing-inline-start: var(--slds-s-button-spacing-inline);
    --slds-c-button-spacing-inline-end: var(--slds-s-button-spacing-inline);
    line-height: var(--slds-g-font-scale-8, 2.5rem);
    color: var(--slds-c-button-text-color, var(--slds-s-button-color, var(--slds-g-color-accent-2)));
    font-weight: var(--slds-g-font-weight-4);
    vertical-align: middle;
    font-size: var(--slds-g-font-scale-2, 1rem);
}

.slds-button.slds-button_icon-border-filled {
    padding-block: 21px;
    border-color: var(--slds-r-color-brand-35, var(--slds-g-color-border-2));
}

.rowActionsPlaceHolder.slds-button.slds-button_icon-border-filled {
    padding-block: 16px;
}

.forceVirtualAction .slds-button.slds-button--icon-x-small.slds-button--icon-border-filled {
    padding: var(--slds-c-button-spacing-inline-start, 1rem);
    border-color: var(--slds-r-color-brand-35, var(--slds-g-color-border-2));
    width: var(--lwc-squareIconXSmallBoundary, 1.25rem);
    height: var(--lwc-squareIconXSmallBoundary, 1.25rem);
}


records-record-layout-section records-record-layout-item .slds-form-element {
    margin-bottom: 1rem;
}

records-record-layout-section records-record-layout-item .slds-form-element_readonly .slds-form-element__control {
    padding-top: 0;
}
records-record-layout-section records-record-layout-item .slds-form-element .slds-form-element__label{
    margin-bottom: 0;
}