/* ── FOOTER ── */
footer { background: #001a2e; padding: 3.5rem 0 2rem; }
.footer-logo { height: 44px; filter: brightness(0) invert(1); margin-bottom: 0.75rem; }
.footer-tagline {
   font-size: 10px; font-weight: 700;
   letter-spacing: 3px; text-transform: uppercase;
   color: var(--accent); margin-bottom: 1rem;
}
.footer-info { font-size: 12.5px; color: rgba(255,255,255,0.45); line-height: 2.1; }
.footer-info i { color: var(--accent); margin-right: 6px; }
footer a { color: rgba(255,255,255,0.45); text-decoration: none; transition: color 0.2s; }
footer a:hover { color: var(--accent); }
.footer-nav-label {
   font-size: 10px; font-weight: 700;
   letter-spacing: 2.5px; text-transform: uppercase;
   color: rgba(255,255,255,0.25); margin-bottom: 1rem;
}
.footer-nav li { margin-bottom: 0.5rem; list-style: none; }
.footer-nav a { font-size: 13px; }
.footer-social-link {
   width: 36px; height: 36px;
   border-radius: 50%;
   border: 1px solid rgba(255,255,255,0.15);
   display: inline-flex; align-items: center; justify-content: center;
   color: rgba(255,255,255,0.5) !important;
   font-size: 15px; margin-right: 0.4rem;
   transition: border-color 0.2s, color 0.2s !important;
}
.footer-social-link:hover { border-color: var(--accent); color: var(--accent) !important; }
.footer-divider { border-color: rgba(255,255,255,0.07); margin: 1.75rem 0; }
.footer-copy { font-size: 11.5px; color: rgba(255,255,255,0.25); }

.footer-rating {
   font-size: 12px;
   color: var(--accent);
   display: inline-flex;
   align-items: center;
   gap: 6px;
   text-decoration: none;
}
.footer-rating-stars { color: #FBBC04; }

/* ── FLOATING WA ── */
.floating-wa {
   position: fixed; bottom: 24px; right: 24px; z-index: 999;
   background: #25D366;
   border-radius: 50px;
   box-shadow: 0 4px 20px rgba(37,211,102,0.4);
   padding: 11px 20px;
   display: flex; align-items: center; gap: 8px;
   animation: waBounce 2.8s ease-in-out infinite;
   text-decoration: none;
   transition: transform 0.2s;
}
.floating-wa:hover { animation: none; transform: translateY(-4px); }
@keyframes waBounce {
   0%,100% { transform: translateY(0); }
   50%      { transform: translateY(-6px); }
}
.floating-wa img { width: 22px; height: 22px; }
.floating-wa span { color: white; font-size: 13px; font-weight: 700; white-space: nowrap; }
@media (max-width: 768px) {
   .floating-wa { padding: 12px; border-radius: 50%; width: 52px; height: 52px; justify-content: center; }
   .floating-wa span { display: none; }
   .floating-wa img { width: 26px; height: 26px; }
}