/* Container */
.bw-social-icons-wrapper {
	display: flex;
	flex-wrap: wrap;
    align-items: center;
    --bw-blob-color: #D8BFA5; /* Default fallback */
}

/* Individual Item Wrapper */
.bw-social-icon {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
    text-decoration: none;
    cursor: pointer;
    /* Default Size */
    width: 60px;
    height: 60px;
    transition: transform 0.3s ease;
}

/* The Blob Shape (Background) */
.bw-blob-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bw-blob-color);
    z-index: 0;
    opacity: 0.9; /* Slightly see-through for watercolor effect */
    border-radius: 50%; /* Fallback */
    transition: all 0.3s ease;
}

/* Watercolor Texture/Layer Effect (Pseudo-element) */
.bw-blob-shape::before {
    content: '';
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    background-color: rgba(0,0,0,0.05); /* Slight darkening for depth */
    border-radius: inherit;
    z-index: -1;
    filter: blur(2px);
}


/* === Organic Shapes per Child (Variation) === */

/* Shape 1 */
.bw-social-icon:nth-child(5n+1) .bw-blob-shape {
    border-radius: 50% 40% 60% 70% / 60% 50% 70% 40%;
    transform: rotate(-5deg);
}

/* Shape 2 */
.bw-social-icon:nth-child(5n+2) .bw-blob-shape {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    transform: rotate(10deg);
}

/* Shape 3 */
.bw-social-icon:nth-child(5n+3) .bw-blob-shape {
    border-radius: 40% 60% 70% 30% / 50% 60% 30% 60%;
    transform: rotate(-15deg);
}

/* Shape 4 */
.bw-social-icon:nth-child(5n+4) .bw-blob-shape {
    border-radius: 40% 60% 40% 60% / 60% 40% 60% 40%;
    transform: rotate(5deg);
}

/* Shape 5 */
.bw-social-icon:nth-child(5n+5) .bw-blob-shape {
    border-radius: 70% 30% 50% 50% / 30% 70% 50% 50%;
    transform: rotate(20deg);
}


/* Icon Inner */
.bw-icon-inner {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bw-social-icon i,
.bw-social-icon svg {
    transition: all 0.3s ease;
}

/* Hover Effects */
.bw-social-icon:hover .bw-blob-shape {
    opacity: 1; /* Darken slightly on hover */
    transform: scale(1.05) rotate(0deg) !important; /* Reset rotation slightly on hover for movement */
}

/* Optional: Subtle Mix Blend Mode for true watercolor feel (if background is light) */
.bw-blob-shape {
    mix-blend-mode: multiply;
}