/* ===========================
   HEADER ICONS — FINAL FIX
   affects only:
   .header__social and .header__social-mobile
   =========================== */

/* .header__social .social__link,
.header__social-mobile .social__link{
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;

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

  border-radius: 50% !important;

  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 16px 16px !important;

  line-height: 1 !important;
  padding: 0 !important;
}

/* если в телеге SVG внутри (самолётик) — делаем его нормальным */
/*.header__social .social__link.social-tg svg,
.header__social-mobile .social__link.social-tg svg{
  width: 16px !important;
  height: 16px !important;
  display: block !important;
}

/* телега: убираем возможные старые кривые размеры/позиции */
/*.header__social .social__link.social-tg,
.header__social-mobile .social__link.social-tg{
  background-size: 16px 16px !important;
}

/* WhatsApp: фикс “кривого” отображения (если иконка фоном) */
/*.header__social .social__link.social-ws,
.header__social .social__link.social__link-ws,
.header__social-mobile .social__link.social-ws,
.header__social-mobile .social__link.social__link-ws{
  background-position: center center !important;
  background-size: 16px 16px !important;
}

/* на всякий — если тема рисует иконки псевдоэлементами */
/*.header__social .social__link::before,
.header__social .social__link::after,
.header__social-mobile .social__link::before,
.header__social-mobile .social__link::after{
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 16px 16px !important;
}
*/
 

/* ============================================================
   FIX.CSS — FINAL V3 (MOBILE COMPACT + INSTAGRAM FIX)
   ============================================================ */

/* --- 1. РАЗДЕЛЕНИЕ: КОМПЬЮТЕР VS ТЕЛЕФОН --- */

/* НА КОМПЬЮТЕРАХ (экран шире 992px) */
@media screen and (min-width: 992px) {
    /* Жестко прячем мобильный блок */
    ul.header__social-mobile,
    .header__social-mobile {
        display: none !important;
    }
    
    /* Показываем правильный блок и даем отступ от телефона */
    .header__group .header__social {
        display: flex !important;
        margin-right: 25px !important; 
    }
}

/* НА ТЕЛЕФОНАХ (экран уже 991px) */
@media screen and (max-width: 991px) {
    /* Прячем десктопный блок */
    .header__group .header__social {
        display: none !important;
    }

    /* Настройка контейнера для мобильных */
    .header__social-mobile {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        
        /* ПЛОТНОЕ РАСПОЛОЖЕНИЕ: */
        gap: 4px !important;           /* Между иконками очень плотно */
        margin-right: 20px !important; /* До Бургера — нормальное расстояние */
    }

    /* --- УМЕНЬШАЕМ ИКОНКИ ДЛЯ ТЕЛЕФОНА --- */
    .header__social-mobile .social__link {
        width: 30px !important;        /* Аккуратный размер */
        height: 30px !important;
        min-width: 30px !important;
    }

    /* Картинка внутри */
    .header__social-mobile .social__link::after {
        width: 14px !important;
        height: 14px !important;
        background-size: contain !important;
    }
}

/* --- 2. ОБЩИЙ СТИЛЬ КРУЖОЧКОВ (БАЗА) --- */

.header__social, 
.header__social-mobile,
.footer__social {
    display: flex !important;
    align-items: center;
    gap: 10px; /* Стандарт для ПК */
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.social__li {
    margin: 0 !important;
    padding: 0 !important;
}

/* Сами кружочки (стандарт 40px для ПК и Футера) */
.social__link, 
.social-link {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 40px !important;       
    height: 40px !important;
    border-radius: 50% !important; 
    background-color: #fff !important; 
    box-shadow: 0 4px 6px rgba(0,0,0,0.15) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    
    background-image: none !important; 
    border: none !important;
    text-decoration: none !important;
}

.social__link:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.25) !important;
}

/* --- 3. ВСТАВКА ИКОНОК (SVG) --- */

.social__link::after {
    content: '';
    display: block;
    width: 22px; 
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Mail */
.social-mail::after, 
.social__link-mail::after, 
.social-email::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23333' d='M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z'/%3E%3C/svg%3E") !important;
}

/* WhatsApp */
.social-ws::after, 
.social__link-ws::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2325D366' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.9 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-4-10.5-6.8z'/%3E%3C/svg%3E") !important;
}

/* Telegram */
.social-tg::after, 
.social__link-tg::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'%3E%3Cpath fill='%232AABEE' d='M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm121.8 169.9l-40.7 191.8c-3 13.6-11.1 16.9-22.4 10.5l-62-45.7-29.9 28.8c-3.3 3.3-6.1 6.1-12.5 6.1l4.4-63.1 114.9-103.8c5-4.4-1.1-6.9-7.7-2.5l-142 89.4-61.2-19.1c-13.3-4.2-13.6-13.3 2.8-19.7l239.1-92.2c11.1-4 20.8 2.7 17.2 19.5z'/%3E%3C/svg%3E") !important;
}

/* Instagram */
.social-in::after, 
.social__link-in::after,
.social__link-instagram::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23C13584'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z'/%3E%3C/svg%3E") !important;
}

/* YouTube */
.social-yo::after, 
.social__link-yo::after,
.social__link-you::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23FF0000' d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 42.155 48.284 48.477 42.591 11.486 213.371 11.486 213.371 11.486s170.78 0 213.371-11.486c23.497-6.322 42.003-24.827 48.284-48.477 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'/%3E%3C/svg%3E") !important;
}

/* ФИКС ДЛЯ ФУТЕРА (Отступы) */
.footer__contacts .social {
    justify-content: flex-start;
    margin-top: 15px !important;
}