/*
Theme Name: TechFix Pro
Theme URI: https://example.com/techfix-pro
Author: TechFix Dev
Author URI: https://example.com
Description: A modern, WordPress theme for technical service businesses with repair tracking. Tailwind CSS based.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: techfix-pro
Tags: one-column, custom-colors, custom-menu, featured-images, footer-widgets, full-width-template
*/

/* 
 * This theme uses Tailwind CSS via CDN for development speed and fidelity to the design.
 * Custom styles are added below for WordPress specific elements and overrides.
 */

/* Modern Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #fff; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Background Grid */
.bg-grid-slate {
    background-size: 40px 40px;
    mask-image: linear-gradient(to bottom, transparent, 10%, white, 90%, transparent);
    -webkit-mask-image: linear-gradient(to bottom, transparent, 10%, white, 90%, transparent);
}

/* Glass Cards */
.glass-card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
}

/* Gradient Text */
.text-gradient {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(135deg, #0ea5e9 0%, #6366f1 100%);
}

/* Hover Card Effect */
.hover-card-effect {
    transition: all 0.3s ease;
}
.hover-card-effect:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -5px rgba(99, 102, 241, 0.15);
    border-color: #e0e7ff;
}

/* Elementor Compatibility */
.elementor-section {
    position: relative;
}