/* أوتوكور — شريط إعلان متحرك + زر واتساب في الهيدر + زر واتساب عائم (2026-10-12) */

/* 1) شريط الإعلان المتحرك (يبنيه الـJS من إعلان سلة، ومكوّن سلة الأصلي مخفي عشان ما يتكرر الشريط) */
salla-advertisement { display: none !important; }
.ac-bar { overflow: hidden; height: 38px; display: flex; align-items: center; font-size: 14px; }
.ac-ticker { display: flex; width: max-content; animation: ac-slide 45s linear infinite; }
.ac-bar:hover .ac-ticker { animation-play-state: paused; }
.ac-ticker-group { display: flex; }
.ac-ticker a { display: inline-flex; align-items: center; gap: 18px; white-space: nowrap; color: inherit; font-weight: 600; padding-inline-end: 18px; }
.ac-ticker a::after { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #02DF82; }
@keyframes ac-slide { from { transform: translateX(0); } to { transform: translateX(50%); } }
@media (prefers-reduced-motion: reduce) { .ac-ticker { animation: none; } }

/* 2) زر واتساب في الهيدر بدل «تواصل معنا: +966…» (كمبيوتر فقط، نفس عرض الثيم للرقم) */
.s-contacts-header a[href^="tel:"] { display: none !important; }
.ac-wa-top { display: none; }
@media (min-width: 1024px) { .ac-wa-top { display: inline-flex; } }
.ac-wa-top { align-items: center; gap: 8px; height: 34px; padding-inline: 14px; border-radius: 999px; background: #03624C; color: #fff !important; font-size: 14px; font-weight: 700; white-space: nowrap; }
.ac-wa-top:hover { background: #02DF82; color: #030F0F !important; }
.ac-wa-top svg { width: 18px; height: 18px; flex: none; }
.ac-wa-top .ac-num { direction: ltr; font-weight: 600; opacity: .9; }

/* 3) زر واتساب عائم ثابت في كل الصفحات (بدل زر التطبيق الدائري) */
.wa-s-n { display: none !important; }
.ac-wa-float { position: fixed; z-index: 9999; bottom: 18px; right: 18px; display: inline-flex; align-items: center; gap: 8px; height: 52px; padding-inline: 18px 20px; border-radius: 999px; background: #25D366; color: #fff !important; font-size: 15px; font-weight: 700; box-shadow: 0 8px 24px rgba(0, 0, 0, .22); }
.ac-wa-float:hover { background: #1EBE5A; }
.ac-wa-float svg { width: 24px; height: 24px; flex: none; }
@media (max-width: 767px) {
  .ac-wa-float { bottom: 14px; right: 14px; height: 50px; padding-inline: 14px 16px; font-size: 14px; }
}