/*
 * AltaLink overrides for CRKIT Charcoal Ice forms.
 * Keep CRKIT-specific theme adjustments here instead of style.css.
 */

:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin.sc-crkit,
    body.wp-admin .sc-crkit,
    body.wp-admin [data-crkit-theme],
    body.wp-admin [data-crkit-theme-chain],
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) {
    --theme-toast-radius: 0;
    --theme-toast-error-bg: var(--wp--preset--color--active-alt, #EA002A);
    --theme-toast-error-icon-ink: var(--wp--preset--color--active-alt, #EA002A);
    --color-mad: var(--wp--preset--color--active-alt, #EA002A);
}

:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin.sc-crkit,
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) .cr-toast {
    border-radius: 0;
}

:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin.sc-crkit,
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) .cr-toast--error {
    --cr-toast-bg: var(--wp--preset--color--active-alt, #EA002A);
    --cr-toast-icon-ink: var(--wp--preset--color--active-alt, #EA002A);
}

:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin.sc-crkit,
    body.wp-admin .sc-crkit,
    body.wp-admin [data-crkit-theme],
    body.wp-admin [data-crkit-theme-chain],
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) [data-type="page-toast"][data-surface-kind="panel"] {
    --cr-page-toast-radius: 0;
    --cr-panel-radius: 0;
    --cr-surface-radius: 0;
    border-radius: 0;
}

:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin .sc-crkit,
    body.wp-admin [data-crkit-theme],
    body.wp-admin [data-crkit-theme-chain],
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) .form-block {
    --theme-accent: var(--wp--preset--color--active, #2E85FF);
    --color-accent: var(--wp--preset--color--active, #2E85FF);
    --color-accent-stronger: var(--wp--preset--color--active, #2E85FF);
    --color-accent-highlight: var(--wp--preset--color--active, #2E85FF);
    --color-link: var(--wp--preset--color--active, #2E85FF);
    --color-mad: var(--wp--preset--color--active-alt, #EA002A);
    --color-less-mad: var(--wp--preset--color--active-alt, #EA002A);
    --color-text: var(--wp--preset--color--text, #000000);
    --color-text-light: var(--wp--preset--color--text-light, #828282);
    --color-text-placeholder: var(--wp--preset--color--text-light, #828282);
    --color-border-light: var(--wp--preset--color--text, #000000);
    --bg-color: var(--wp--preset--color--bg, #ffffff);
    --radius-small: 0;
    --radius-med: 0;
    --radius-button: 0;
    --theme-form-control-frame-border: var(--wp--preset--color--text, #000000);
    --theme-form-control-frame-border-hover: var(--wp--preset--color--text, #000000);
    --theme-form-control-frame-border-focus: var(--wp--preset--color--active, #2E85FF);
    --theme-form-control-frame-border-width: 2px;
    --theme-form-control-frame-min-block-size: clamp(3.12rem, 4.8vw, 3.48rem);
    --theme-form-control-frame-padding-block: 0.65rem 0.35rem;
    --theme-form-control-row-min-block-size: 1.9em;
    --theme-form-control-floating-label-reserved-space: 0.9em;
    --theme-form-control-floating-label-scale: 0.72;
    --theme-form-control-floating-label-top: 0.34rem;
    --theme-form-textarea-floating-label-reserved-space: 1.05em;
    --theme-form-textarea-min-block-size: 6rem;
    --theme-form-control-label-color: var(--wp--preset--color--text-light, #828282);
    --theme-form-control-label-floating-color: var(--wp--preset--color--text, #000000);
    --color-button-primary: var(--wp--preset--color--active, #2E85FF);
    --color-button-primary-border: var(--wp--preset--color--active, #2E85FF);
    --color-button-primary-text: var(--wp--preset--color--text-on-dark, #fcfcfc);
    --color-button-secondary-border: var(--wp--preset--color--text, #000000);
    --color-button-secondary-text: var(--wp--preset--color--text, #000000);
}

:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin .sc-crkit,
    body.wp-admin [data-crkit-theme],
    body.wp-admin [data-crkit-theme-chain],
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) .form-block .form-control-field-block-frame {
    --cr-form-control-frame-border-color: var(--wp--preset--color--text, #000000);
    --cr-form-control-frame-border-width: 2px;
    background: var(--wp--preset--color--bg, #ffffff);
    border: var(--cr-form-control-frame-border-width) solid var(--cr-form-control-frame-border-color);
    border-radius: 0;
}

:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin .sc-crkit,
    body.wp-admin [data-crkit-theme],
    body.wp-admin [data-crkit-theme-chain],
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) .form-block .form-control-field-block:not(.disabled):not(.validation-failed) > .form-control-field-block-frame:hover:not(:focus-within) {
    --cr-form-control-frame-border-color: var(--wp--preset--color--text, #000000);
}

:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin .sc-crkit,
    body.wp-admin [data-crkit-theme],
    body.wp-admin [data-crkit-theme-chain],
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) .form-block .form-control-field-block > .form-control-field-block-frame:focus-within,
:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin .sc-crkit,
    body.wp-admin [data-crkit-theme],
    body.wp-admin [data-crkit-theme-chain],
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) .form-block .form-control-field-block[data-form-field-active="true"] > .form-control-field-block-frame {
    --cr-form-control-frame-border-color: var(--wp--preset--color--active, #2E85FF);
}

:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin .sc-crkit,
    body.wp-admin [data-crkit-theme],
    body.wp-admin [data-crkit-theme-chain],
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) .form-block .form-control-field-block.validation-failed > .form-control-field-block-frame {
    --cr-form-control-frame-border-color: var(--wp--preset--color--active-alt, #EA002A);
}

:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin .sc-crkit,
    body.wp-admin [data-crkit-theme],
    body.wp-admin [data-crkit-theme-chain],
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) .form-block .form-control-field-block-title,
:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin .sc-crkit,
    body.wp-admin [data-crkit-theme],
    body.wp-admin [data-crkit-theme-chain],
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) .form-block .form-checkbox-field-block-title,
:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin .sc-crkit,
    body.wp-admin [data-crkit-theme],
    body.wp-admin [data-crkit-theme-chain],
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) .form-block .form-control-field-block-input {
    color: var(--wp--preset--color--text, #000000);
}

:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin .sc-crkit,
    body.wp-admin [data-crkit-theme],
    body.wp-admin [data-crkit-theme-chain],
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) .form-block .form-control-field-block-input::placeholder,
:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin .sc-crkit,
    body.wp-admin [data-crkit-theme],
    body.wp-admin [data-crkit-theme-chain],
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) .form-block .form-select-field-block-select.is-placeholder {
    color: var(--wp--preset--color--text-light, #828282);
}

:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin .sc-crkit,
    body.wp-admin [data-crkit-theme],
    body.wp-admin [data-crkit-theme-chain],
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) .form-block .form-control-field-block-input::placeholder {
    opacity: 1;
}

:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin .sc-crkit,
    body.wp-admin [data-crkit-theme],
    body.wp-admin [data-crkit-theme-chain],
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) .form-block .form-control-field-block-required,
:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin .sc-crkit,
    body.wp-admin [data-crkit-theme],
    body.wp-admin [data-crkit-theme-chain],
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) .form-block .form-checkbox-field-block-required,
:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin .sc-crkit,
    body.wp-admin [data-crkit-theme],
    body.wp-admin [data-crkit-theme-chain],
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) .form-block .form-control-field-block-required::after,
:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin .sc-crkit,
    body.wp-admin [data-crkit-theme],
    body.wp-admin [data-crkit-theme-chain],
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) .form-block .form-checkbox-field-block-required::after {
    background: var(--wp--preset--color--active-alt, #EA002A);
}

:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin .sc-crkit,
    body.wp-admin [data-crkit-theme],
    body.wp-admin [data-crkit-theme-chain],
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) .form-block .form-checkbox-field-block .form-checkbox-field-block-input,
:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin .sc-crkit,
    body.wp-admin [data-crkit-theme],
    body.wp-admin [data-crkit-theme-chain],
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) .form-block .form-buttons-block__button {
    border-radius: 0;
}

:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin .sc-crkit,
    body.wp-admin [data-crkit-theme],
    body.wp-admin [data-crkit-theme-chain],
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) .form-block .form-checkbox-field-block--presentation-toggle {
    --form-checkbox-toggle-color: var(--wp--preset--color--text, #000000);
    --form-checkbox-toggle-active-background: var(--wp--preset--color--active, #2E85FF);
    --form-checkbox-toggle-active-border: var(--wp--preset--color--active, #2E85FF);
}

:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin .sc-crkit,
    body.wp-admin [data-crkit-theme],
    body.wp-admin [data-crkit-theme-chain],
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) .form-block .form-checkbox-field-block--presentation-toggle .form-checkbox-field-block-toggle,
:is(
    body.wp-theme-altalink.sc-crkit,
    body.wp-admin .sc-crkit,
    body.wp-admin [data-crkit-theme],
    body.wp-admin [data-crkit-theme-chain],
    body.editor-styles-wrapper,
    .editor-styles-wrapper
) .form-block .form-checkbox-field-block--presentation-toggle .form-checkbox-field-block-toggle::after {
    border-radius: 999px;
}

/* Reserve space for the CRKIT feedback form before the runtime hydrates it. */
body.page-id-14297 .entry-content {
    min-block-size: 90rem;
}

body.page-id-14297 #feedback-form.form-block {
    min-block-size: 78rem;
}

html:not([data-crkit-wp-ready="true"]) body.page-id-14297 .entry-content > [data-crkit-control-host="true"][data-crkit-control="form"][data-crkit-id="feedback-form"]:not([data-crkit-wp-status="ready"]) {
    min-height: 78rem;
}

#feedback-preferred-contact-time > .form-section-block-title {
    display: none;
}

#feedback-your-role,
#feedback-response-methods,
#feedback-best-time {
    --theme-form-section-fields-gap: 0.5rem;
}

:is(
    [data-crkit-id="feedback-contact-information"],
    #feedback-contact-information
) :is(
    [data-crkit-id="feedback-address"],
    #feedback-address
) {
    grid-column: 1 / -1;
}

:is(
    [data-crkit-id="feedback-form-intro"],
    #feedback-form-intro
) {
    display: block;
    box-sizing: border-box;
    inline-size: 100%;
    margin-block: 0 clamp(1.25rem, 2vw, 1.75rem);
    padding: clamp(1rem, 2vw, 1.5rem);
    background: var(--wp--preset--color--bg-light, #F1F1F1);
    color: var(--wp--preset--color--text, #000000);
    font-size: 1rem;
    line-height: 1.45;
}

:is(
    [data-crkit-id="feedback-form-disclosure"],
    #feedback-form-disclosure
) {
    display: block;
    box-sizing: border-box;
    inline-size: 100%;
    margin-block-start: clamp(1.25rem, 2vw, 1.75rem);
    color: var(--wp--preset--color--text-light, #828282);
    font-size: 0.85em;
    line-height: 1.45;
}

:is(
    [data-crkit-id="feedback-form-intro"],
    #feedback-form-intro,
    [data-crkit-id="feedback-form-disclosure"],
    #feedback-form-disclosure
) p {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
}

:is(
    [data-crkit-id="feedback-form-intro"],
    #feedback-form-intro,
    [data-crkit-id="feedback-form-disclosure"],
    #feedback-form-disclosure
) a {
    color: var(--wp--preset--color--active, #2E85FF);
    font-weight: 500;
}

@media (max-width: 782px) {
    body.page-id-14297 .entry-content {
        min-block-size: 175rem;
    }

    body.page-id-14297 #feedback-form.form-block {
        min-block-size: 135rem;
    }

    html:not([data-crkit-wp-ready="true"]) body.page-id-14297 .entry-content > [data-crkit-control-host="true"][data-crkit-control="form"][data-crkit-id="feedback-form"]:not([data-crkit-wp-status="ready"]) {
        min-height: 135rem;
    }
}