/*
Theme Name: Web Freelancers Pro
Theme URI: https://webfreelancers.in/
Author: Web Freelancers
Author URI: https://webfreelancers.in/
Description: High-converting, modern dark-themed WordPress theme for Web & App Development agencies. Featuring dynamic hero sliders, interactive portfolio with category filters, team blocks, WhatsApp booking modals, and full admin dashboard control.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: webfreelancers
*/

/* Core Base Styles */
:root {
    --brand-blue: #0284c7;
    --brand-vibrant: #00a8ff;
    --brand-gold: #f59e0b;
    --brand-dark: #030712;
    --brand-card: #0f172a;
    --brand-border: #1e293b;
}

html {
    scroll-behavior: smooth;
    background-color: #030712;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background-color: #030712;
    color: #f8fafc;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

/* Custom Interactive Cursor */
.cursor-dot, .cursor-outline {
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    border-radius: 50%;
    z-index: 9999;
    transition: opacity 0.3s ease-in-out, transform 0.2s ease-in-out;
}

.cursor-dot {
    width: 8px;
    height: 8px;
    background-color: #00a8ff;
}

.cursor-outline {
    width: 40px;
    height: 40px;
    border: 2px solid rgba(0, 168, 255, 0.5);
    transform: translate(-50%, -50%);
    transition: width 0.2s, height 0.2s, background-color 0.2s;
}

body:hover .cursor-dot, body:hover .cursor-outline {
    opacity: 1;
}

/* Glassmorphism Card Effect */
.glass-card {
    background: rgba(15, 23, 42, 0.7);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-card:hover {
    border-color: rgba(0, 168, 255, 0.4);
    box-shadow: 0 10px 30px -10px rgba(0, 168, 255, 0.2);
}

/* Hide scrollbars for filter tabs */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Animations */
@keyframes floatAnim {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-12px); }
}

@keyframes pulseGlowAnim {
    0%, 100% { opacity: 0.4; transform: scale(1); }
    50% { opacity: 0.8; transform: scale(1.05); }
}

@keyframes spinSlowAnim {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.animate-float {
    animation: floatAnim 6s ease-in-out infinite;
}

.animate-pulse-glow {
    animation: pulseGlowAnim 3s ease-in-out infinite;
}

.animate-spin-slow {
    animation: spinSlowAnim 15s linear infinite;
}

/* WordPress Standard Classes */
.aligncenter {
    display: block;
    margin: 1.5rem auto;
}
.alignleft {
    float: left;
    margin: 0.5rem 1.5rem 1rem 0;
}
.alignright {
    float: right;
    margin: 0.5rem 0 1rem 1.5rem;
}
.alignwide {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.alignfull {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* Slider Controls */
.slider-dots .dot.active {
    background-color: #00a8ff;
    width: 2rem;
}