/*
 Theme Name: FlickTab Child
 Theme URI: https://flicktab.com/
 Description: Professional child theme for GeneratePress, customized & developed by FlickTab Web & Digital Solutions.
 Author: Anoop Vaish
 Author URI: https://flicktab.com/
 Template: generatepress
 Version: 1.0.0
*/
/* Fonts & Base */

        * {
            font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            letter-spacing: -0.01em;
        }
        body {
            font-size: 16px;
            line-height: 1.6;
        }
        h1, h2, h3, h4, h5, h6 {
            font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
            font-weight: 700;
            letter-spacing: -0.02em;
            line-height: 1.2;
        }
        h1 {
            font-weight: 800;
            letter-spacing: -0.03em;
        }
        .gradient-text {
            font-family: 'Sora', sans-serif;
            font-weight: 700;
            background: linear-gradient(135deg, #8b5cf6 0%, #ec4899 50%, #f59e0b 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        nav, .nav-link {
            font-family: 'Outfit', sans-serif;
            font-weight: 600;
            font-size: 14px;
        }
        .nav-link-item {
            flex-shrink: 0;
        }
        .nav-active {
            position: relative;
        }
        .nav-active::after {
            content: '';
            position: absolute;
            bottom: -4px;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 2px;
            background: linear-gradient(90deg, #8b5cf6 0%, #a855f7 50%, #ec4899 100%);
            border-radius: 2px;
            box-shadow: 0 1px 4px rgba(139, 92, 246, 0.3);
            animation: underlineExpand 0.4s ease-out forwards;
        }
        @keyframes underlineExpand {
            from {
                width: 0;
                opacity: 0;
            }
            to {
                width: 60%;
                opacity: 1;
            }
        }
        .section-padding {
            padding-top: 4rem;
            padding-bottom: 4rem;
        }
        @media (min-width: 768px) {
            .section-padding {
                padding-top: 5rem;
                padding-bottom: 5rem;
            }
        }

        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-15px); }
        }
        .float-animation {
            animation: float 6s ease-in-out infinite;
        }
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        .fade-in-up {
            animation: fadeInUp 0.5s ease-out;
        }
        .tool-card, .item-card {
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .tool-card:hover, .item-card:hover {
            transform: translateY(-4px);
        }