/**
 * CB Floating Contacts - локальні іконки
 *
 * Замінює зовнішній Font Awesome з cdnjs. Розмітка не змінюється:
 * плагін і далі виводить <i class="fa-solid fa-phone">, а іконка малюється
 * CSS-маскою з локального SVG у assets/icons/.
 *
 * Розмір керується font-size (як і раніше), бо бокс іконки = 1em.
 * Колір керується inline-стилем color, бо заливка = currentColor.
 *
 * Щоб додати нову іконку: покласти SVG у assets/icons/ і дописати
 * один рядок у блоці «Іконки» нижче.
 */

/* ===== База ===== */
.cb-widget .fa-solid,
.cb-widget .fa-brands,
.cb-widget .fa-regular,
.cb-widget .fas,
.cb-widget .fab,
.cb-widget .far,
.cb-wrap .fa-solid,
.cb-wrap .fa-brands,
.cb-wrap .fa-regular,
.cb-wrap .fas,
.cb-wrap .fab,
.cb-wrap .far {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
    /* запасна іконка, якщо в налаштуваннях вказано клас, якого немає в наборі */
    -webkit-mask-image: url("icons/link.svg");
            mask-image: url("icons/link.svg");
}

/* ===== Іконки ===== */
/* Порядок важливий: ці правила мають ту саму специфічність, що й база,
   тому перекривають запасну маску лише завдяки тому, що йдуть нижче. */

.cb-widget .fa-phone,          .cb-wrap .fa-phone          { -webkit-mask-image: url("icons/phone.svg");         mask-image: url("icons/phone.svg"); }
.cb-widget .fa-envelope,       .cb-wrap .fa-envelope       { -webkit-mask-image: url("icons/envelope.svg");      mask-image: url("icons/envelope.svg"); }
.cb-widget .fa-comment-dots,   .cb-wrap .fa-comment-dots   { -webkit-mask-image: url("icons/comment-dots.svg");  mask-image: url("icons/comment-dots.svg"); }
.cb-widget .fa-globe,          .cb-wrap .fa-globe          { -webkit-mask-image: url("icons/globe.svg");         mask-image: url("icons/globe.svg"); }
.cb-widget .fa-question,       .cb-wrap .fa-question       { -webkit-mask-image: url("icons/question.svg");      mask-image: url("icons/question.svg"); }
.cb-widget .fa-link,           .cb-wrap .fa-link           { -webkit-mask-image: url("icons/link.svg");          mask-image: url("icons/link.svg"); }

/* хрестик закриття: fa-xmark у FA6, fa-times/fa-close у старих записах */
.cb-widget .fa-xmark,          .cb-wrap .fa-xmark,
.cb-widget .fa-times,          .cb-wrap .fa-times,
.cb-widget .fa-close,          .cb-wrap .fa-close          { -webkit-mask-image: url("icons/xmark.svg");         mask-image: url("icons/xmark.svg"); }

/* мітка на карті: fa-map-marker-alt у FA5, fa-location-dot у FA6 */
.cb-widget .fa-map-marker-alt, .cb-wrap .fa-map-marker-alt,
.cb-widget .fa-map-marker,     .cb-wrap .fa-map-marker,
.cb-widget .fa-location-dot,   .cb-wrap .fa-location-dot   { -webkit-mask-image: url("icons/location-dot.svg");  mask-image: url("icons/location-dot.svg"); }

/* бренди */
.cb-widget .fa-whatsapp,       .cb-wrap .fa-whatsapp       { -webkit-mask-image: url("icons/whatsapp.svg");      mask-image: url("icons/whatsapp.svg"); }
.cb-widget .fa-viber,          .cb-wrap .fa-viber          { -webkit-mask-image: url("icons/viber.svg");         mask-image: url("icons/viber.svg"); }
.cb-widget .fa-instagram,      .cb-wrap .fa-instagram      { -webkit-mask-image: url("icons/instagram.svg");     mask-image: url("icons/instagram.svg"); }
.cb-widget .fa-tiktok,         .cb-wrap .fa-tiktok         { -webkit-mask-image: url("icons/tiktok.svg");        mask-image: url("icons/tiktok.svg"); }
.cb-widget .fa-youtube,        .cb-wrap .fa-youtube        { -webkit-mask-image: url("icons/youtube.svg");       mask-image: url("icons/youtube.svg"); }

/* telegram: fa-telegram і старіший fa-telegram-plane */
.cb-widget .fa-telegram,       .cb-wrap .fa-telegram,
.cb-widget .fa-telegram-plane, .cb-wrap .fa-telegram-plane { -webkit-mask-image: url("icons/telegram.svg");      mask-image: url("icons/telegram.svg"); }

/* facebook: у наборі лежить літера «f», нею ж малюємо обидва класи */
.cb-widget .fa-facebook-f,     .cb-wrap .fa-facebook-f,
.cb-widget .fa-facebook,       .cb-wrap .fa-facebook       { -webkit-mask-image: url("icons/facebook-f.svg");    mask-image: url("icons/facebook-f.svg"); }