/* ═══════════════════════════════════════════════════════════
   GloMax — messenger.css  (Sticky CTA + 메신저 아이콘)
═══════════════════════════════════════════════════════════ */

/* ── Sticky 하단 버튼 ── */
.sticky-messenger {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    z-index: 9999;
    padding: 14px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 19px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 -8px 28px rgba(94,65,111,.30);
    transform: none;
    transition: filter .2s ease;
    /* 배경색은 PHP에서 style 속성으로 주입 */
}
.sticky-messenger:hover { filter: brightness(1.08); }
.sticky-messenger:active { filter: brightness(.95); }

.sticky-messenger-icon {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sticky-messenger-icon svg { width: 24px; height: 24px; fill: #fff; }

/* ── 메신저별 SVG 아이콘 (인라인 대체) ── */
.icon-whatsapp::before  { content: '💬'; font-size: 22px; }
.icon-line::before      { content: '💬'; font-size: 22px; }
.icon-wechat::before    { content: '💬'; font-size: 22px; }
.icon-zalo::before      { content: '💬'; font-size: 22px; }
.icon-kakao::before     { content: '💬'; font-size: 22px; }

/* ── pulse 애니메이션 (주의 유도) ── */
@keyframes pulse-shadow {
    0%, 100% { box-shadow: 0 -8px 28px rgba(94,65,111,.30); }
    50%       { box-shadow: 0 -8px 38px rgba(143,106,173,.50); }
}
.sticky-messenger { animation: pulse-shadow 3s ease infinite; }

@media (min-width: 540px) {
    .sticky-messenger {
        left: 50%;
        right: auto;
        width: 520px;
        bottom: 0;
        border-radius: 0;
        transform: translateX(-50%);
    }
}