/* ── WhatsApp Marken-CTAs (site-wide) ── */
:root {
    --wa-green: #25D366;
    --wa-green-dark: #1fb855;
}

.btn-whatsapp,
.btn-whatsapp-loft,
.gallery-conversion-wa,
.gallery-lightbox__cta--wa,
.gallery-item-wa {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background: var(--wa-green) !important;
    color: #fff !important;
    text-decoration: none;
    font-weight: 700;
    border: none;
    transition: background 0.25s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease;
}

.btn-whatsapp:hover,
.btn-whatsapp-loft:hover,
.gallery-conversion-wa:hover,
.gallery-lightbox__cta--wa:hover,
.gallery-item-wa:hover {
    background: var(--wa-green-dark) !important;
    color: #fff !important;
}

.wa-logo {
    flex-shrink: 0;
    display: block;
}

a.footer-social[href*="wa.me"] .wa-logo,
a.footer-social[href*="wa.me"] svg {
    color: var(--wa-green) !important;
    fill: var(--wa-green);
}

a.footer-social[href*="maps.google"] .maps-logo,
a.footer-social[href*="maps.google"] svg,
a.footer-social[href*="google.com/maps"] .maps-logo,
a.footer-social[href*="google.com/maps"] svg {
    color: var(--footer-ink-100, #F7F5F2) !important;
    stroke: currentColor;
}

.mobile-sticky-bar .msb-wa {
    background: var(--wa-green);
    color: #fff !important;
}

.mobile-sticky-bar .msb-wa:hover {
    background: var(--wa-green-dark);
}

.mobile-sticky-bar .msb-wa .wa-logo,
.mobile-sticky-bar .msb-wa svg {
    color: #fff !important;
    fill: #fff;
}

.mobile-sticky-bar .msb-call {
    background: var(--accent-orange, #c96a2b);
    color: #fff !important;
}

.mobile-sticky-bar .msb-call svg {
    stroke: #fff !important;
    color: #fff !important;
    fill: none;
}