/* Modern Medical Theme - نظام ألوان طبي احترافي وجذاب */

:root {
  /* الألوان الأساسية - Modern Medical Blue & Teal */
  --primary-blue: #0077B6;        /* أزرق طبي احترافي */
  --primary-teal: #00B4D8;        /* تركواز منعش */
  --accent-green: #06D6A0;        /* أخضر طبي للنجاح */
  --dark-navy: #023E8A;           /* أزرق داكن للعناوين */
  --light-blue: #90E0EF;          /* أزرق فاتح للخلفيات */
  
  /* ألوان ثانوية */
  --soft-white: #F8F9FA;          /* أبيض ناعم */
  --light-gray: #E9ECEF;          /* رمادي فاتح */
  --medium-gray: #6C757D;         /* رمادي متوسط */
  --dark-gray: #343A40;           /* رمادي داكن */
  
  /* ألوان التأكيد */
  --success-green: #06D6A0;       /* أخضر للنجاح */
  --warning-orange: #FF9F1C;      /* برتقالي للتنبيهات */
  --info-cyan: #00B4D8;           /* سماوي للمعلومات */
  
  /* تدرجات جذابة */
  --gradient-primary: linear-gradient(135deg, #0077B6 0%, #00B4D8 100%);
  --gradient-accent: linear-gradient(135deg, #00B4D8 0%, #06D6A0 100%);
  --gradient-dark: linear-gradient(135deg, #023E8A 0%, #0077B6 100%);
  
  /* ظلال احترافية */
  --shadow-sm: 0 2px 8px rgba(0, 119, 182, 0.1);
  --shadow-md: 0 4px 16px rgba(0, 119, 182, 0.15);
  --shadow-lg: 0 8px 32px rgba(0, 119, 182, 0.2);
  --shadow-xl: 0 12px 48px rgba(0, 119, 182, 0.25);
}

/* تطبيق الألوان على العناصر الأساسية */
body {
  background: linear-gradient(to bottom, #F8F9FA 0%, #E9ECEF 100%) !important;
  color: var(--dark-gray) !important;
}

/* العناوين */
h1, h2, h3, h4, h5, h6 {
  color: var(--dark-navy) !important;
}

/* الأزرار الأساسية */
.btn-primary, button[class*="primary"] {
  background: var(--gradient-primary) !important;
  border: none !important;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}

.btn-primary:hover, button[class*="primary"]:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

/* الأزرار الثانوية */
.btn-secondary, button[class*="secondary"] {
  background: var(--gradient-accent) !important;
  border: none !important;
  box-shadow: var(--shadow-sm);
}

/* البطاقات */
.card, [class*="card"] {
  background: white !important;
  border: 1px solid var(--light-gray) !important;
  border-radius: 16px !important;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}

.card:hover, [class*="card"]:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
  border-color: var(--primary-teal) !important;
}

/* الروابط */
a {
  color: var(--primary-blue) !important;
  transition: color 0.3s ease;
}

a:hover {
  color: var(--primary-teal) !important;
}

/* الخلفيات الملونة */
.bg-primary {
  background: var(--gradient-primary) !important;
}

.bg-accent {
  background: var(--gradient-accent) !important;
}

.bg-success {
  background-color: var(--success-green) !important;
}

/* النصوص الملونة */
.text-primary {
  color: var(--primary-blue) !important;
}

.text-accent {
  color: var(--primary-teal) !important;
}

.text-success {
  color: var(--success-green) !important;
}

/* تحديث زر الواتساب */
.whatsapp-floating-btn {
  background: var(--gradient-accent) !important;
  box-shadow: var(--shadow-lg) !important;
}

.whatsapp-floating-btn:hover {
  background: var(--gradient-primary) !important;
  transform: scale(1.15) !important;
  box-shadow: var(--shadow-xl) !important;
}

/* الهيدر والنافبار */
header, nav, [class*="header"], [class*="navbar"] {
  background: var(--gradient-dark) !important;
  box-shadow: var(--shadow-md);
}

/* الفوتر */
footer, [class*="footer"] {
  background: var(--dark-navy) !important;
  color: var(--soft-white) !important;
}

/* الأقسام */
section {
  padding: 60px 0;
}

section:nth-child(even) {
  background-color: white;
}

section:nth-child(odd) {
  background-color: var(--soft-white);
}

/* تأثيرات الحركة */
@keyframes pulse-medical {
  0%, 100% { 
    box-shadow: 0 0 0 0 rgba(0, 119, 182, 0.7); 
  }
  50% { 
    box-shadow: 0 0 0 20px rgba(0, 119, 182, 0); 
  }
}

@keyframes float-smooth {
  0%, 100% { 
    transform: translateY(0); 
  }
  50% { 
    transform: translateY(-8px); 
  }
}

@keyframes glow-medical {
  0%, 100% { 
    filter: drop-shadow(0 0 8px rgba(0, 180, 216, 0.5)); 
  }
  50% { 
    filter: drop-shadow(0 0 20px rgba(6, 214, 160, 1)); 
  }
}

/* تطبيق الحركات */
.animate-pulse {
  animation: pulse-medical 3s infinite;
}

.animate-float {
  animation: float-smooth 4s infinite;
}

.animate-glow {
  animation: glow-medical 3s infinite;
}

/* تحسينات للأجهزة المحمولة */
@media (max-width: 768px) {
  section {
    padding: 40px 0;
  }
  
  .card, [class*="card"] {
    border-radius: 12px !important;
  }
}

/* تحسينات للطباعة */
@media print {
  body {
    background: white !important;
  }
  
  .whatsapp-floating-btn {
    display: none !important;
  }
}