/* =====================================================
   زر التواصل مع الدعم الفني عبر واتساب
   ---------------------------------------------------
   ثابت في الزاوية على كل الصفحات. موضعه أسفل يمين الشاشة لأن زر
   «العودة للأعلى» في الموقع التعريفي يقع أسفل اليسار ضمن RTL، فلا يتزاحمان.
   ملف مستقل ليُحمَّل مع أي تخطيط (الموقع، الدخول، تطبيق المشترك، الإدارة)
   دون أن يرتبط بأيٍّ من ملفّي الهوية.
===================================================== */
.wa-fab {
    position: fixed;
    bottom: 30px;
    /* inline-start = يمين الشاشة في RTL. زر «العودة للأعلى» في الموقع
       التعريفي يقع أسفل اليسار، فوضعُ هذا يميناً يمنع تراكبهما. */
    inset-inline-start: 30px;
    z-index: 1000;

    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 58px;
    padding: 0 18px;

    background: #25d366;
    color: #fff;
    border-radius: 50px;
    text-decoration: none;
    font-family: 'Cairo', 'Segoe UI', Tahoma, sans-serif;
    font-size: .92rem;
    font-weight: 600;
    white-space: nowrap;

    box-shadow: 0 6px 22px rgba(37, 211, 102, .45);
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.wa-fab:hover,
.wa-fab:focus-visible {
    background: #1fb855;
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(37, 211, 102, .55);
    outline: none;
}

.wa-fab:focus-visible { box-shadow: 0 0 0 4px rgba(37, 211, 102, .35), 0 10px 28px rgba(37, 211, 102, .5); }

.wa-fab svg {
    width: 30px;
    height: 30px;
    fill: currentColor;
    flex-shrink: 0;
}

.wa-fab-label { line-height: 1; }

/* حلقة نابضة تلفت النظر دون أن تزعج — تختفي عند التحويم وعند تقليل الحركة. */
.wa-fab::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50px;
    border: 2px solid #25d366;
    animation: waPulse 2.6s ease-out infinite;
    pointer-events: none;
}

.wa-fab:hover::before { animation: none; opacity: 0; }

@keyframes waPulse {
    0%   { transform: scale(1);    opacity: .65; }
    70%  { transform: scale(1.16); opacity: 0; }
    100% { transform: scale(1.16); opacity: 0; }
}

/* على الشاشات الضيقة يتقلّص إلى أيقونة دائرية حتى لا يحجب المحتوى. */
@media (max-width: 767px) {
    .wa-fab {
        bottom: 18px;
        inset-inline-start: 18px;
        width: 54px;
        height: 54px;
        padding: 0;
        justify-content: center;
        border-radius: 50%;
    }

    .wa-fab::before { border-radius: 50%; }
    .wa-fab-label { display: none; }
}

@media print {
    .wa-fab { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
    .wa-fab { transition: none; }
    .wa-fab::before { animation: none; opacity: 0; }
    .wa-fab:hover, .wa-fab:focus-visible { transform: none; }
}