/*
Theme Name: West Star Consulting
Theme URI: https://weststarconsulting.com
Author: Antigravity
Description: A modern, formal legal consulting theme for WESTSTARCONSULTING.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: legal, consulting, modern, formal, blue
*/

/* 
This file is the primary stylesheet for the West Star Consulting theme. 
Tailwind CSS and other external libraries are enqueued via functions.php.
Custom styles from the static version are also included here.
*/

:root {
    --primary: #195ea3;
    --primary-dark: #124a82;
    --primary-light: #e8f1f8;
    --accent: #00d4ff;
    --background-light: #f6f7f8;
    --background-dark: #121920;
    --charcoal: #1e293b;
    --slate-text: #475569;
}

body {
    scroll-behavior: smooth;
    font-family: 'Inter', sans-serif;
}

.serif-title {
    font-family: 'Playfair Display', serif;
}

.glass-nav {
    backdrop-filter: blur(12px);
    background-color: rgba(255, 255, 255, 0.85);
}

.service-card {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px -15px rgba(25, 94, 163, 0.15);
}

.service-number {
    color: rgba(25, 94, 163, 0.05);
    font-size: 6rem;
    font-weight: 900;
    position: absolute;
    right: 20px;
    top: 20px;
}

.faq-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out, opacity 0.3s ease-out;
    opacity: 0;
}

.faq-group.active .faq-content {
    max-height: 500px;
    opacity: 1;
    padding-bottom: 24px;
}

.faq-group.active .faq-icon {
    transform: rotate(180deg);
}

.faq-icon {
    transition: transform 0.4s;
}

/* 
 * Animation Performance Optimizations
 * Using hardware acceleration for smoother AOS transitions
 */
[data-aos] {
    will-change: transform, opacity;
    backface-visibility: hidden;
    perspective: 1000;
    transform: translate3d(0, 0, 0);
}