/* 404 live-search placement hardening: field-width, below-field and foreground-safe. */
.elementor-widget-aliclick_contact_hero .ac404-live-search {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    isolation: isolate;
    z-index: 2147482000 !important;
}

/* The dropdown must exactly follow the search field width and left/right edges. */
.elementor-widget-aliclick_contact_hero .ac404-live-search__panel,
.elementor-widget-aliclick_contact_hero .ac404-live-search__panel.is-drop-up {
    left: 0 !important;
    right: 0 !important;
    inset-inline-start: 0 !important;
    inset-inline-end: 0 !important;
    top: calc(100% + var(--ac404-live-panel-offset, 10px)) !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
    transform-origin: top center !important;
    z-index: 2147483000 !important;
}

/*
 * The hero itself normally clips decorative artwork with overflow:hidden.
 * While results are visible that clipping would cut the dropdown at the hero edge,
 * so temporarily lift the search/widget stacking context and allow overflow.
 */
.elementor-widget-aliclick_contact_hero:has(.ac404-live-search__panel:not([hidden])) {
    position: relative !important;
    z-index: 2147481000 !important;
    overflow: visible !important;
}

.elementor-widget-aliclick_contact_hero:has(.ac404-live-search__panel:not([hidden])) > .elementor-widget-container,
.elementor-widget-aliclick_contact_hero .ac404-hero:has(.ac404-live-search__panel:not([hidden])),
.elementor-widget-aliclick_contact_hero .ac404-hero__inner:has(.ac404-live-search__panel:not([hidden])),
.elementor-widget-aliclick_contact_hero .ac404-hero__content:has(.ac404-live-search__panel:not([hidden])) {
    overflow: visible !important;
}

.elementor-widget-aliclick_contact_hero .ac404-hero:has(.ac404-live-search__panel:not([hidden])) {
    z-index: 2147480000 !important;
}

/* Modern footer CTA for “عرض جميع نتائج البحث”. */
.elementor-widget-aliclick_contact_hero .ac404-live-search__footer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 9px;
    padding: 15px 0 2px;
}

.elementor-widget-aliclick_contact_hero .ac404-live-search__footer::before {
    content: "";
    position: absolute;
    top: 0;
    inset-inline: 8px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(130, 157, 194, .30), transparent);
}

.elementor-widget-aliclick_contact_hero .ac404-live-search__all {
    position: relative;
    isolation: isolate;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
    min-height: 50px;
    padding: 12px 20px;
    overflow: hidden;
    border: 1px solid rgba(23, 105, 224, .16) !important;
    border-radius: 14px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1769e0 0%, #2e7bee 54%, #1769e0 100%) !important;
    box-shadow: 0 10px 24px rgba(23, 105, 224, .20), inset 0 1px 0 rgba(255, 255, 255, .16) !important;
    font: inherit;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.25;
    letter-spacing: 0;
    text-decoration: none !important;
    cursor: pointer;
    transform: translateY(0);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, border-color .18s ease;
}

/* Subtle light sweep. */
.elementor-widget-aliclick_contact_hero .ac404-live-search__all::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -120%;
    left: -35%;
    width: 38%;
    height: 340%;
    opacity: .32;
    background: linear-gradient(90deg, transparent, #fff, transparent);
    transform: rotate(22deg) translateX(-170%);
    transition: transform .48s ease;
}

/* Direction-aware action chip. */
.elementor-widget-aliclick_contact_hero .ac404-live-search__all::after {
    content: "←";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border-radius: 9px;
    color: #1769e0;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 4px 12px rgba(10, 55, 120, .14);
    font-size: 16px;
    font-weight: 900;
    line-height: 1;
    transition: transform .18s ease, background .18s ease, color .18s ease;
}

.elementor-widget-aliclick_contact_hero .ac404-live-search__all:hover,
.elementor-widget-aliclick_contact_hero .ac404-live-search__all:focus-visible {
    outline: none;
    color: #fff !important;
    border-color: rgba(23, 105, 224, .28) !important;
    background: linear-gradient(135deg, #0f5fcf 0%, #2675e5 54%, #0f5fcf 100%) !important;
    box-shadow: 0 14px 30px rgba(23, 105, 224, .28), 0 0 0 4px rgba(23, 105, 224, .08), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
    transform: translateY(-2px);
}

.elementor-widget-aliclick_contact_hero .ac404-live-search__all:hover::before,
.elementor-widget-aliclick_contact_hero .ac404-live-search__all:focus-visible::before {
    transform: rotate(22deg) translateX(430%);
}

.elementor-widget-aliclick_contact_hero .ac404-live-search__all:hover::after,
.elementor-widget-aliclick_contact_hero .ac404-live-search__all:focus-visible::after {
    color: #0f5fcf;
    background: #fff;
    transform: translateX(-3px);
}

.elementor-widget-aliclick_contact_hero .ac404-live-search__all:active {
    box-shadow: 0 7px 16px rgba(23, 105, 224, .18), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
    transform: translateY(0);
}

[dir="ltr"] .elementor-widget-aliclick_contact_hero .ac404-live-search__all::after,
.elementor-widget-aliclick_contact_hero[dir="ltr"] .ac404-live-search__all::after {
    content: "→";
}

[dir="ltr"] .elementor-widget-aliclick_contact_hero .ac404-live-search__all:hover::after,
[dir="ltr"] .elementor-widget-aliclick_contact_hero .ac404-live-search__all:focus-visible::after,
.elementor-widget-aliclick_contact_hero[dir="ltr"] .ac404-live-search__all:hover::after,
.elementor-widget-aliclick_contact_hero[dir="ltr"] .ac404-live-search__all:focus-visible::after {
    transform: translateX(3px);
}

@media (max-width: 767px) {
    .elementor-widget-aliclick_contact_hero .ac404-live-search__panel,
    .elementor-widget-aliclick_contact_hero .ac404-live-search__panel.is-drop-up {
        width: 100% !important;
        max-width: 100% !important;
    }

    .elementor-widget-aliclick_contact_hero .ac404-live-search__footer {
        margin-top: 6px;
        padding-top: 12px;
    }

    .elementor-widget-aliclick_contact_hero .ac404-live-search__all {
        min-height: 48px;
        padding: 11px 16px;
        border-radius: 13px !important;
        font-size: 12.5px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .elementor-widget-aliclick_contact_hero .ac404-live-search__all,
    .elementor-widget-aliclick_contact_hero .ac404-live-search__all::before,
    .elementor-widget-aliclick_contact_hero .ac404-live-search__all::after {
        transition: none !important;
    }
}