/*
Theme Name: SanjSoft Modern
Theme URI: https://sanjsoft.io
Author: SanjSoft
Author URI: https://sanjsoft.io
Description: Modern dark theme for SanjSoft with TrumpetBlast product showcase, AI services, and complete business solutions.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sanjsoft
*/

/* Base styles */
body {
    background-color: #020617;
    color: #f3f4f6;
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.glass { 
    background: rgba(255, 255, 255, 0.05); 
    backdrop-filter: blur(10px); 
    border: 1px solid rgba(255, 255, 255, 0.1); 
}

.glass-dark { 
    background: rgba(15, 23, 42, 0.95); 
    backdrop-filter: blur(12px); 
}

.text-gradient { 
    background: linear-gradient(to right, #F97316, #0EA5E9); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
}

.nav-scrolled { 
    background: rgba(15, 23, 42, 0.95) !important; 
    backdrop-filter: blur(12px); 
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); 
}

.page { 
    display: none; 
    animation: fadeIn 0.3s ease-in-out; 
}

.page.active { 
    display: block; 
}

@keyframes fadeIn { 
    from { opacity: 0; transform: translateY(10px); } 
    to { opacity: 1; transform: translateY(0); } 
}

.modal { 
    display: none; 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: rgba(0,0,0,0.8); 
    z-index: 9999; 
    justify-content: center; 
    align-items: center; 
    overflow-y: auto; 
}

.modal.active { 
    display: flex; 
}

.mesh-gradient { 
    background-color: #0f172a; 
    background-image: radial-gradient(at 0% 0%, hsla(253,16%,7%,1) 0, transparent 50%), 
                      radial-gradient(at 50% 0%, hsla(25,100%,50%,0.2) 0, transparent 50%), 
                      radial-gradient(at 100% 0%, hsla(200,100%,50%,0.2) 0, transparent 50%); 
}

.card-hover { 
    transition: all 0.3s ease; 
}

.card-hover:hover { 
    transform: translateY(-5px); 
    box-shadow: 0 20px 40px -15px rgba(249, 115, 22, 0.3); 
}

/* WordPress specific fixes */
.entry-content { 
    max-width: 100% !important; 
    padding: 0 !important; 
    margin: 0 !important; 
}

.site-header, 
.site-footer, 
.entry-header, 
.post-navigation, 
.comments-area,
.wp-block-post-title,
.wp-block-post-content > *:not(.custom-content) {
    display: none !important;
}

/* Utility classes */
.bg-sanjOrange { background-color: #F97316; }
.bg-sanjBlue { background-color: #0EA5E9; }
.bg-sanjDark { background-color: #0f172a; }
.bg-sanjDarker { background-color: #020617; }
.text-sanjOrange { color: #F97316; }
.text-sanjBlue { color: #0EA5E9; }

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #0f172a;
}

::-webkit-scrollbar-thumb {
    background: #F97316;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #ea580c;
}