[x-cloak] { display: none !important; }

body { 
    font-family: 'Inter', sans-serif; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.heading-gradient {
    background: linear-gradient(to right, #1A237E, #D32F2F);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
            
    /* Safari Fix: ensures the clip applies correctly to the box */
    display: inline-block; 
    width: 100%;
}

.dark .logo {
    filter: brightness(1.5) saturate(1.2);
}

.dark .heading-gradient {
    background: linear-gradient(to right, #818CF8, #F87171);
    -webkit-background-clip: text;
    background-clip: text;
}

/* Prevent horizontal scroll on mobile due to absolute animations */
.overflow-x-hidden-fix {
    overflow-x: hidden;
    position: relative;
    width: 100%;
}

/* Smooth accordion transition fallback */
.pillar-transition {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* WhatsApp Button Z-Index */
.whatsapp-float {
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 20px;
    right: 20px;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 20px;
    box-shadow: 2px 2px 3px #999;
    z-index: 9999; /* Highest priority */
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none; 
    padding: 0; 
}

.whatsapp-float:hover {
    transform: translateY(-5px);
    box-shadow: 4px 4px 10px #999;
}

.whatsapp-float img {
    width: 100%; 
    height: 100%;
    border-radius: 50%;
    object-fit: cover; 
}

.nav-border-gradient::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, #1A237E, #D32F2F);
}

.dark .nav-border-gradient::after {
    background: linear-gradient(to right, #818CF8, #F87171);
}