/* ===================================================================
   SALLA SYRIA — Additional Enhancements
   =================================================================== */

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--gray-5); }
::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 99px; }

/* Selection */
::selection { background: var(--primary); color: white; }

/* Stagger delay for sector cards */
.sector-card:nth-child(1)  { transition-delay: 0s; }
.sector-card:nth-child(2)  { transition-delay: .05s; }
.sector-card:nth-child(3)  { transition-delay: .10s; }
.sector-card:nth-child(4)  { transition-delay: .15s; }
.sector-card:nth-child(5)  { transition-delay: .20s; }
.sector-card:nth-child(6)  { transition-delay: .25s; }
.sector-card:nth-child(7)  { transition-delay: .30s; }
.sector-card:nth-child(8)  { transition-delay: .35s; }
.sector-card:nth-child(9)  { transition-delay: .40s; }
.sector-card:nth-child(10) { transition-delay: .45s; }
.sector-card:nth-child(11) { transition-delay: .50s; }
.sector-card:nth-child(12) { transition-delay: .55s; }

/* Floating label badge for sector cards */
.sector-card .badge-new {
  position: absolute;
  top: 10px;
  left: 10px;
  background: var(--primary);
  color: white;
  font-size: .65rem;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 100px;
}

/* Page-load fade in */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(40px); }
  to   { opacity: 1; transform: translateY(0); }
}
.hero-badge    { animation: fadeInUp .6s ease .1s both; }
.hero-title    { animation: fadeInUp .6s ease .25s both; }
.hero-sub      { animation: fadeInUp .6s ease .4s both; }
.hero-arabic   { animation: fadeInUp .6s ease .5s both; }
.hero-ctas     { animation: fadeInUp .6s ease .55s both; }
.hero-stats    { animation: fadeInUp .6s ease .7s both; }

/* Pulsing CTA button */
.btn-primary.btn-lg {
  animation: pulse-green 2.5s infinite;
}
@keyframes pulse-green {
  0%, 100% { box-shadow: 0 0 0 0 rgba(22,163,74,.4); }
  50%       { box-shadow: 0 0 0 12px rgba(22,163,74,0); }
}
.btn-primary.btn-lg:hover { animation: none; }

/* Counter animation */
.stat-num.counting { color: #86efac; }