/* Copyright © Rob Art | Illustration 2026. All Rights Reserved. Proprietary — not licensed for redistribution. */
/* ── BriefliWP Social Links ─────────────────────────────────────────────── */

.blwp-social {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    z-index: 10;
}

/* Positions are handled by the layout module's holder containers
   (.blwp-holder--top-right, --bottom-right, --bottom-centre). */

/* ── Link base ── */
.blwp-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: var(--blwp-social-color, #ffffff);
    transition: opacity 0.2s;
}
.blwp-social-link:hover { opacity: 0.7; }

.blwp-social-link svg {
    width: 22px;
    height: 22px;
    fill: var(--blwp-social-color, #ffffff);
    display: block;
}

/* ── Icon only ── */
.blwp-social--icon_only .blwp-social-link svg { width: 22px; height: 22px; }
.blwp-social--icon_only.blwp-social--medium .blwp-social-link svg { width: 28px; height: 28px; }
.blwp-social--icon_only.blwp-social--large  .blwp-social-link svg { width: 34px; height: 34px; }

/* ── Round ── */
.blwp-social--round .blwp-social-link {
    border-radius: 50%;
    border: 1.5px solid var(--blwp-social-color, #ffffff);
}
.blwp-social--round.blwp-social--small  .blwp-social-link { width: 40px; height: 40px; }
.blwp-social--round.blwp-social--medium .blwp-social-link { width: 46px; height: 46px; }
.blwp-social--round.blwp-social--large  .blwp-social-link { width: 52px; height: 52px; }
.blwp-social--round.blwp-social--small  .blwp-social-link svg { width: 18px; height: 18px; }
.blwp-social--round.blwp-social--medium .blwp-social-link svg { width: 24px; height: 24px; }
.blwp-social--round.blwp-social--large  .blwp-social-link svg { width: 30px; height: 30px; }

/* ── Square ── */
.blwp-social--square .blwp-social-link {
    border-radius: 6px;
    border: 1.5px solid var(--blwp-social-color, #ffffff);
}
.blwp-social--square.blwp-social--small  .blwp-social-link { width: 40px; height: 40px; }
.blwp-social--square.blwp-social--medium .blwp-social-link { width: 46px; height: 46px; }
.blwp-social--square.blwp-social--large  .blwp-social-link { width: 52px; height: 52px; }
.blwp-social--square.blwp-social--small  .blwp-social-link svg { width: 18px; height: 18px; }
.blwp-social--square.blwp-social--medium .blwp-social-link svg { width: 24px; height: 24px; }
.blwp-social--square.blwp-social--large  .blwp-social-link svg { width: 30px; height: 30px; }