/* زر عائم: تواصل معنا — يظهر في كل صفحات الموقع (الجهة المقابلة لزر إمكانية الوصول) */
.cu-fab {
    position: fixed; bottom: 22px; inset-inline-start: 22px; z-index: 99989;
    display: inline-flex; align-items: center; height: 56px; padding: 0; border-radius: 50px;
    background: linear-gradient(135deg, #002147 0%, #003366 100%); color: #fff; text-decoration: none;
    box-shadow: 0 8px 24px rgba(0, 33, 71, .35); border: 2px solid #c9a227;
    transition: box-shadow .3s ease, transform .3s ease;
}
.cu-fab:hover, .cu-fab:focus-visible { color: #fff; transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0, 33, 71, .45); }
.cu-fab:focus-visible { outline: 3px solid #c9a227; outline-offset: 3px; }
.cu-fab-icon {
    width: 52px; height: 52px; flex: 0 0 52px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center; font-size: 21px; color: #c9a227; position: relative;
}
.cu-fab-icon::after {
    content: ""; position: absolute; inset: -2px; border-radius: 50%; border: 2px solid #c9a227;
    animation: cuFabPulse 2.2s ease-out infinite;
}
.cu-fab-label {
    max-width: 0; overflow: hidden; white-space: nowrap; font-weight: 700; font-size: 15px;
    transition: max-width .35s ease, padding .35s ease;
}
.cu-fab:hover .cu-fab-label, .cu-fab:focus-visible .cu-fab-label { max-width: 180px; padding-inline-end: 20px; }
@keyframes cuFabPulse { 0% { transform: scale(1); opacity: .8; } 100% { transform: scale(1.6); opacity: 0; } }
@media (max-width: 575.98px) {
    .cu-fab { bottom: 16px; inset-inline-start: 16px; height: 52px; }
    .cu-fab-icon { width: 48px; height: 48px; flex-basis: 48px; font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) {
    .cu-fab, .cu-fab-label { transition: none; }
    .cu-fab-icon::after { animation: none; display: none; }
}