/* PREMIUM THEME OVERRIDES - MODERN IMPACT AESTHETIC */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap');

:root {
    /* Premium Palette: Tech Green & Vibrant Orange */
    --servlar-green: #059669;
    --servlar-green-light: #10B981;
    --servlar-green-dark: #047857;
    --servlar-gradient: linear-gradient(135deg, #10B981 0%, #059669 100%);
    
    --servlar-orange: #F97316;
    --servlar-orange-light: #FB923C;
    --servlar-orange-dark: #EA580C;
    --orange-gradient: linear-gradient(135deg, #FB923C 0%, #F97316 100%);

    --dark: #0B1120;
    --dark-light: #1e293b;
    --gray-900: #0f172a;
    --gray-800: #1e293b;
    --gray-700: #334155;
    
    --shadow-md: 0 10px 30px -10px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 20px 40px -10px rgba(0, 0, 0, 0.08);
    --shadow-glow-green: 0 0 40px rgba(16, 185, 129, 0.3);
}

/* Typography Update */
h1, h2, h3, h4, h5, h6, .section-title, .hero-title, .logo-text, .stat-number {
    font-family: 'Outfit', sans-serif !important;
    letter-spacing: -0.02em;
}

/* Hero Section (Hi-Tech Dark) */
.hero {
    background: var(--dark) !important;
    position: relative;
}

.hero::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: radial-gradient(circle at 50% 0%, rgba(16,185,129,0.15) 0%, transparent 60%);
    pointer-events: none;
}

.hero-title {
    color: #ffffff;
}

.hero-title .highlight {
    color: var(--servlar-green-light) !important;
    text-shadow: 0 0 40px rgba(16, 185, 129, 0.4) !important;
}

.nav-link {
    font-weight: 600;
    font-family: 'Outfit', sans-serif;
}

/* Base sections */
.services, .calculator, .products {
    background: #ffffff !important;
}

/* Glassmorphism Cards */
.service-card, .product-card, .hero-quick-calc {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    box-shadow: var(--shadow-md) !important;
    border-radius: 24px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.hero-quick-calc {
    background: rgba(15, 23, 42, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.service-card:hover, .product-card:hover {
    transform: translateY(-8px) scale(1.02) !important;
    box-shadow: var(--shadow-lg), 0 20px 40px rgba(16, 185, 129, 0.1) !important;
    border: 1px solid rgba(16, 185, 129, 0.2) !important;
}

/* Input Fields */
.input-group {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px);
    border-radius: 12px !important;
}
.input-group input {
    color: #ffffff !important;
}
.input-prefix {
    color: var(--servlar-green-light) !important;
}

/* Buttons */
.btn {
    border-radius: 999px !important;
    font-family: 'Outfit', sans-serif !important;
    letter-spacing: 0.5px;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 0.8rem !important;
    padding: 14px 32px !important;
}

.btn-primary {
    background: var(--servlar-gradient) !important;
    border: none;
}

.btn-glow {
    animation: premiumGlow 3s ease-in-out infinite alternate !important;
}

@keyframes premiumGlow {
    from { box-shadow: 0 0 15px rgba(16, 185, 129, 0.2); }
    to { box-shadow: 0 0 30px rgba(16, 185, 129, 0.5); }
}

/* Reveal Animations */
.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Filter buttons */
.filter-btn {
    border-radius: 99px !important;
    font-family: 'Outfit';
    font-weight: 600;
}
.filter-btn.active {
    background: var(--dark) !important;
    color: #fff !important;
}

/* Calculator specific */
.calculator {
    background: #f8fafc !important;
}
.calculator .section-tag {
    background: rgba(16, 185, 129, 0.1) !important;
    color: var(--servlar-green) !important;
}
.calculator .section-title, .calculator .section-subtitle {
    color: var(--dark) !important;
}
.calculator-form, .calculator-results {
    background: #ffffff !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    box-shadow: var(--shadow-lg) !important;
    border-radius: 24px !important;
}
.result-item {
    background: #f8fafc !important;
    border-radius: 16px !important;
}
.result-item.highlight {
    background: var(--servlar-gradient) !important;
    color: white !important;
}
.result-item.highlight .result-label,
.result-item.highlight .result-value {
    color: white !important;
}

/* Hero Wave Override to match dark */
.hero-wave path[fill="#1976D2"] { fill: #0B1120 !important; opacity: 0.5; }
.hero-wave path[fill="#FF6D00"] { fill: var(--servlar-green-light) !important; }
.hero-wave path[fill="#4CAF50"] { fill: var(--servlar-green) !important; }
.hero-wave path[fill="#F8FAFC"] { fill: #ffffff !important; }

/* Logo Emphasis */
.logo-img {
    height: 80px !important;
    filter: drop-shadow(0 8px 24px rgba(255, 255, 255, 0.15));
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    transform-origin: left center;
}

.header.scrolled .logo-img {
    height: 55px !important;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));
}

.logo:hover .logo-img {
    transform: scale(1.05);
    filter: drop-shadow(0 12px 28px rgba(255, 255, 255, 0.25));
}