.glow-orange {
    box-shadow: 0 0 15px rgba(240, 90, 53, 0.4);
}

.glow-orange:hover {
    box-shadow: 0 0 25px rgba(240, 90, 53, 0.7);
}

/* Hiệu ứng trượt nhẹ cho ảnh */
.img-hover-zoom {
    transition: transform 0.5s ease;
}
.group:hover .img-hover-zoom {
    transform: scale(1.05);
}
/* Background generation classes */
.bg-tech-grid {
    background-image: linear-gradient(#3DB8E8 1px, transparent 1px), linear-gradient(90deg, #3DB8E8 1px, transparent 1px);
    background-size: 50px 50px;
}

.bg-standee {
    background-image: url('../images/STANDEE.png');
}

.bg-hero {
    background-image: url('../images/hero.jpg');
}

.transform-z-0 {
    transform: translateZ(0);
}

/* Reusable SVG Icons using CSS Mask */
/* This allows Tailwind colors to colorize the SVG using 'bg-current', 'text-white' etc. */
.icon-facebook, .icon-email, .icon-linkedin {
    display: inline-block;
    background-color: currentColor; /* Inherits text color */
}

.icon-facebook {
    mask: url('../images/icon/facebook.svg') no-repeat center / contain;
    -webkit-mask: url('../images/icon/facebook.svg') no-repeat center / contain;
}

.icon-linkedin {
    mask: url('../images/icon/linkedin.svg') no-repeat center / contain;
    -webkit-mask: url('../images/icon/linkedin.svg') no-repeat center / contain;
}

.icon-email {
    mask: url('../images/icon/email.svg') no-repeat center / contain;
    -webkit-mask: url('../images/icon/email.svg') no-repeat center / contain;
}

.glow-blue {
    box-shadow: 0 0 15px rgba(59, 130, 246, 0.4);
}
.glow-blue:hover, .group:hover .group-hover\:glow-blue {
    box-shadow: 0 0 25px rgba(59, 130, 246, 0.6);
}

/* Scrollable members list styling */
.members-scrollbar {
    /* small right padding so content doesn't sit under scrollbar */
    -webkit-overflow-scrolling: touch;
}

/* Webkit scrollbar styling */
.members-scrollbar::-webkit-scrollbar {
    width: 8px;
}
.members-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}
.members-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.06);
    border-radius: 9999px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

/* Slightly darker thumb on hover */
.members-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255,255,255,0.12);
}

/* Firefox scrollbar (uses scrollbar-width/property) */
.members-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.06) transparent;
}