/* ==========================================================================
   SolarTek GES - Güneş Enerjisi, Solar Panel & Tarımsal Sulama Sistemleri
   Musa Sayan Mimari Çekirdeği (Pure PHP 8.3+ MVC Engine)
   ========================================================================== */

:root {
    --color-solar-amber: #f59e0b;
    --color-solar-orange: #ea580c;
    --color-solar-yellow: #eab308;
    --color-solar-cyan: #06b6d4;
    --color-bg-dark: #020617;
    --color-card-dark: #0f172a;
    --color-border-dark: #1e293b;
    --font-main: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
    box-sizing: border-box;
}

*, *::before, *::after {
    box-sizing: border-box;
}

body {
    font-family: var(--font-main);
    background-color: var(--color-bg-dark);
    color: #f8fafc;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Glassmorphism Efektleri */
.glass-header {
    background: rgba(15, 23, 42, 0.95);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.glass-card {
    background: rgba(15, 23, 42, 0.75);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Mega Menu - Katı Opak ve İzole */
.mega-menu-dropdown {
    background-color: #0b132b !important;
    border: 1px solid #1e2e4f !important;
    box-shadow: 0 30px 70px -10px rgba(0, 0, 0, 0.98), 0 0 0 1px rgba(245, 158, 11, 0.25) !important;
    opacity: 1 !important;
    isolation: isolate !important;
    white-space: normal !important;
}

.mega-menu-card {
    background: linear-gradient(145deg, #121c38 0%, #0d152a 100%) !important;
    border: 1px solid #1e3a6a !important;
    padding: 1.25rem !important;
    box-sizing: border-box !important;
}

.mega-menu-card * {
    box-sizing: border-box;
}

.mega-menu-footer {
    background-color: #070d1e !important;
    border-top: 1px solid #1e293b !important;
}

/* Özel Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #020617;
}

::-webkit-scrollbar-thumb {
    background: #1e293b;
    border-radius: 4px;
}

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

/* Solar Glow & Rozetler */
.solar-glow {
    box-shadow: 0 0 25px -5px rgba(245, 158, 11, 0.35);
}

.solar-glow-green {
    box-shadow: 0 0 25px -5px rgba(16, 185, 129, 0.35);
}

.solar-gradient {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 50%, #b45309 100%);
}

.solar-gradient-cyan {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
}

/* Step Durum Göstergesi */
.step-active {
    border-color: #f59e0b;
    color: #f59e0b;
    background-color: rgba(245, 158, 11, 0.1);
}

.step-completed {
    border-color: #10b981;
    color: #10b981;
    background-color: rgba(16, 185, 129, 0.1);
}

/* Animasyonlar & Geçişler */
.transition-smooth {
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}