/* Custom CSS for Buff Chemical */

:root {
    --primary-color: #111111; /* Deep Blue */
    --accent-color: #E31837;  /* Gold */
    --font-heading: 'Barlow Condensed', sans-serif;
    --font-body: 'Hanken Grotesk', sans-serif;
    --font-mono: 'JetBrains Mono', monospace;
}

body {
    font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6, .font-heading {
    font-family: var(--font-heading);
}

.font-technical, code, pre, .font-mono {
    font-family: var(--font-mono);
}

/* Custom Scrollbars */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* WhatsApp FAB Hover Animations */
.bc-whatsapp-fab {
    position: fixed;
    bottom: 24px;
    right: 24px;
    background: #25D366;
    color: white;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 20px rgba(37,211,102,0.5);
    cursor: pointer;
    z-index: 9998;
    transition: transform 0.2s, box-shadow 0.2s;
}

.bc-whatsapp-fab:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 24px rgba(37,211,102,0.7);
}

/* Animations */
@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.animate-slide-in {
    animation: slideIn 0.3s ease forwards;
}

/* ============================================================
   GOOGLE TRANSLATE CUSTOM CUSTOMIZATION
   ============================================================ */
.goog-te-banner-frame,
.goog-te-banner,
.goog-te-balloon,
#goog-gt-tt,
.goog-tooltip,
.goog-tooltip:hover {
    display: none !important;
    visibility: hidden !important;
}

body {
    top: 0px !important;
}

.goog-text-highlight {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

iframe[id*="translate"],
iframe[class*="translate"] {
    display: none !important;
    visibility: hidden !important;
}