/*
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  YDORA — Glow Themes (Fixed Architecture)
  Animation → .banner-logo-anim (wrapper)
  Color     → #brandLogo img (inline style)
  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/

/* Wrapper layout */
.banner-logo-anim {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Logo img: color only, NO animation */
.banner-logo {
  max-width: 148px;
  height: auto;
  display: block;
  position: relative;
  z-index: 1;
}

/* Scan line overlay */
.logo-scan-line {
  position: absolute;
  top: -10%;
  left: 0; right: 0;
  height: 35%;
  background: linear-gradient(180deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.12) 50%,
    rgba(255,255,255,0) 100%);
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  border-radius: 4px;
}

/* ━━ DEFAULT — Pulse on wrapper ━━ */
.banner-logo-anim,
[data-glow="pulse"] .banner-logo-anim {
  animation: wrapPulse 4s ease-in-out infinite;
}
@keyframes wrapPulse {
  0%,100% { filter: var(--logo-filter) drop-shadow(0 0 0px transparent); opacity:.88; }
  50%      { filter: var(--logo-filter) drop-shadow(0 0 18px var(--accent)) drop-shadow(0 0 32px var(--glow)); opacity:1; }
}

[data-glow="pulse"] .banner-slogan .slogan-text,
.banner-slogan .slogan-text {
  animation: sloganPulse 4s ease-in-out infinite;
}
@keyframes sloganPulse {
  0%,100% { opacity:.5; text-shadow:none; }
  50%      { opacity:.9; text-shadow: 0 0 12px var(--accent); }
}

[data-glow="pulse"] .banner-divider,
.banner-divider {
  animation: dividerPulse 4s ease-in-out infinite;
}
@keyframes dividerPulse {
  0%,100% { opacity:.3; }
  50%      { opacity:.9; box-shadow: 0 0 10px var(--accent); }
}

/* ━━ ELECTRIC ━━ */
[data-glow="electric"] .banner-logo-anim {
  animation: wrapElectric 2.5s linear infinite;
}
@keyframes wrapElectric {
  0%,88%,100% { filter: var(--logo-filter) drop-shadow(0 0 2px var(--accent)); opacity:.75; }
  90%          { filter: var(--logo-filter) drop-shadow(0 0 35px var(--accent)) drop-shadow(0 0 55px #fff) brightness(1.3); opacity:1; }
  93%          { filter: var(--logo-filter) drop-shadow(0 0 4px var(--accent)); opacity:.7; }
  96%          { filter: var(--logo-filter) drop-shadow(0 0 30px var(--accent2)) drop-shadow(0 0 50px #fff) brightness(1.2); opacity:1; }
}
[data-glow="electric"] .banner-slogan .slogan-text {
  animation: sloganElectric 2.5s linear infinite;
}
@keyframes sloganElectric {
  0%,88%,100% { opacity:.4; text-shadow:none; }
  90%,96%     { opacity:1; text-shadow: 0 0 18px var(--accent), 0 0 30px var(--accent2); }
}
[data-glow="electric"] .banner-divider { animation: dividerElectric 2.5s linear infinite; }
@keyframes dividerElectric {
  0%,88%,100% { opacity:.2; }
  90%,96%     { opacity:1; box-shadow: 0 0 14px var(--accent), 0 0 24px var(--accent2); }
}

/* ━━ GOLDEN ━━ */
[data-glow="golden"] .banner-logo-anim {
  animation: wrapGolden 5s ease-in-out infinite;
}
@keyframes wrapGolden {
  0%,100% { filter: var(--logo-filter) drop-shadow(0 0 4px #CDAE75); opacity:.85; }
  50%      { filter: var(--logo-filter) drop-shadow(0 0 22px #CDAE75) drop-shadow(0 0 40px #f5d48a); opacity:1; }
}
[data-glow="golden"] .banner-slogan .slogan-text {
  animation: sloganGolden 5s ease-in-out infinite;
}
@keyframes sloganGolden {
  0%,100% { opacity:.5; color:#CDAE75; text-shadow:none; }
  50%      { opacity:1;  color:#f5d48a; text-shadow: 0 0 16px #CDAE75; }
}
[data-glow="golden"] .banner-divider {
  background: linear-gradient(90deg, transparent, #CDAE75, #f5d48a, transparent);
  animation: dividerGolden 5s ease-in-out infinite;
}
@keyframes dividerGolden {
  0%,100% { opacity:.35; }
  50%      { opacity:1; box-shadow: 0 0 12px #CDAE75; }
}

/* ━━ RAINBOW ━━ */
[data-glow="rainbow"] .banner-logo-anim {
  animation: wrapRainbow 5s linear infinite;
}
@keyframes wrapRainbow {
  0%   { filter: var(--logo-filter) drop-shadow(0 0 16px #f00); }
  16%  { filter: var(--logo-filter) drop-shadow(0 0 16px #ff8800); }
  33%  { filter: var(--logo-filter) drop-shadow(0 0 16px #CDAE75); }
  50%  { filter: var(--logo-filter) drop-shadow(0 0 16px #0f0); }
  66%  { filter: var(--logo-filter) drop-shadow(0 0 16px #00f); }
  83%  { filter: var(--logo-filter) drop-shadow(0 0 16px #f0f); }
  100% { filter: var(--logo-filter) drop-shadow(0 0 16px #f00); }
}
[data-glow="rainbow"] .banner-slogan .slogan-text {
  animation: sloganRainbow 5s linear infinite;
}
@keyframes sloganRainbow {
  0%   { color:#f87171; text-shadow:0 0 10px #f00; }
  16%  { color:#fb923c; text-shadow:0 0 10px #f80; }
  33%  { color:#CDAE75; text-shadow:0 0 10px #CDAE75; }
  50%  { color:#4ade80; text-shadow:0 0 10px #0f0; }
  66%  { color:#60a5fa; text-shadow:0 0 10px #00f; }
  83%  { color:#e879f9; text-shadow:0 0 10px #f0f; }
  100% { color:#f87171; text-shadow:0 0 10px #f00; }
}
[data-glow="rainbow"] .banner-divider { animation: dividerRainbow 5s linear infinite; }
@keyframes dividerRainbow {
  0%   { background:linear-gradient(90deg,transparent,#f00,#ff8800,transparent); opacity:.7; }
  33%  { background:linear-gradient(90deg,transparent,#CDAE75,#0f0,transparent); opacity:.7; }
  66%  { background:linear-gradient(90deg,transparent,#00f,#f0f,transparent); opacity:.7; }
  100% { background:linear-gradient(90deg,transparent,#f00,#ff8800,transparent); opacity:.7; }
}

/* ━━ NEON ━━ */
[data-glow="neon"] .banner-logo-anim {
  animation: wrapNeon 3s ease-in-out infinite;
}
@keyframes wrapNeon {
  0%,100% { filter: var(--logo-filter) drop-shadow(0 0 8px #00e5ff) drop-shadow(0 0 2px #f000ff); opacity:.85; }
  50%      { filter: var(--logo-filter) drop-shadow(0 0 26px #00e5ff) drop-shadow(0 0 18px #f000ff); opacity:1; }
}
[data-glow="neon"] .banner-slogan .slogan-text {
  animation: sloganNeon 3s ease-in-out infinite;
}
@keyframes sloganNeon {
  0%,100% { color:#00e5ff; text-shadow:0 0 8px #00e5ff; opacity:.7; }
  50%      { color:#f000ff; text-shadow:0 0 16px #f000ff, 0 0 28px #00e5ff; opacity:1; }
}
[data-glow="neon"] .banner-divider {
  background: linear-gradient(90deg,transparent,#00e5ff,#f000ff,transparent);
  animation: dividerNeon 3s ease-in-out infinite;
}
@keyframes dividerNeon {
  0%,100% { opacity:.5; box-shadow:0 0 6px #00e5ff; }
  50%      { opacity:1;  box-shadow:0 0 14px #f000ff, 0 0 24px #00e5ff; }
}

/* ━━ STROKE (إطار متوهج حول الشعار) ━━ */
[data-glow="stroke"] .banner-logo-anim {
  animation: wrapStroke 3.5s ease-in-out infinite;
}
@keyframes wrapStroke {
  0%,100% {
    filter: var(--logo-filter) drop-shadow(0 0 1px var(--accent))
      drop-shadow(1px 0 0 var(--accent))
      drop-shadow(-1px 0 0 var(--accent))
      drop-shadow(0 1px 0 var(--accent))
      drop-shadow(0 -1px 0 var(--accent));
    opacity:.85;
  }
  50% {
    filter: var(--logo-filter) drop-shadow(0 0 3px var(--accent2))
      drop-shadow(2px 0 0 var(--accent2))
      drop-shadow(-2px 0 0 var(--accent2))
      drop-shadow(0 2px 0 var(--accent2))
      drop-shadow(0 -2px 0 var(--accent2))
      drop-shadow(0 0 18px var(--glow));
    opacity:1;
  }
}
[data-glow="stroke"] .banner-slogan .slogan-text {
  animation: sloganStroke 3.5s ease-in-out infinite;
}
@keyframes sloganStroke {
  0%,100% { opacity:.5; text-shadow: 0 0 1px var(--accent); letter-spacing:.4px; }
  50%      { opacity:.95; text-shadow: 0 0 8px var(--accent2), 0 0 2px var(--accent2); letter-spacing:.8px; }
}
[data-glow="stroke"] .banner-divider { animation: dividerStroke 3.5s ease-in-out infinite; }
@keyframes dividerStroke {
  0%,100% { opacity:.3; height:1px; }
  50%      { opacity:1; height:2px; box-shadow:0 0 8px var(--accent2); }
}

/* ━━ FLOAT (طوف - حركة رفرفة) ━━ */
[data-glow="float"] .banner-logo-anim {
  animation: wrapFloat 4s ease-in-out infinite;
}
@keyframes wrapFloat {
  0%,100% { transform:translateY(0px);  filter: var(--logo-filter) drop-shadow(0 4px 12px rgba(0,0,0,.4)) drop-shadow(0 0 6px var(--glow)); }
  50%      { transform:translateY(-8px); filter: var(--logo-filter) drop-shadow(0 12px 20px rgba(0,0,0,.6)) drop-shadow(0 0 20px var(--accent)); }
}
[data-glow="float"] .banner-slogan .slogan-text {
  animation: sloganFloat 4s ease-in-out infinite;
}
@keyframes sloganFloat {
  0%,100% { opacity:.5; transform:translateY(0); }
  50%      { opacity:.9; transform:translateY(-3px); text-shadow:0 0 10px var(--accent); }
}
[data-glow="float"] .banner-divider { animation: dividerFloat 4s ease-in-out infinite; }
@keyframes dividerFloat {
  0%,100% { opacity:.3; transform:scaleX(.7); }
  50%      { opacity:.8; transform:scaleX(1); box-shadow:0 0 8px var(--accent); }
}

/* ━━ SCAN (مسح ضوئي) ━━ */
[data-glow="scan"] .banner-logo-anim {
  animation: wrapScan 5s ease-in-out infinite;
}
@keyframes wrapScan {
  0%,100% { filter: var(--logo-filter) drop-shadow(0 0 4px var(--glow)); opacity:.85; }
  50%      { filter: var(--logo-filter) drop-shadow(0 0 14px var(--accent)); opacity:1; }
}
[data-glow="scan"] .logo-scan-line {
  animation: scanLine 3s ease-in-out infinite;
  opacity: 1;
}
@keyframes scanLine {
  0%   { top:-15%; opacity:0; }
  10%  { opacity:.8; }
  90%  { opacity:.8; }
  100% { top:115%; opacity:0; }
}
[data-glow="scan"] .banner-slogan .slogan-text {
  animation: sloganScan 3s ease-in-out infinite;
}
@keyframes sloganScan {
  0%,100% { opacity:.4; }
  50%      { opacity:.9; text-shadow: 0 0 10px var(--accent); }
}
[data-glow="scan"] .banner-divider { animation: dividerPulse 3s ease-in-out infinite; }

/* ━━ GLITCH (خلل رقمي) ━━ */
[data-glow="glitch"] .banner-logo-anim {
  animation: wrapGlitch 4s steps(1) infinite;
}
@keyframes wrapGlitch {
  0%,92%,100% { filter: var(--logo-filter) drop-shadow(0 0 4px var(--accent)); transform:translate(0,0); opacity:.88; }
  93%  { filter: var(--logo-filter) drop-shadow(3px 0 0 #f000ff) drop-shadow(-3px 0 0 #00e5ff); transform:translate(3px,0); }
  94%  { filter: var(--logo-filter) drop-shadow(-3px 0 0 #f000ff) drop-shadow(3px 0 0 #00e5ff); transform:translate(-3px,0); }
  95%  { filter: var(--logo-filter) drop-shadow(0 0 20px #fff); transform:translate(0,-2px); opacity:1; }
  96%  { filter: var(--logo-filter) drop-shadow(2px 0 0 #f000ff) drop-shadow(-2px 0 0 #00e5ff); transform:translate(2px,0); }
  97%  { filter: var(--logo-filter) drop-shadow(0 0 4px var(--accent)); transform:translate(0,0); opacity:.88; }
}
[data-glow="glitch"] .banner-slogan .slogan-text {
  animation: sloganGlitch 4s steps(1) infinite;
}
@keyframes sloganGlitch {
  0%,92%,100% { opacity:.5; text-shadow:none; }
  93%  { opacity:1; text-shadow:2px 0 #f000ff, -2px 0 #00e5ff; letter-spacing:.8px; }
  95%  { opacity:1; text-shadow:0 0 12px #fff; }
  96%  { opacity:1; text-shadow:-2px 0 #f000ff, 2px 0 #00e5ff; }
}
[data-glow="glitch"] .banner-divider { animation: dividerGlitch 4s steps(1) infinite; }
@keyframes dividerGlitch {
  0%,92%,100% { opacity:.3; }
  93%,95% { opacity:1; box-shadow:0 0 10px #f000ff; }
  94%,96% { opacity:1; box-shadow:0 0 10px #00e5ff; }
}

/* ━━ NONE ━━ */
[data-glow="none"] .banner-logo-anim { animation:none !important; filter:none; opacity:.88; }
[data-glow="none"] .banner-slogan .slogan-text { animation:none !important; opacity:.5; }
[data-glow="none"] .banner-divider { animation:none !important; opacity:.25; }
[data-glow="none"] .banner-glow { display:none; }
[data-glow="none"] .logo-scan-line { display:none; }
[data-glow="none"] .brand-banner::after { display:none; }