/* Kompato Custom Styles & Enhancements */

:root {
  --primary-emerald: #10b981;
  --primary-emerald-dark: #059669;
  --primary-emerald-deep: #047857;
  --dark-bg: #090e17;
  --dark-surface: #111827;
  --dark-card: #1f2937;
  --accent-glow: rgba(16, 185, 129, 0.2);
}

/* Base fonts according to language direction */
html[dir="rtl"] {
  font-family: 'Cairo', 'Tajawal', sans-serif;
}

html[dir="ltr"] {
  font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Smooth Transitions */
* {
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.15s ease;
}

/* Glassmorphism Classes */
.glass-nav {
  background: rgba(15, 23, 42, 0.85);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-card {
  background: rgba(30, 41, 59, 0.65);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-card:hover {
  border-color: rgba(16, 185, 129, 0.4);
  box-shadow: 0 14px 35px -10px rgba(16, 185, 129, 0.18);
  transform: translateY(-4px);
}

.hero-glow {
  position: absolute;
  top: -100px;
  right: 20%;
  width: 550px;
  height: 550px;
  background: radial-gradient(circle, rgba(16, 185, 129, 0.25) 0%, rgba(5, 150, 105, 0.08) 50%, transparent 70%);
  filter: blur(70px);
  pointer-events: none;
  z-index: 0;
}

.hero-glow-alt {
  position: absolute;
  bottom: 0px;
  left: 10%;
  width: 450px;
  height: 450px;
  background: radial-gradient(circle, rgba(16, 185, 129, 0.15) 0%, transparent 65%);
  filter: blur(60px);
  pointer-events: none;
  z-index: 0;
}

/* Badge Glow */
.badge-emerald {
  background: rgba(16, 185, 129, 0.15);
  color: #34d399;
  border: 1px solid rgba(16, 185, 129, 0.35);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #090e17;
}
::-webkit-scrollbar-thumb {
  background: #1f293d;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #059669;
}

/* Modal styling */
.modal-overlay {
  background: rgba(5, 9, 17, 0.82);
  backdrop-filter: blur(8px);
}

/* WhatsApp floating button pulsating animation */
@keyframes pulse-green {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.65);
  }
  70% {
    box-shadow: 0 0 0 16px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}

.whatsapp-float {
  animation: pulse-green 2.5s infinite;
}

/* Software card icon container */
.software-icon-wrap {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.18) 0%, rgba(6, 78, 59, 0.3) 100%);
  border: 1px solid rgba(16, 185, 129, 0.3);
}

/* Logo image styling */
.brand-logo-img {
  height: 48px;
  object-fit: contain;
  border-radius: 8px;
}