/* Top contact bar (hours, phone, email, WhatsApp), same idea as moduleleap.ro. Added 2026-10-27. */
.top-banner.top-contact { background: #eef3fb; border-bottom: 1px solid #d6e0f2; justify-content: center; }
.top-contact-inner { width: 100%; max-width: 1400px; padding: 0 48px; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; font-size: .86rem; color: #475569; }
.top-contact-hours, .top-contact-links a { display: inline-flex; align-items: center; gap: .5rem; white-space: nowrap; }
.top-contact-links { display: flex; align-items: center; gap: clamp(1rem, 2.5vw, 2rem); }
.top-contact-links a { font-weight: 600; color: #0f172a; text-decoration: none; transition: color .2s, background .2s, border-color .2s, transform .2s, box-shadow .2s; }
.top-contact-links a:hover { color: var(--accent); }
.top-contact i { color: var(--accent); font-size: .85rem; }
.top-contact .top-wa { --wa: #25d366; --wa-deep: #128c5a; position: relative; height: 28px; gap: .55rem; padding: 0 .95rem 0 .28rem; border-radius: 999px; border: 1px solid rgba(37, 211, 102, .45); background: rgba(37, 211, 102, .12); color: #0c6b3b; }
.top-contact .top-wa:hover { background: var(--wa-deep); border-color: var(--wa-deep); color: #fff; transform: translateY(-1px); box-shadow: 0 8px 22px -8px var(--wa-deep); }
.top-wa-ico { position: relative; flex: none; width: 22px; height: 22px; border-radius: 50%; background: var(--wa); display: grid; place-items: center; }
.top-contact .top-wa-ico i { color: #fff; font-size: .8rem; }
.top-wa-ico::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid var(--wa); opacity: 0; animation: topwa-ring 2.8s ease-out 1.5s infinite; }
@keyframes topwa-ring { 0% { transform: scale(1); opacity: .7; } 70%, 100% { transform: scale(1.9); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .top-wa-ico::after { animation: none; } }
@media (max-width: 900px) {
  .top-contact-inner { justify-content: center; padding: 0 16px; }
  .top-contact-hours, .top-contact-links .top-contact-mail { display: none; }
}
@media (max-width: 600px) {
  .top-contact-inner { font-size: .8rem; }
  .top-wa-txt { display: none; }
  .top-contact .top-wa { padding: 0 .28rem; }
}

/* Align with the page: same width as .container (1200px, 24px padding), so the bar is not wider than the header. */
.top-contact-inner { max-width: 1200px; padding: 0 24px; }
/* Hero floating badges: keep them inside the container padding instead of hanging outside the header edges. */
.lp-preview-wrap .fb2, .lp-preview-wrap .fb4, .lp-preview-wrap .fb6 { right: 0; left: auto; }
.lp-preview-wrap .fb1 { left: -12px; }
.lp-preview-wrap .fb3 { left: -16px; }
@media (max-width: 900px) { .top-contact-inner { padding: 0 16px; } }