/**
 * Contact Icons & Links Style
 * Custom styles for making perfect circle icons and theme-consistent links
 */

/* Contact icons perfect circle fix */
.contact-item .icon-box {
    width: 60px !important;
    height: 60px !important;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    background-color: var(--light);
}

.contact-item .icon-box i {
    color: var(--primary);
    font-size: 1.3rem;
}

/* Email link color match with theme */
.contact-item a {
    color: var(--primary);
    transition: color 0.3s ease;
}

.contact-item a:hover {
    color: var(--secondary);
    text-decoration: none;
}

/* Fix for general icon boxes throughout the site */
.icon-box {
    aspect-ratio: 1 / 1;
    border-radius: 50%;
}

/* Global link colors to match theme */
a.text-primary {
    color: var(--primary) !important;
}

a.text-primary:hover {
    color: var(--secondary) !important;
}

/* Make all blue links match site theme */
a:not(.btn):not(.navbar-brand):not(.lang-flag) {
    color: var(--primary);
    transition: color 0.3s ease;
}

a:not(.btn):not(.navbar-brand):not(.lang-flag):hover {
    color: var(--secondary);
}