/* Baron Group — social icon hover (orange bg + white icon) */

:root {
    --baron-orange: #d1670f;
    --baron-social-bg: #f5f8ff;
}

/* Header circular social buttons */
.bs-social li a.icon-soci {
    background: var(--baron-social-bg) !important;
    color: var(--baron-orange) !important;
}

.bs-social li a.icon-soci:before {
    background-color: var(--baron-orange) !important;
}

.bs-social li a.icon-soci:hover,
.bs-social li a.icon-soci:focus {
    color: #fff !important;
    background-color: transparent !important;
}

.bs-social li a.icon-soci img.soc-icon {
    position: relative;
    z-index: 3;
    display: block;
    transition: opacity 0.25s ease;
}

.bs-social li a.icon-soci img.soc-icon--hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
}

.bs-social li a.icon-soci:hover img.soc-icon--default,
.bs-social li a.icon-soci:focus img.soc-icon--default {
    opacity: 0;
}

.bs-social li a.icon-soci:hover img.soc-icon--hover,
.bs-social li a.icon-soci:focus img.soc-icon--hover {
    opacity: 1;
}