/* CSS темы */
/* Блок мессенджеров */
/* Блок мессенджеров */
.messenger-links {

    /* 
       Размер иконки автоматически подстраивается.
       Минимум 20px, максимум 26px.
    */
    --messenger-size: clamp(20px, 2vw, 26px);

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    gap: clamp(3px, 0.5vw, 6px) !important;

    margin-left: clamp(3px, 0.5vw, 8px) !important;
    padding: 0 !important;

    width: auto !important;
    max-width: 100% !important;

    white-space: nowrap !important;
    vertical-align: middle !important;

    flex-shrink: 0 !important;
}


/* =====================================================
   ССЫЛКИ WHATSAPP / TELEGRAM / MAX
   ===================================================== */

.messenger-links .messenger-link,
.messenger-links > a {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 var(--messenger-size) !important;

    width: var(--messenger-size) !important;
    height: var(--messenger-size) !important;

    min-width: var(--messenger-size) !important;
    min-height: var(--messenger-size) !important;

    max-width: var(--messenger-size) !important;
    max-height: var(--messenger-size) !important;

    padding: 0 !important;
    margin: 0 !important;

    line-height: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* =====================================================
   САМИ КАРТИНКИ
   ВАЖНО: никаких width:100% и height:100%
   ===================================================== */

.messenger-links img,
.messenger-links .messenger-link img,
.messenger-links > a img {

    display: block !important;

    width: var(--messenger-size) !important;
    height: var(--messenger-size) !important;

    min-width: var(--messenger-size) !important;
    min-height: var(--messenger-size) !important;

    max-width: var(--messenger-size) !important;
    max-height: var(--messenger-size) !important;

    padding: 0 !important;
    margin: 0 !important;

    object-fit: contain !important;

    aspect-ratio: 1 / 1 !important;

    position: static !important;

    transform: none !important;

    box-sizing: border-box !important;

    flex: none !important;
}


/* На случай, если какая-либо иконка SVG */
.messenger-links svg {

    width: var(--messenger-size) !important;
    height: var(--messenger-size) !important;

    min-width: var(--messenger-size) !important;
    min-height: var(--messenger-size) !important;

    max-width: var(--messenger-size) !important;
    max-height: var(--messenger-size) !important;

    flex: none !important;
}


/* =====================================================
   ПЛАНШЕТЫ
   ===================================================== */

@media screen and (max-width: 1100px) {

    .messenger-links {

        --messenger-size: clamp(20px, 2.4vw, 24px);

        gap: 4px !important;
        margin-left: 5px !important;
    }
}


/* =====================================================
   НЕБОЛЬШИЕ ПЛАНШЕТЫ / МОБИЛЬНЫЕ
   ===================================================== */

@media screen and (max-width: 767px) {

    .messenger-links {

        --messenger-size: 22px;

        gap: 4px !important;
        margin-left: 4px !important;
    }
}

/* Индивидуальные стили блоков */