/* Minimal overrides to restore the logo glow + fix modal dimming. */

/* Issue #1 (screenshot): background gets too dark behind modals */
.modal{
  background:rgba(0,0,0,0.7) !important;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

.sidebar-logo{
  box-shadow:var(--shadow-glow),var(--shadow-glow-pink) !important;
  border:1px solid var(--border-color);
}

.logo-img{
  box-shadow:var(--shadow-glow),var(--shadow-glow-pink) !important;
  border:1px solid var(--border-color);
}

.logo-img:hover{
  box-shadow:var(--shadow),var(--shadow-glow),var(--shadow-glow-pink) !important;
}

.logo-text h1{
  text-shadow:var(--shadow-glow);
}

.main-footer .footer-logo{
  box-shadow:var(--shadow-glow);
  border:1px solid var(--border-color);
}

/* Issue #2 (screenshot): glow is too subtle in light theme */
[data-theme="light"] .sidebar-logo,
[data-theme="light"] .logo-img,
[data-theme="light"] .main-footer .footer-logo{
  box-shadow:0 0 46px rgba(59,130,246,0.18),0 0 36px rgba(20,184,166,0.12) !important;
}

[data-theme="light"] .logo-img:hover{
  box-shadow:0 12px 34px rgba(59,130,246,0.16),0 0 56px rgba(59,130,246,0.2),0 0 46px rgba(20,184,166,0.14) !important;
}

/* Light mode: Room/join code looks too blue */
[data-theme="light"] .room-id{
  background:none !important;
  -webkit-text-fill-color:var(--text-primary) !important;
  color:var(--text-primary) !important;
}

[data-theme="light"] .room-id-display .room-id-value{
  color:var(--text-primary) !important;
}

[data-theme="light"] .join-form input,
[data-theme="light"] .pin-form input,
[data-theme="light"] .room-url-container input{
  background:var(--bg-input);
  color:var(--text-primary);
  border-color:var(--border-color);
}