/* Telegram channel promotion. Telegram blue is fixed (not theme variables) so it
   reads the same in the light and dark themes. */
.bcc-tg-icon{flex:none;display:inline-block;vertical-align:-3px}

.bcc-tg-btn{display:inline-flex;align-items:center;gap:8px;background:#229ED9;color:#fff;font-weight:700;font-size:14px;line-height:1;padding:11px 18px;border-radius:999px;text-decoration:none;box-shadow:0 6px 18px -8px rgba(34,158,217,.7);transition:transform .15s ease,background .15s ease}
.bcc-tg-btn:hover,.bcc-tg-btn:focus-visible{background:#1b86b9;color:#fff;transform:translateY(-1px)}
.bcc-tg-btn--lg{font-size:16px;padding:15px 26px;gap:10px}
.bcc-tg-btn--lg .bcc-tg-icon{width:22px;height:22px}
.bcc-tg-btn__arrow{margin-left:2px}

/* Panel */
.bcc-tg-panel{background:linear-gradient(135deg,#0d3b57 0%,#1b6f9d 55%,#229ED9 100%);color:#fff;padding:56px 0}
.bcc-tg-panel__inner{text-align:center;max-width:760px;margin:0 auto;padding:0 20px}
.bcc-tg-panel__eyebrow{font-family:var(--mono,monospace);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;opacity:.85}
.bcc-tg-panel__title{font-family:var(--display,inherit);font-size:clamp(26px,4vw,38px);line-height:1.12;margin:0 0 14px;color:#fff}
.bcc-tg-panel__text{font-size:16.5px;line-height:1.55;margin:0 auto 24px;max-width:600px;color:rgba(255,255,255,.92)}
.bcc-tg-panel .bcc-tg-btn{background:#fff;color:#0d3b57;box-shadow:0 10px 26px -10px rgba(0,0,0,.5)}
.bcc-tg-panel .bcc-tg-btn:hover,.bcc-tg-panel .bcc-tg-btn:focus-visible{background:#eaf6fc;color:#0d3b57}
.bcc-tg-panel__handle{margin:16px 0 0;font-size:13px;opacity:.85}
.bcc-tg-panel__handle span{font-family:var(--mono,monospace);font-weight:600}

/* Inline prompt (product page / shop) */
.bcc-tg-inline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:14px 0;padding:12px 16px;border:1px solid rgba(34,158,217,.45);background:rgba(34,158,217,.08);border-radius:12px}
.bcc-tg-inline__text{margin:0;font-size:14px}
.bcc-tg-inline__link{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#229ED9;text-decoration:none}
.bcc-tg-inline__link:hover{text-decoration:underline}

/* Floating button — sits above the WhatsApp FAB (bottom:22px, 58px tall) */
.bcc-tg-fab{position:fixed;right:22px;bottom:84px;z-index:60;display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 20px 0 16px;background:#229ED9;color:#fff;border-radius:999px;font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 10px 30px -8px rgba(7,37,60,.55),0 2px 8px rgba(0,0,0,.2);transition:transform .2s ease,background .2s ease}
.bcc-tg-fab:hover,.bcc-tg-fab:focus-visible{background:#1b86b9;color:#fff;transform:translateY(-2px)}
.bcc-tg-fab .bcc-tg-icon{width:24px;height:24px}
@media (max-width:700px){
  .bcc-tg-fab{right:16px;bottom:84px;width:52px;padding:0;justify-content:center}
  .bcc-tg-fab__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .bcc-tg-panel{padding:44px 0}
}

/* Topbar / footer / hero variants */
.bcc-tg-top{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:600;text-decoration:none}
.bcc-tg-top .bcc-tg-icon{width:14px;height:14px;color:#5bc4f2}
.bcc-tg-top:hover{text-decoration:underline;color:#fff}
.bcc-tg-hero{margin-top:14px}

.bcc-tg-strip{background:#0d3b57;text-align:center;font-size:13.5px}
.bcc-tg-strip a{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 16px;color:#fff;text-decoration:none}
.bcc-tg-strip .bcc-tg-icon{width:16px;height:16px;color:#5bc4f2}
.bcc-tg-strip b{color:#5bc4f2}
.bcc-tg-strip a:hover b{text-decoration:underline}