/* Simple Glow Effects - Bright Cyan Blue */

/* Cards glow - bright cyan */
.card,
.contact-card,
.portfolio-item {
  box-shadow: 0 0 25px rgba(0, 191, 255, 0.3);
  transition: all 0.3s ease;
}

.card:hover,
.contact-card:hover,
.portfolio-item:hover {
  box-shadow: 0 0 40px rgba(0, 191, 255, 0.6);
  border-color: #00bfff;
}

/* Button glow - bright */
.btn-primary,
.btn-outlined {
  box-shadow: 0 0 20px rgba(0, 191, 255, 0.4);
}

.btn-primary:hover {
  box-shadow: 0 0 35px rgba(0, 191, 255, 0.8);
}

.btn-outlined:hover {
  box-shadow: 0 0 35px rgba(0, 191, 255, 0.8);
}

/* Form inputs glow on focus - bright */
.form-control:focus {
  box-shadow: 0 0 20px rgba(0, 191, 255, 0.6);
}

/* Modal glow - strong */
.modal-content {
  box-shadow: 0 0 60px rgba(0, 191, 255, 0.5);
}

/* Navigation links glow - bright */
.navb {
  text-shadow: 0 0 10px rgba(0, 191, 255, 0.5);
}

.navb:hover {
  text-shadow: 0 0 20px rgba(0, 191, 255, 1);
}

/* Logo bright glow */
.header img,
.footer img {
  filter: drop-shadow(0 0 15px rgba(0, 191, 255, 0.5));
}

/* Social icons bright glow */
.social {
  filter: drop-shadow(0 0 10px rgba(0, 191, 255, 0.4));
}

.social:hover {
  filter: drop-shadow(0 0 20px rgba(0, 191, 255, 0.8));
}

/* Sidebar logo glow - bright combined with invert */
.socialbox img {
  filter: invert(1) drop-shadow(0 0 15px rgba(0, 191, 255, 0.6));
}

/* Links glow - bright */
a {
  text-shadow: 0 0 10px rgba(0, 191, 255, 0.4);
}

a:hover {
  text-shadow: 0 0 15px rgba(0, 191, 255, 0.8);
}

/* Portfolio add button special bright glow */
.portfolio-item[style*="cursor:pointer"] {
  box-shadow: 0 0 35px rgba(0, 191, 255, 0.6);
}

.portfolio-item[style*="cursor:pointer"]:hover {
  box-shadow: 0 0 50px rgba(0, 191, 255, 1);
}