/* زر واتساب – هوية الموقع (بنفسجي) مع الشعار الحديث */
.iron-wa{
  position:fixed; right:16px; bottom:16px; z-index:2147483647;
  width:56px; height:56px; border-radius:50%;
  background:var(--wa-bg, #6A1B9A); /* عدّل اللون لو أردت */
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 24px rgba(0,0,0,.16);
  outline:none; border:none; cursor:pointer;
}
.iron-wa svg{ width:28px; height:28px; display:block; }
.iron-wa svg path{ fill:#fff; }       /* الشعار أبيض ليتباين مع اللون البنفسجي */
.iron-wa:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.9), 0 0 0 6px rgba(106,27,154,.35); }
@media (max-width:480px){ .iron-wa{ width:52px; height:52px; } }
@media (prefers-reduced-motion:no-preference){
  .iron-wa{ transition:transform .2s ease, box-shadow .2s ease; }
  .iron-wa:hover{ transform:translateY(-2px); }
}/* 🎨 هيدر الموقع - تنسيق احترافي */
header.site-header, .header, .main-header {
  background: #6A1B9A; /* اللون البنفسجي لهوية Lahzabs */
  color: #fff;
  border-bottom: 3px solid #4A0072; /* ظل بنفسجي أغمق */
  padding: 10px 16px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.15);
  position: sticky;
  top: 0;
  z-index: 1000;
}

/* 🧭 عناصر القائمة */
header.site-header a, 
header.site-header .menu a, 
header.site-header .nav a {
  color: #fff !important;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
}
header.site-header a:hover {
  color: #FFD740 !important; /* لون ذهبي عند المرور */
}

/* 👤 الأيقونات */
header.site-header svg,
header.site-header i {
  fill: #fff !important;
  color: #fff !important;
  transition: opacity 0.3s ease;
}
header.site-header svg:hover,
header.site-header i:hover {
  opacity: 0.8;
}

/* 📱 دعم الموبايل */
@media (max-width:768px) {
  header.site-header, .header, .main-header {
    padding: 8px 12px;
  }
}

/* 🧢 شعار Lahzabs */
header .logo img {
  max-height: 46px;
  border-radius: 6px;
}