.wfh-socials {
    display: flex;
    width: 100%; /* Дозволяє вирівнюванню працювати на всю ширину колонки */
    justify-content: var(--w-soc-align, flex-start);
    gap: var(--w-soc-gap, 15px);
    align-items: center;
    flex-wrap: wrap;
}

.wfh-soc-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--w-soc-size, 24px);
    height: var(--w-soc-size, 24px);
    
    /* Нові властивості: Фон та Відступи */
    background-color: var(--w-soc-bg, transparent);
    padding: var(--w-soc-pad, 0px);
    box-sizing: border-box; /* Важливо: padding зтискатиме іконку всередині, не збільшуючи загальний розмір кнопки */
    
    border-radius: var(--w-soc-radius, 0px);
    overflow: hidden;
    text-decoration: none;
    transition: opacity 0.3s ease, transform 0.2s ease;
}

.wfh-soc-link:hover {
    opacity: 0.8;
    transform: translateY(-2px);
}

/* Обгортка самої іконки (SVG або картинки) */
.wfh-soc-icon {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: filter 0.3s ease;
}

.wfh-soc-svg-wrapper svg {
    width: 100%;
    height: 100%;
    display: block;
}

.wfh-soc-text-fallback {
    background: #333;
    color: #fff;
    font-weight: bold;
    font-size: calc(var(--w-soc-size) * 0.5);
    text-transform: uppercase;
    border-radius: 50%;
}

.wfh-soc-empty {
    color: #999;
    font-size: 13px;
    font-style: italic;
}

/* ========================================================= */
/* ІДЕАЛЬНІ ФІЛЬТРИ: Світлий та Темний стилі                 */
/* Застосовується виключно до .wfh-soc-icon, щоб зберегти фон*/
/* ========================================================= */

/* СВІТЛИЙ СТИЛЬ: Будь-який колір стає ідеально білим */
.wfh-soc-style-light .wfh-soc-icon {
    filter: brightness(0) invert(1);
}

/* ТЕМНИЙ СТИЛЬ: Будь-який колір стає ідеально чорним */
.wfh-soc-style-dark .wfh-soc-icon {
    filter: brightness(0);
}

/* Легка прозорість при наведенні для чорно-білих іконок */
.wfh-soc-style-light .wfh-soc-link:hover .wfh-soc-icon,
.wfh-soc-style-dark .wfh-soc-link:hover .wfh-soc-icon {
    opacity: 0.7;
}

/* Приховуємо чорного привида у світлому та темному стилях, щоб активувався "прозорий трафарет" */
.wfh-soc-style-light .wfh-sc-ghost,
.wfh-soc-style-dark .wfh-sc-ghost {
    display: none;
}

/* ========================================================= */
/* YouTube ФІЛЬТРИ: Виправлення для трафарету та закруглення */
/* ========================================================= */

/* Приховуємо трафарет YouTube в офіційному режимі */
.wfh-soc-style-official .wfh-stencil-yt {
  display: none;
}

/* Приховуємо офіційну іконку YouTube у світлому та темному стилях */
.wfh-soc-style-light .wfh-official-yt,
.wfh-soc-style-dark .wfh-official-yt {
  display: none;
}

/* ========================================================= */
/* Viber ФІЛЬТРИ: Виправлення для трафарету та закруглення   */
/* ========================================================= */

/* Приховуємо трафарет Viber в офіційному режимі */
.wfh-soc-style-official .wfh-stencil-vb {
  display: none;
}

/* Приховуємо офіційну іконку Viber у світлому та темному стилях */
.wfh-soc-style-light .wfh-official-vb,
.wfh-soc-style-dark .wfh-official-vb {
  display: none;
}

/* ========================================================= */
/* Messenger ФІЛЬТРИ: Виправлення для трафарету              */
/* ========================================================= */

/* Приховуємо трафарет Messenger в офіційному режимі */
.wfh-soc-style-official .wfh-stencil-ms {
  display: none;
}

/* Приховуємо офіційну іконку Messenger у світлому та темному стилях */
.wfh-soc-style-light .wfh-official-ms,
.wfh-soc-style-dark .wfh-official-ms {
  display: none;
}

/* ========================================================= */
/* WeChat ФІЛЬТРИ: Виправлення для трафарету                */
/* ========================================================= */

/* Приховуємо трафарет WeChat в офіційному режимі */
.wfh-soc-style-official .wfh-stencil-wc {
  display: none;
}

/* Приховуємо офіційну іконку WeChat у світлому та темному стилях */
.wfh-soc-style-light .wfh-official-wc,
.wfh-soc-style-dark .wfh-official-wc {
  display: none;
}

/* ========================================================= */
/* Discord ФІЛЬТРИ: Виправлення для трафарету                */
/* ========================================================= */

/* Приховуємо трафарет Discord в офіційному режимі */
.wfh-soc-style-official .wfh-stencil-dc {
  display: none;
}

/* Приховуємо офіційну іконку Discord у світлому та темному стилях */
.wfh-soc-style-light .wfh-official-dc,
.wfh-soc-style-dark .wfh-official-dc {
  display: none;
}