/* Alert message box styles for black and white theme */
.alert {
    border-radius: 6px;
    padding: 1rem 1.5rem;
    font-size: 1rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

.alert-success {
    background-color: #4bb543;
    color: #ffffff;
    border: none;
}

.alert-danger {
    background-color: #ff3333;
    color: #ffffff;
    border: none;
}

/* Social icon smoother hover effect */
.contact-social .social-links a {
    color: #050000 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out, box-shadow 0.5s ease-in-out !important;
}

.contact-social .social-links a:hover {
    background-color: var(--dark-color) !important;
    color: var(--light-color) !important;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.8) !important;
}

/* Make contact button text black on hover */
nav.main-nav ul.nav-links li a.active:hover {
  color: black;
}