/* Базовий контейнер для всіх місць (центрування за замовчуванням) */
.telegram-auth-button-container {
    margin: 20px 0;
    text-align: center;
    width: 100%;
    display: block;
    clear: both;
}

/* Додаткове оформлення саме для сторінок Входу та Реєстрації */
.customer-form .telegram-auth-button-container,
#customer-form .telegram-auth-button-container,
#login-form .telegram-auth-button-container {
    border-top: 1px solid #ebebeb;
    padding-top: 20px;
    margin-top: 15px;
    text-align: center; /* Гарантуємо центр у формах */
}

/* Налаштування для мобільних пристроїв */
@media (max-width: 767px) {
    .telegram-auth-button-container {
        text-align: center !important;
        margin: 15px 0;
    }
}

/* Якщо кнопка вставлена в шапку (Header) */
header .telegram-auth-button-container {
    margin: 5px 0;
    text-align: right; /* У хедері зазвичай краще збоку, але можна змінити на center */
}

/* Стиль для кастомної вставки через хук (якщо потрібно в рядок з текстом) */
.telegram-auth-button-custom {
    display: inline-block;
    vertical-align: middle;
}

/* Стилізація спеціально для сторінки оформлення замовлення */
.checkout-telegram-wrapper {
    margin-top: 10px; /* Відступ від кнопки Google */
    width: 100%;
    display: flex;
    justify-content: center; /* Центрування кнопки Telegram */
}

.checkout-telegram-wrapper .telegram-auth-button-container {
    margin: 0 !important; /* Скидаємо стандартні відступи модуля */
    padding: 0 !important;
    border: none !important; /* Прибираємо лінію, якщо вона там була */
}

/*.checkout-telegram-wrapper iframe { */
/*    transform: scale(1.15); /* Збільшує кнопку на 15% */ 
/*    transform-origin: center; /* Залишає центр на місці */ 
/*}*/

/* Якщо ви хочете, щоб кнопка була зліва (якщо Google теж зліва) */
/* змініть justify-content: center на flex-start */

/* КНОПКИ В ПАНЕЛІ ОСОБИСТОГО КАБІНЕТУ */
.telegram-notifier-item {
    display: flex;
    align-items: center;
}

.telegram-link {
    display: flex !important;
    align-items: center;
    width: 100%;
    color: inherit;
    text-decoration: none !important;
}

/* Корекція для іконки, щоб була в ряд з текстом */
.telegram-icon {
    display: inline-flex !important;
    align-items: center;
    line-height: 1;
}

/* Стилі для правої частини (сітка карток) */
.myacount_dashbord_list .telegram-notifier-item {
    /* Тема сама робить .list-group-item карткою всередині .row */
    justify-content: center;
    text-align: center;
}

.myacount_dashbord_list .telegram-link {
    justify-content: center;
    flex-direction: row; /* Текст та іконка в один рядок */
    padding: 15px 10px;
}

/* Стилі для лівої колонки */
.list-group:not(.myacount_dashbord_list) .telegram-link {
    justify-content: flex-start;
    padding: 10px 0;
}
/* ЗАКІНЧЕННЯ ДЛЯ КНОПКИ В ПАНЕЛІ ОСОБИСТОГО КАБІНЕТУ */