/* ============================================================
   DehqonAI — Custom Styles & Presentation Deck Animations
   ============================================================ */

/* Circuit & Grid Pattern Overlay */
.circuit-grid-overlay {
  background-image: 
    radial-gradient(rgba(34, 197, 94, 0.12) 1px, transparent 1px),
    linear-gradient(to right, rgba(16, 185, 129, 0.03) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(16, 185, 129, 0.03) 1px, transparent 1px);
  background-size: 32px 32px, 64px 64px, 64px 64px;
}

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

::-webkit-scrollbar-track {
  background: #03140e;
}

::-webkit-scrollbar-thumb {
  background: #16533d;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #22c55e;
}

/* Active Navigation Item styling */
.nav-link.active-nav {
  color: #22c55e !important;
  background-color: rgba(12, 53, 39, 0.8) !important;
  border: 1px solid rgba(34, 197, 94, 0.3);
}

/* Slide Presentation Mode Styles */
body.presentation-mode {
  overflow: hidden !important;
  height: 100vh !important;
  width: 100vw !important;
}

body.presentation-mode #main-nav {
  display: none !important;
}

body.presentation-mode #presentation-bar {
  display: block !important;
}

body.presentation-mode main {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  position: relative;
}

body.presentation-mode .slide-section {
  display: none;
  height: 100vh;
  width: 100vw;
  padding-top: 4.5rem !important;
  padding-bottom: 5.5rem !important;
  overflow-y: auto;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}

body.presentation-mode .slide-section.active-slide {
  display: flex !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Slide Indicator Active Dot */
.slide-dot.active-dot {
  background-color: #22c55e !important;
  transform: scale(1.5);
  box-shadow: 0 0 10px #22c55e;
}

/* Glassmorphism Cards */
.glass-panel {
  background: rgba(12, 53, 39, 0.65);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(22, 83, 61, 0.7);
}

/* Demo Crop button active state */
.demo-crop-btn.active-crop {
  background-color: #0c3527 !important;
  border-color: #22c55e !important;
  color: #ffffff !important;
  box-shadow: 0 0 15px rgba(34, 197, 94, 0.2);
}

/* Smooth Image hover effects */
.scale-102 {
  transform: scale(1.02);
}

/* Animated Brand Logo Glow */
.logo-glow {
  position: relative;
}
.logo-glow::after {
  content: '';
  position: absolute;
  inset: -3px;
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.7), rgba(6, 182, 212, 0.5), rgba(16, 185, 129, 0.7));
  border-radius: 1.15rem;
  z-index: -1;
  filter: blur(8px);
  opacity: 0.6;
  animation: logoPulse 4s ease-in-out infinite alternate;
}

@keyframes logoPulse {
  0% {
    opacity: 0.35;
    filter: blur(6px);
    transform: scale(0.96);
  }
  100% {
    opacity: 0.85;
    filter: blur(12px);
    transform: scale(1.04);
  }
}

/* ============================================================
   Frosted Glass Window Overlay (Oynak: 60% Rasm Ko'rinuvchanligi)
   ============================================================ */
.glass-window-overlay {
  /* 60% rasm tasviri ko'rinadi (40% qoramtir zumrad shisha qatlami) */
  background: radial-gradient(circle at 50% 20%, rgba(3, 22, 15, 0.35) 0%, rgba(2, 16, 11, 0.42) 50%, rgba(1, 11, 7, 0.48) 100%);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

/* Frosted glass styling for content cards (oynak panellar) */
.slide-section .rounded-3xl,
.slide-section .rounded-2xl {
  background-color: rgba(6, 26, 18, 0.82);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 16px 40px -5px rgba(0, 0, 0, 0.6);
}