/* =========================================================================
   footer.css - ส่วนท้ายเว็บไซต์
   ========================================================================= */

.footer {
    background-color: var(--color-bg-darker);
    border-top: 1px solid var(--color-border);
    color: var(--color-text-muted);
    padding: 1.25rem 0;
    font-size: 0.9rem;
    flex-shrink: 0;
}

.footer span#footerYear {
    color: var(--color-text-light);
    font-weight: 500;
}

.messenger-float {
    position: fixed; right: 20px; bottom: 22px; z-index: 1035;
    display: flex; align-items: center; gap: .55rem; max-width: 70px;
    color: #fff; text-decoration: none !important; overflow: hidden;
    background: transparent; border: 0; border-radius: 999px;
    filter: drop-shadow(0 6px 12px rgba(0,0,0,.45));
    animation: messengerPulse 2.6s ease-in-out infinite;
    transition: max-width .3s ease, transform .25s ease;
}
.messenger-float:hover { max-width: 220px; color: #fff; transform: scale(1.06); animation-play-state: paused; }
.messenger-float img, .messenger-float > i {
    flex: 0 0 64px; width: 64px; height: 64px; object-fit: contain;
    border: 0; border-radius: 0; background: transparent;
}
.messenger-float > i { display: grid; place-items: center; color: #168aff; font-size: 54px; }
.messenger-float span {
    flex: 0 0 auto; padding: .48rem .75rem; margin-left: -.25rem;
    color: #fff; background: #168aff; border-radius: 999px; font-weight: 600; white-space: nowrap;
}
@keyframes messengerPulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.08); } }
@media (prefers-reduced-motion: reduce) { .messenger-float { animation: none; } }
@media (max-width: 575.98px) { .messenger-float { right: 12px; bottom: 14px; } }