/* ===== Global Fixed Logo — always visible & white ===== */
:root{
  --logo-size: 140px;
  --logo-offset: 40px;
}
@media (max-width:520px){
  :root{ --logo-size: 90px; --logo-offset: 28px; }
}

/* على الهوم في الجوال نُنزل اللوقو أكثر شوية */
@media (max-width:768px){
  body[data-section="home"] .global-fixed-logo{
    top: 48px !important;
  }
}

/* عنصر شائع عبر الموقع (index / section pages / strip) */
.global-fixed-logo{
  position: fixed !important;
  top: var(--logo-offset) !important;
  left: var(--logo-offset) !important;
  z-index: 12000 !important;          /* أعلى من شاشة الانترو (9999) والقوائم */
  display: inline-block !important;
  line-height: 0 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transition: opacity 0.3s ease, visibility 0.3s ease !important;
}

.global-fixed-logo img{
  width: var(--logo-size) !important;
  height: var(--logo-size) !important;
  object-fit: contain !important;
  display: block !important;
  filter: brightness(0) invert(1) !important; /* أبيض دائمًا */
  pointer-events: none;
}

/* لا تتأثر بستارة/انتقال الصفحة */
.page-wipe ~ .global-fixed-logo{ z-index: 12001 !important; }

/* لو في لوجو محلي قديم على الصفحات — نخفيه كي لا يتضاعف */
.fixed-logo:not(.global-fixed-logo){ display:none !important; }

/* لو في وضع إعادة إنترو — تأكيد ظهور اللوقو */
body.intro-replay .global-fixed-logo{
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* إخفاء اللوقو أثناء الإنترو الأولي فقط (حالة حصرية) */
body.intro-active .global-fixed-logo{
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.4s ease;
}

/* تأكيد ظهور اللوجو عند انتقال الصفحات — override أي إخفاء عرضي */
@media (min-width: 0px) {
  .global-fixed-logo {
    will-change: opacity !important;
  }
  /* إجبار الظهور بعد 300ms من التحميل */
  .global-fixed-logo {
    animation: ensureLogoVisibility 0.3s ease forwards;
  }
  @keyframes ensureLogoVisibility {
    from { visibility: visible; opacity: 1; }
    to { visibility: visible; opacity: 1; }
  }
}