/* offices-anim.css — [ZyRox] حركة المكاتب والطرق بجمالية HalaGPT */
@media (prefers-reduced-motion: no-preference) {

  @keyframes office-enter {
    0%   { opacity: 0; transform: translateY(20px) scale(.95); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
  }

  @keyframes office-hover {
    0%   { transform: translateY(0) scale(1); }
    100% { transform: translateY(-4px) scale(1.02); }
  }

  @keyframes office-active {
    0%   { transform: scale(1); }
    50%  { transform: scale(.97); }
    100% { transform: scale(1); }
  }

  /* دخول المكاتب (office-enter) */
  .office,
  .pm,
  .pu-item,
  .office-grid > * {
    animation: office-enter .4s cubic-bezier(.4, 0, .2, 1) both;
  }
  .office-delay,
  .pm-delay,
  .pu-delay {
    animation-delay: .1s;
  }
  .office-delay2,
  .pm-delay2,
  .pu-delay2 {
    animation-delay: .2s;
  }
  .office-delay3,
  .pm-delay3,
  .pu-delay3 {
    animation-delay: .3s;
  }

  /* هوفرhover smooth */
  .office,
  .pm,
  .pu-item {
    transition: transform .25s cubic-bezier(.4, 0, .2, 1),
                box-shadow .25s ease;
  }
  .office:hover,
  .pm:hover,
  .pu-item:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 12px 28px rgba(0,0,0,.15);
  }
  .office:active,
  .pm:active,
  .pu-item:active {
    transform: scale(.97);
  }

  /* المكاتب في الشبكة */
  /* ملاحظة: تخطيط الشبكة يُدار في subscribe.css — هنا الحركة فقط. */

  /* تأثير الدخول المتدرّج (staggered) */
  .office:nth-child(1), .pm:nth-child(1)   { animation-delay: 0s; }
  .office:nth-child(2), .pm:nth-child(2)   { animation-delay: .08s; }
  .office:nth-child(3), .pm:nth-child(3)   { animation-delay: .16s; }
  .office:nth-child(4), .pm:nth-child(4)   { animation-delay: .24s; }
  .office:nth-child(5), .pm:nth-child(5)   { animation-delay: .32s; }
  .office:nth-child(n+6), .pm:nth-child(n+6) { animation-delay: .4s; }

}