/* Nav CTA — احصل على استشارة مجانية */

@keyframes nav-cta-pulse {
    0%,
    100% {
        transform: scale(1);
        box-shadow:
            0 4px 14px rgba(var(--accent-rgb), 0.4),
            0 0 0 0 rgba(var(--accent-rgb), 0);
    }

    50% {
        transform: scale(1.06);
        box-shadow:
            0 8px 24px rgba(var(--accent-rgb), 0.55),
            0 0 0 5px rgba(var(--accent-rgb), 0.2);
    }
}

@keyframes nav-cta-shine {
    0% {
        transform: translateX(-140%) skewX(-16deg);
    }

    100% {
        transform: translateX(220%) skewX(-16deg);
    }
}

@keyframes nav-cta-arrow {
    0%,
    100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(0.22rem);
    }
}

@keyframes nav-cta-arrow-rtl {
    0%,
    100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-0.22rem);
    }
}

@keyframes nav-cta-live {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    65% {
        transform: scale(2.4);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.site-header__navbar .nav-cta--attract {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
    gap: 0.4em !important;
    font-size: 0.8125rem !important;
    transition: background 0.2s ease !important;
    animation: nav-cta-pulse 2.2s ease-in-out infinite !important;
}

.site-header__navbar .nav-cta--attract::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(
        105deg,
        transparent 35%,
        rgba(255, 255, 255, 0.42) 50%,
        transparent 65%
    );
    animation: nav-cta-shine 2.8s ease-in-out infinite;
    pointer-events: none;
    content: '';
}

.site-header__navbar .nav-cta__icon {
    position: relative;
    z-index: 1;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 1.4rem;
    font-size: 0.85rem;
    background: rgba(255, 255, 255, 0.22);
    border-radius: 50%;
}

.site-header__navbar .nav-cta__icon::after {
    position: absolute;
    top: -1px;
    inset-inline-end: -1px;
    width: 0.42rem;
    height: 0.42rem;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 2px var(--accent);
    animation: nav-cta-live 2.2s ease-out infinite;
    content: '';
}

.site-header__navbar .nav-cta__label,
.site-header__navbar .nav-cta__arrow {
    position: relative;
    z-index: 1;
}

.site-header__navbar .nav-cta__arrow {
    display: inline-block;
    animation: nav-cta-arrow 2.2s ease-in-out infinite !important;
}

[dir="rtl"] .site-header__navbar .nav-cta__arrow {
    animation-name: nav-cta-arrow-rtl !important;
}

.site-header__navbar .nav-cta--attract:hover,
.site-header__navbar .nav-cta--attract:focus-visible {
    animation: none !important;
    transform: translateY(-1px) scale(1.03) !important;
    box-shadow: 0 8px 24px rgba(var(--accent-rgb), 0.5) !important;
}

.site-header__navbar .nav-cta--attract:hover::before,
.site-header__navbar .nav-cta--attract:focus-visible::before {
    animation: none;
    opacity: 0;
}

.site-header__navbar .nav-cta--attract:hover .nav-cta__arrow,
.site-header__navbar .nav-cta--attract:focus-visible .nav-cta__arrow {
    animation: none !important;
}

@media (max-width: 991.98px) {
    .site-header__navbar .nav-cta--attract {
        font-size: 0.875rem !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-header__navbar .nav-cta--attract {
        animation: none !important;
    }

    .site-header__navbar .nav-cta--attract::before,
    .site-header__navbar .nav-cta__icon::after,
    .site-header__navbar .nav-cta__arrow {
        animation: none !important;
    }
}