/* Follow Us */
.ccb-follow-us {
    background: var(--ccb-fu-bg, transparent);
    display: block;
    width: 100%;
    box-sizing: border-box;
    --ccb-fu-gap: var(--ccb-fu-gap-desktop, 12px);
    --ccb-fu-cols: var(--ccb-fu-cols-desktop, 6);
    --ccb-fu-maxw: var(--ccb-fu-maxw-desktop, none);
    max-width: var(--ccb-fu-maxw, none);
}

@media (max-width: 1024px) {
    .ccb-follow-us {
        --ccb-fu-gap: var(--ccb-fu-gap-tablet, var(--ccb-fu-gap-desktop, 12px));
        --ccb-fu-cols: var(--ccb-fu-cols-tablet, var(--ccb-fu-cols-desktop, 6));
        --ccb-fu-maxw: var(--ccb-fu-maxw-tablet, var(--ccb-fu-maxw-desktop, none));
    }
}

@media (max-width: 768px) {
    .ccb-follow-us {
        --ccb-fu-gap: var(--ccb-fu-gap-mobile, var(--ccb-fu-gap-tablet, var(--ccb-fu-gap-desktop, 12px)));
        --ccb-fu-cols: var(--ccb-fu-cols-mobile, var(--ccb-fu-cols-tablet, var(--ccb-fu-cols-desktop, 6)));
        --ccb-fu-maxw: var(--ccb-fu-maxw-mobile, var(--ccb-fu-maxw-tablet, var(--ccb-fu-maxw-desktop, none)));
    }
}

.ccb-follow-us__title {
    margin: 0 0 10px 0;
    text-align: left;
    color: var(--ccb-fu-title-color, inherit);
}

.ccb-follow-us__grid {
    display: grid;
    grid-template-columns: repeat(var(--ccb-fu-cols, 6), minmax(0, 1fr));
    gap: var(--ccb-fu-gap, 12px);
    align-items: center;
    justify-items: start;
}

.ccb-follow-us__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: var(--ccb-fu-icon-color, inherit);
    opacity: 0.9;
    transition: opacity 0.2s;
}

.ccb-follow-us__item:hover {
    opacity: 1;
}

.ccb-follow-us__icon {
    width: var(--ccb-fu-icon-size, 24px);
    height: var(--ccb-fu-icon-size, 24px);
    display: inline-flex;
    flex-shrink: 0;
}

.ccb-follow-us__icon svg {
    width: 100%;
    height: 100%;
    display: block;
    fill: currentColor;
}

/* ── Follow Us inside Pre-Footer (match novade.net production style) ── */
.cgb-pre-footer .ccb-follow-us {
    padding-top: 0;
}

.cgb-pre-footer .ccb-follow-us__title {
    font-family: Lato, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--ccb-fu-title-color, #fff);
    padding-top: 30px;
    padding-bottom: 5px;
    margin: 0;
    text-align: left;
}

.cgb-pre-footer .ccb-follow-us__grid {
    display: grid;
    grid-template-columns: repeat(var(--ccb-fu-cols, 3), auto);
    gap: var(--ccb-fu-gap, 4px);
    justify-content: start;
}

.cgb-pre-footer .ccb-follow-us__item {
    color: var(--ccb-fu-icon-color, #fff);
    opacity: 0.85;
    transition: opacity 0.2s ease;
}

.cgb-pre-footer .ccb-follow-us__item:hover {
    opacity: 1;
}

.cgb-pre-footer .ccb-follow-us__icon {
    width: var(--ccb-fu-icon-size, 40px);
    height: var(--ccb-fu-icon-size, 40px);
    flex-shrink: 0;
}

.cgb-pre-footer .ccb-follow-us__icon svg {
    width: 100%;
    height: 100%;
}