/*
Theme Name: Salary Scout Theme
Text Domain: salary-scout-theme
Version: 1.0
Author: Antigravity
Description: A premium salary data theme with Liquid Glass design.
*/

:root {
    --bg-soft: #fbfbfd;
    --primary: #007AFF; 
    --text-main: #ffffff;
    --text-secondary: rgba(255, 255, 255, 0.85);
    --glass-bg: rgba(255, 255, 255, 0.08);
    --glass-border: rgba(255, 255, 255, 0.2);
    --accent-cyan: #5AC8FA;
    --shadow-glass: 0 40px 100px rgba(0, 0, 0, 0.15);
}

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');

body {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background: #000;
}

.glass-morphism {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(50px) saturate(240%) !important;
    -webkit-backdrop-filter: blur(50px) saturate(240%) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
}

.liquid-glass-card {
    background: var(--glass-bg);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    border: 1px solid var(--glass-border);
    border-radius: 40px;
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.4);
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Division with Background Blur */
.blurred-section {
    position: relative;
    backdrop-filter: blur(80px);
    -webkit-backdrop-filter: blur(80px);
    background: rgba(255, 255, 255, 0.02);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    margin: 40px 0;
    padding: 100px 0;
    overflow: hidden;
}

.blurred-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.05), transparent);
    pointer-events: none;
}

.liquid-glass-card:hover {
    transform: translateY(-10px);
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.3);
}

.gradient-text {
    background: linear-gradient(135deg, #fff 0%, var(--accent-cyan) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #555; }
/*
Theme Name: SalaryScout Premium V2
Theme URI: https://salaryscout.net/
Description: Modern Glassmorphism Salary Search Theme (V2). Optimized for Slider Revolution and Visual Composer. Supported by Tailwind CSS.
Version: 2.0.0
Author: SalaryScout Team
Author URI: https://salaryscout.net/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: salaryscout
*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');

* { 
    box-sizing: border-box; 
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; 
    -webkit-font-smoothing: antialiased; 
    scroll-behavior: smooth; 
}

body { 
    background: #000;
    color: #fff; 
    margin: 0; 
    padding: 0; 
}

/* Glassmorphism Utilities */
.glass-box {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(50px) saturate(240%);
    -webkit-backdrop-filter: blur(50px) saturate(240%);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.glass-shadow {
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}

.nav-links a.active {
    color: #5AC8FA;
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #555; }

/* Visual Composer Container Compatibility */
.vc_row-full-width { width: 100vw !important; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }