/* Footer Social Icons Styling */
.social-icon-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #487FFF;
    /* Blue background */
    color: white;
    /* White icons */
    transition: all 0.3s ease;
    text-decoration: none;
}

.social-icon-circle:hover {
    background-color: #45B369;
    /* Green background on hover */
    color: white;
    /* Keep icons white */
    transform: translateY(-2px);
    /* Subtle lift effect */
    box-shadow: 0 4px 8px rgba(69, 179, 105, 0.3);
    /* Green shadow */
}

.social-icon-circle svg {
    color: white;
    /* Ensure SVG icons are white */
}

/* Login Page Input Placeholders */
.login-input::placeholder {
    color: #ffffff !important;
    /* Pure white as requested */
    opacity: 0.9;
    /* Slight transparency to distinguish from value, but looks white */
}

.login-input::-webkit-input-placeholder {
    color: #ffffff !important;
}

.login-input::-moz-placeholder {
    color: #ffffff !important;
    opacity: 0.9;
}

.login-input:-ms-input-placeholder {
    color: #ffffff !important;
}