/* تنسيق زر الواتساب وحركة النبض */
@keyframes pulse-orange {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 87, 34, 0.7); }
    70% { transform: scale(1.05); box-shadow: 0 0 0 15px rgba(255, 87, 34, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 87, 34, 0); }
}

.whatsapp-float {
    position: fixed;
    bottom: 24px;
    right: 24px; /* تم التغيير من left إلى right */
    z-index: 9999;
    background-color: #FF5722;
    color: white;
    padding: 16px;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    animation: pulse-orange 2s infinite;
    text-decoration: none;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}

.whatsapp-float:hover {
    transform: scale(1.1);
    background-color: #e64a19;
}

.whatsapp-text {
    max-width: 0;
    overflow: hidden;
    transition: all 0.5s ease;
    white-space: nowrap;
    font-weight: bold;
    margin-left: 0;
}

.whatsapp-float:hover .whatsapp-text {
    max-width: 200px;
    margin-left: 8px;
}

/* هذا الجزء هو المحرك الذي يجعل الهيدر يطارد المستخدم */
#header-placeholder {
    position: fixed !important; /* تثبيت مطلق بالنسبة للشاشة */
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important; /* رقم عالي جداً ليكون فوق كل محتوى الموقع */
    background-color: white !important; /* خلفية بيضاء لعدم تداخل النصوص */
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important; /* ظل خفيف ليظهر فوق المحتوى */
}

/* إضافة مسافة في أعلى الصفحة لتعويض مكان الهيدر الذي أصبح طائراً */
body {
    padding-top: 85px !important; 
}