/* ifmosa-home-enhancements.css - ENHANCEMENTS ONLY */
/* Loads after page is visible - won't cause CLS */

/* Add gradient to hero text (non-critical) */
.ifmosa-hero h1 {
    background: linear-gradient(90deg, #b58c34, #d8aa44);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Add subtle gradient to background */
.ifmosa-home-bg {
    background: radial-gradient(circle at top right, rgba(181,140,52,0.15), transparent 60%),
                radial-gradient(circle at bottom left, rgba(181,140,52,0.15), transparent 60%),
                #000;
}

/* Button enhancements */
.ifmosa-btn-free {
    background: linear-gradient(90deg, #b58c34, #d8aa44);
}

/* Hover effects (only after page loads) */
.enhanced .ifmosa-btn-free:hover {
    transform: translateY(-2px);
}

.enhanced .ifmosa-btn-premium:hover {
    background: rgba(181,140,52,0.1);
    border-color: #d8aa44;
    color: #d8aa44 !important;
}

.enhanced .destination-card:hover {
    transform: translateY(-2px);
    border-color: rgba(181,140,52,0.4);
    background: rgba(255,255,255,0.07);
}

.enhanced .social-links a:hover {
    background: rgba(181,140,52,0.1);
    border-color: rgba(181,140,52,0.3);
}

.enhanced .ifmosa-employer a:hover {
    background: linear-gradient(90deg, #b58c34, #d8aa44);
    transform: translateY(-2px);
}

/* Link hovers */
.enhanced .ifmosa-company-info a:hover,
.enhanced .ifmosa-copyright-line a:hover {
    text-decoration: underline;
}

/* Smooth transitions (only after page loads) */
.transitions-ready .ifmosa-btn,
.transitions-ready .destination-card,
.transitions-ready .social-links a,
.transitions-ready .ifmosa-employer a {
    transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

/* Desktop-only enhancements */
@media (min-width: 769px) {
    .ifmosa-btn-free {
        box-shadow: 0 2px 8px rgba(181,140,52,0.3);
    }
    
    .enhanced .ifmosa-btn-free:hover {
        box-shadow: 0 4px 12px rgba(181,140,52,0.4);
    }
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    .enhanced .ifmosa-btn:hover,
    .enhanced .destination-card:hover,
    .enhanced .social-links a:hover,
    .enhanced .ifmosa-employer a:hover {
        transform: none !important;
    }
}