/* ================================================================
   § 8  CROSS-BROWSER / MOBILE UTILITIES
================================================================ */

/* Sticky header fix for iOS Safari */
.site-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 999;
    transform: translateZ(0);
}

/* Search icon — fix deprecated enable-background on Astra SVG */
.ast-header-search svg {
    width: 20px !important;
    height: 20px !important;
    max-width: none !important;
    enable-background: false !important;
}

/* Ensure search icon always visible on desktop */
.ast-header-search {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* Hide search on mobile (hamburger replaces it) */
@media (max-width: 921px) {
    .ast-header-search { display: none !important; }
}

/* WhatsApp floating button — all browsers */
.whatsapp-float {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 9999;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #25D366;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    transition: transform 0.2s ease;
}

.whatsapp-float:hover {
    transform: scale(1.1);
}

/* Touch target minimum for all buttons */
.whatsapp-float svg,
.whatsapp-float img {
    width: 28px;
    height: 28px;
    max-width: none !important;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        transition: none !important;
        animation: none !important;
    }
}