/* Simplified CSS for HostGator compatibility */

/* Basic reset and smooth scroll */
html {
    
}

* {
    box-sizing: border-box;
}

/* Simple transitions - no complex animations */
a, button {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Remove any complex hover effects for mobile compatibility */
@media (hover: hover) {
    .hover\:bg-green-700:hover {
        background-color: #15803d !important;
    }
    
    .hover\:bg-yellow-600:hover {
        background-color: #ca8a04 !important;
    }
    
    .hover\:bg-gray-100:hover {
        background-color: #f3f4f6 !important;
    }
}

/* FAQ functionality */
.faq-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.faq-content.show {
    max-height: 300px;
}

.faq-icon {
    transition: transform 0.3s ease;
}

.faq-toggle.active .faq-icon {
    transform: rotate(45deg);
}

/* Simple button styles */
.btn-primary {
    background-color: #16a34a;
    color: white;
    padding: 12px 24px;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
}

.btn-primary:hover {
    background-color: #15803d;
}

/* Ensure proper text rendering */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Simple shadow effects */
.shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

/* Mobile-first responsive design */
@media (max-width: 768px) {
    .text-4xl {
        font-size: 2rem !important;
    }
    
    .text-6xl {
        font-size: 3rem !important;
    }
    
    .px-12 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    
    .py-6 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
}

/* Ensure compatibility with older browsers */
.rounded-xl {
    border-radius: 0.75rem;
}

.rounded-2xl {
    border-radius: 1rem;
}

/* Simple grid fallback */
@supports not (display: grid) {
    .grid {
        display: flex;
        flex-wrap: wrap;
    }
    
    .grid > * {
        flex: 1;
        min-width: 300px;
        margin: 0.5rem;
    }
}

/* Print styles */
@media print {
    .no-print {
        display: none !important;
    }
}

/* High contrast mode */
@media (prefers-contrast: high) {
    .bg-green-50 {
        background-color: #f0f0f0 !important;
    }
    
    .text-green-600 {
        color: #000 !important;
        font-weight: bold;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    
    html {
        scroll-behavior: auto !important;
    }
}