/*
 * 404 live-authority v4
 *
 * v3 projected saved values onto the rendered hero for reliable frontend
 * output, but those local variables shadowed Elementor's live editor values.
 * v4 keeps runtime values only as fallbacks and lets inherited wrapper
 * variables win immediately while editing.
 */

.ac404-hero.ac404-runtime {
    --ac404-edge-inset: unset;
    --ac404-inner-max: unset;
    --ac404-min-height: unset;
    --ac404-pad-top: unset;
    --ac404-pad-right: unset;
    --ac404-pad-bottom: unset;
    --ac404-pad-left: unset;
    --ac404-columns-gap: unset;
    --ac404-flex-direction: unset;
    --ac404-media-width: unset;
    --ac404-media-height: unset;
    --ac404-content-max: unset;
    --ac404-text-align: unset;
    --ac404-header-gap: unset;
    --ac404-header-overlap: unset;
    --ac404-header-safe: unset;
    --ac404-align-items: unset;
    --ac404-actions-justify: unset;
    --ac404-buttons-gap: unset;
    --ac404-button-min-height: unset;
    --ac404-button-pad-top: unset;
    --ac404-button-pad-right: unset;
    --ac404-button-pad-bottom: unset;
    --ac404-button-pad-left: unset;
    --ac404-button-radius: unset;
    --ac404-button-icon-size: unset;
    --ac404-button-icon-gap: unset;
    --ac404-search-radius: unset;
    --ac404-primary-bg: unset;
    --ac404-primary-color: unset;
    --ac404-primary-icon: unset;
    --ac404-primary-border: unset;
    --ac404-primary-hover-bg: unset;
    --ac404-primary-hover-color: unset;
    --ac404-primary-hover-icon: unset;
    --ac404-primary-hover-border: unset;
    --ac404-secondary-bg: unset;
    --ac404-secondary-color: unset;
    --ac404-secondary-icon: unset;
    --ac404-secondary-border: unset;
    --ac404-secondary-hover-bg: unset;
    --ac404-secondary-hover-color: unset;
    --ac404-secondary-hover-icon: unset;
    --ac404-secondary-hover-border: unset;

    --ac404-rt-current-edge: var(--ac404-rt-edge-d, 0px);
    --ac404-rt-current-inner-max: var(--ac404-rt-inner-max-d, 1320px);
    --ac404-rt-current-min-height: var(--ac404-rt-min-height-d, 560px);
    --ac404-rt-current-pad-top: var(--ac404-rt-pad-top-d, 48px);
    --ac404-rt-current-pad-right: var(--ac404-rt-pad-right-d, 54px);
    --ac404-rt-current-pad-bottom: var(--ac404-rt-pad-bottom-d, 44px);
    --ac404-rt-current-pad-left: var(--ac404-rt-pad-left-d, 54px);
    --ac404-rt-current-gap: var(--ac404-rt-columns-gap-d, 54px);
    --ac404-rt-current-direction: var(--ac404-rt-flex-direction-d, row);
    --ac404-rt-current-media-width: var(--ac404-rt-media-width-d, 46%);
    --ac404-rt-current-media-height: var(--ac404-rt-media-height-d, 430px);
    --ac404-rt-current-content-max: var(--ac404-rt-content-max-d, 620px);
    --ac404-rt-current-text-align: var(--ac404-rt-text-align-d, right);
    --ac404-rt-current-header-gap: var(--ac404-rt-header-gap-d, 0px);
    --ac404-rt-current-header-overlap: var(--ac404-rt-header-overlap-d, 88px);
    --ac404-rt-current-header-safe: var(--ac404-rt-header-safe-d, 88px);
    --ac404-rt-current-align-items: var(--ac404-rt-align-items-d, center);
    --ac404-rt-current-actions: var(--ac404-rt-actions-justify-d, flex-start);
    --ac404-rt-current-buttons-gap: var(--ac404-rt-buttons-gap-d, 14px);
    --ac404-rt-current-button-height: var(--ac404-rt-button-min-height-d, 48px);
    --ac404-rt-current-button-pad-top: var(--ac404-rt-button-pad-top-d, 11px);
    --ac404-rt-current-button-pad-right: var(--ac404-rt-button-pad-right-d, 24px);
    --ac404-rt-current-button-pad-bottom: var(--ac404-rt-button-pad-bottom-d, 11px);
    --ac404-rt-current-button-pad-left: var(--ac404-rt-button-pad-left-d, 24px);
    --ac404-rt-current-button-radius: var(--ac404-rt-button-radius-d, 11px);
    --ac404-rt-current-button-icon-size: var(--ac404-rt-button-icon-size-d, 17px);
    --ac404-rt-current-button-icon-gap: var(--ac404-rt-button-icon-gap-d, 9px);
    --ac404-rt-current-search-radius: var(--ac404-rt-search-radius-d, 13px);

    min-height: var(--ac404-min-height, var(--ac404-rt-current-min-height)) !important;
}

.ac404-hero.ac404-runtime .ac404-hero__inner {
    min-height: var(--ac404-min-height, var(--ac404-rt-current-min-height)) !important;
    max-width: var(--ac404-inner-max, var(--ac404-rt-current-inner-max)) !important;
    padding-top: var(--ac404-pad-top, var(--ac404-rt-current-pad-top)) !important;
    padding-right: var(--ac404-pad-right, var(--ac404-rt-current-pad-right)) !important;
    padding-bottom: var(--ac404-pad-bottom, var(--ac404-rt-current-pad-bottom)) !important;
    padding-left: var(--ac404-pad-left, var(--ac404-rt-current-pad-left)) !important;
    gap: var(--ac404-columns-gap, var(--ac404-rt-current-gap)) !important;
    flex-direction: var(--ac404-flex-direction, var(--ac404-rt-current-direction)) !important;
    align-items: var(--ac404-align-items, var(--ac404-rt-current-align-items)) !important;
    border-top: 0 !important;
}

.ac404-hero.ac404-runtime.ac404-runtime-after-header {
    margin-top: var(--ac404-header-gap, var(--ac404-rt-current-header-gap)) !important;
}

.ac404-hero.ac404-runtime.ac404-runtime-under-header,
.elementor-widget-aliclick_contact_hero.ac404-under-header-yes .ac404-hero.ac404-runtime {
    margin-top: calc(var(--ac404-header-gap, var(--ac404-rt-current-header-gap)) - var(--ac404-header-overlap, var(--ac404-rt-current-header-overlap))) !important;
}

.ac404-hero.ac404-runtime.ac404-runtime-under-header .ac404-hero__inner,
.elementor-widget-aliclick_contact_hero.ac404-under-header-yes .ac404-hero.ac404-runtime .ac404-hero__inner {
    padding-top: calc(var(--ac404-pad-top, var(--ac404-rt-current-pad-top)) + var(--ac404-header-safe, var(--ac404-rt-current-header-safe))) !important;
}

.ac404-hero.ac404-runtime .ac404-hero__media {
    flex: 0 1 var(--ac404-media-width, var(--ac404-rt-current-media-width)) !important;
    flex-basis: var(--ac404-media-width, var(--ac404-rt-current-media-width)) !important;
    width: var(--ac404-media-width, var(--ac404-rt-current-media-width)) !important;
    max-width: var(--ac404-media-width, var(--ac404-rt-current-media-width)) !important;
}

.ac404-hero.ac404-runtime .ac404-hero__image-wrap {
    height: var(--ac404-media-height, var(--ac404-rt-current-media-height)) !important;
}

.ac404-hero.ac404-runtime .ac404-hero__content {
    max-width: var(--ac404-content-max, var(--ac404-rt-current-content-max)) !important;
    text-align: var(--ac404-text-align, var(--ac404-rt-current-text-align)) !important;
}

.ac404-hero.ac404-runtime .ac404-hero__actions {
    justify-content: var(--ac404-actions-justify, var(--ac404-rt-current-actions)) !important;
    gap: var(--ac404-buttons-gap, var(--ac404-rt-current-buttons-gap)) !important;
}

.ac404-hero.ac404-runtime .ac404-hero__search {
    border-radius: var(--ac404-search-radius, var(--ac404-rt-current-search-radius)) !important;
}

.ac404-hero.ac404-runtime .ac404-hero__button {
    min-height: var(--ac404-button-min-height, var(--ac404-rt-current-button-height)) !important;
    padding: var(--ac404-button-pad-top, var(--ac404-rt-current-button-pad-top)) var(--ac404-button-pad-right, var(--ac404-rt-current-button-pad-right)) var(--ac404-button-pad-bottom, var(--ac404-rt-current-button-pad-bottom)) var(--ac404-button-pad-left, var(--ac404-rt-current-button-pad-left)) !important;
    border-radius: var(--ac404-button-radius, var(--ac404-rt-current-button-radius)) !important;
    gap: var(--ac404-button-icon-gap, var(--ac404-rt-current-button-icon-gap)) !important;
}

.ac404-hero.ac404-runtime .ac404-hero__button svg,
.ac404-hero.ac404-runtime .ac404-hero__button i {
    width: var(--ac404-button-icon-size, var(--ac404-rt-current-button-icon-size)) !important;
    height: var(--ac404-button-icon-size, var(--ac404-rt-current-button-icon-size)) !important;
    font-size: var(--ac404-button-icon-size, var(--ac404-rt-current-button-icon-size)) !important;
}

.ac404-hero.ac404-runtime .ac404-hero__button--primary {
    color: var(--ac404-primary-color, var(--ac404-rt-primary-color, #fff)) !important;
    background: var(--ac404-primary-bg, var(--ac404-rt-primary-bg, #1769e0)) !important;
    border-color: var(--ac404-primary-border, var(--ac404-rt-primary-border, #1769e0)) !important;
}
.ac404-hero.ac404-runtime .ac404-hero__button--primary svg,
.ac404-hero.ac404-runtime .ac404-hero__button--primary i {
    color: var(--ac404-primary-icon, var(--ac404-rt-primary-icon, #fff)) !important;
    fill: var(--ac404-primary-icon, var(--ac404-rt-primary-icon, #fff)) !important;
}
.ac404-hero.ac404-runtime .ac404-hero__button--primary:hover,
.ac404-hero.ac404-runtime .ac404-hero__button--primary:focus-visible {
    color: var(--ac404-primary-hover-color, var(--ac404-rt-primary-hover-color, #fff)) !important;
    background: var(--ac404-primary-hover-bg, var(--ac404-rt-primary-hover-bg, #0e55c4)) !important;
    border-color: var(--ac404-primary-hover-border, var(--ac404-rt-primary-hover-border, #0e55c4)) !important;
}

.ac404-hero.ac404-runtime .ac404-hero__button--secondary {
    color: var(--ac404-secondary-color, var(--ac404-rt-secondary-color, #1769e0)) !important;
    background: var(--ac404-secondary-bg, var(--ac404-rt-secondary-bg, #fff)) !important;
    border-color: var(--ac404-secondary-border, var(--ac404-rt-secondary-border, #1769e0)) !important;
}
.ac404-hero.ac404-runtime .ac404-hero__button--secondary svg,
.ac404-hero.ac404-runtime .ac404-hero__button--secondary i {
    color: var(--ac404-secondary-icon, var(--ac404-rt-secondary-icon, #1769e0)) !important;
    fill: var(--ac404-secondary-icon, var(--ac404-rt-secondary-icon, #1769e0)) !important;
}
.ac404-hero.ac404-runtime .ac404-hero__button--secondary:hover,
.ac404-hero.ac404-runtime .ac404-hero__button--secondary:focus-visible {
    color: var(--ac404-secondary-hover-color, var(--ac404-rt-secondary-hover-color, #fff)) !important;
    background: var(--ac404-secondary-hover-bg, var(--ac404-rt-secondary-hover-bg, #1769e0)) !important;
    border-color: var(--ac404-secondary-hover-border, var(--ac404-rt-secondary-hover-border, #1769e0)) !important;
}

.elementor-widget-aliclick_contact_hero.ac404-width-mode-viewport .ac404-hero.ac404-runtime,
.ac404-hero.ac404-runtime.ac404-runtime-width-viewport {
    width: auto !important;
    max-width: none !important;
    margin-inline-start: calc(50% - 50vw + var(--ac404-edge-inset, var(--ac404-rt-current-edge))) !important;
    margin-inline-end: calc(50% - 50vw + var(--ac404-edge-inset, var(--ac404-rt-current-edge))) !important;
}
.elementor-widget-aliclick_contact_hero.ac404-width-mode-parent .ac404-hero.ac404-runtime {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
}

@media (max-width: 1024px) {
    .ac404-hero.ac404-runtime {
        --ac404-rt-current-edge: var(--ac404-rt-edge-t, var(--ac404-rt-edge-d, 0px));
        --ac404-rt-current-inner-max: var(--ac404-rt-inner-max-t, var(--ac404-rt-inner-max-d, 100%));
        --ac404-rt-current-min-height: var(--ac404-rt-min-height-t, var(--ac404-rt-min-height-d, 520px));
        --ac404-rt-current-pad-top: var(--ac404-rt-pad-top-t, var(--ac404-rt-pad-top-d, 38px));
        --ac404-rt-current-pad-right: var(--ac404-rt-pad-right-t, var(--ac404-rt-pad-right-d, 28px));
        --ac404-rt-current-pad-bottom: var(--ac404-rt-pad-bottom-t, var(--ac404-rt-pad-bottom-d, 34px));
        --ac404-rt-current-pad-left: var(--ac404-rt-pad-left-t, var(--ac404-rt-pad-left-d, 28px));
        --ac404-rt-current-gap: var(--ac404-rt-columns-gap-t, var(--ac404-rt-columns-gap-d, 36px));
        --ac404-rt-current-direction: var(--ac404-rt-flex-direction-t, var(--ac404-rt-flex-direction-d, row));
        --ac404-rt-current-media-width: var(--ac404-rt-media-width-t, var(--ac404-rt-media-width-d, 46%));
        --ac404-rt-current-media-height: var(--ac404-rt-media-height-t, var(--ac404-rt-media-height-d, 380px));
        --ac404-rt-current-content-max: var(--ac404-rt-content-max-t, var(--ac404-rt-content-max-d, 620px));
        --ac404-rt-current-text-align: var(--ac404-rt-text-align-t, var(--ac404-rt-text-align-d, right));
        --ac404-rt-current-header-gap: var(--ac404-rt-header-gap-t, var(--ac404-rt-header-gap-d, 0px));
        --ac404-rt-current-header-overlap: var(--ac404-rt-header-overlap-t, var(--ac404-rt-header-overlap-d, 80px));
        --ac404-rt-current-header-safe: var(--ac404-rt-header-safe-t, var(--ac404-rt-header-safe-d, 80px));
        --ac404-rt-current-align-items: var(--ac404-rt-align-items-t, var(--ac404-rt-align-items-d, center));
        --ac404-rt-current-actions: var(--ac404-rt-actions-justify-t, var(--ac404-rt-actions-justify-d, flex-start));
        --ac404-rt-current-buttons-gap: var(--ac404-rt-buttons-gap-t, var(--ac404-rt-buttons-gap-d, 14px));
        --ac404-rt-current-button-height: var(--ac404-rt-button-min-height-t, var(--ac404-rt-button-min-height-d, 48px));
        --ac404-rt-current-button-pad-top: var(--ac404-rt-button-pad-top-t, var(--ac404-rt-button-pad-top-d, 11px));
        --ac404-rt-current-button-pad-right: var(--ac404-rt-button-pad-right-t, var(--ac404-rt-button-pad-right-d, 24px));
        --ac404-rt-current-button-pad-bottom: var(--ac404-rt-button-pad-bottom-t, var(--ac404-rt-button-pad-bottom-d, 11px));
        --ac404-rt-current-button-pad-left: var(--ac404-rt-button-pad-left-t, var(--ac404-rt-button-pad-left-d, 24px));
        --ac404-rt-current-button-radius: var(--ac404-rt-button-radius-t, var(--ac404-rt-button-radius-d, 11px));
        --ac404-rt-current-button-icon-size: var(--ac404-rt-button-icon-size-t, var(--ac404-rt-button-icon-size-d, 17px));
        --ac404-rt-current-button-icon-gap: var(--ac404-rt-button-icon-gap-t, var(--ac404-rt-button-icon-gap-d, 9px));
        --ac404-rt-current-search-radius: var(--ac404-rt-search-radius-t, var(--ac404-rt-search-radius-d, 13px));
    }
}

@media (max-width: 767px) {
    .ac404-hero.ac404-runtime {
        --ac404-rt-current-edge: var(--ac404-rt-edge-m, var(--ac404-rt-edge-t, 0px));
        --ac404-rt-current-inner-max: var(--ac404-rt-inner-max-m, var(--ac404-rt-inner-max-t, 100%));
        --ac404-rt-current-min-height: var(--ac404-rt-min-height-m, var(--ac404-rt-min-height-t, 0px));
        --ac404-rt-current-pad-top: var(--ac404-rt-pad-top-m, var(--ac404-rt-pad-top-t, 30px));
        --ac404-rt-current-pad-right: var(--ac404-rt-pad-right-m, var(--ac404-rt-pad-right-t, 18px));
        --ac404-rt-current-pad-bottom: var(--ac404-rt-pad-bottom-m, var(--ac404-rt-pad-bottom-t, 30px));
        --ac404-rt-current-pad-left: var(--ac404-rt-pad-left-m, var(--ac404-rt-pad-left-t, 18px));
        --ac404-rt-current-gap: var(--ac404-rt-columns-gap-m, var(--ac404-rt-columns-gap-t, 28px));
        --ac404-rt-current-direction: var(--ac404-rt-flex-direction-m, var(--ac404-rt-flex-direction-t, column));
        --ac404-rt-current-media-width: var(--ac404-rt-media-width-m, var(--ac404-rt-media-width-t, 100%));
        --ac404-rt-current-media-height: var(--ac404-rt-media-height-m, var(--ac404-rt-media-height-t, 300px));
        --ac404-rt-current-content-max: var(--ac404-rt-content-max-m, var(--ac404-rt-content-max-t, 100%));
        --ac404-rt-current-text-align: var(--ac404-rt-text-align-m, var(--ac404-rt-text-align-t, center));
        --ac404-rt-current-header-gap: var(--ac404-rt-header-gap-m, var(--ac404-rt-header-gap-t, 0px));
        --ac404-rt-current-header-overlap: var(--ac404-rt-header-overlap-m, var(--ac404-rt-header-overlap-t, 72px));
        --ac404-rt-current-header-safe: var(--ac404-rt-header-safe-m, var(--ac404-rt-header-safe-t, 72px));
        --ac404-rt-current-align-items: var(--ac404-rt-align-items-m, var(--ac404-rt-align-items-t, stretch));
        --ac404-rt-current-actions: var(--ac404-rt-actions-justify-m, var(--ac404-rt-actions-justify-t, center));
        --ac404-rt-current-buttons-gap: var(--ac404-rt-buttons-gap-m, var(--ac404-rt-buttons-gap-t, 12px));
        --ac404-rt-current-button-height: var(--ac404-rt-button-min-height-m, var(--ac404-rt-button-min-height-t, 46px));
        --ac404-rt-current-button-pad-top: var(--ac404-rt-button-pad-top-m, var(--ac404-rt-button-pad-top-t, 10px));
        --ac404-rt-current-button-pad-right: var(--ac404-rt-button-pad-right-m, var(--ac404-rt-button-pad-right-t, 18px));
        --ac404-rt-current-button-pad-bottom: var(--ac404-rt-button-pad-bottom-m, var(--ac404-rt-button-pad-bottom-t, 10px));
        --ac404-rt-current-button-pad-left: var(--ac404-rt-button-pad-left-m, var(--ac404-rt-button-pad-left-t, 18px));
        --ac404-rt-current-button-radius: var(--ac404-rt-button-radius-m, var(--ac404-rt-button-radius-t, 11px));
        --ac404-rt-current-button-icon-size: var(--ac404-rt-button-icon-size-m, var(--ac404-rt-button-icon-size-t, 16px));
        --ac404-rt-current-button-icon-gap: var(--ac404-rt-button-icon-gap-m, var(--ac404-rt-button-icon-gap-t, 8px));
        --ac404-rt-current-search-radius: var(--ac404-rt-search-radius-m, var(--ac404-rt-search-radius-t, 13px));
    }
}