/*
Theme Name: A2Z Digital Web Solution
Theme URI: https://a2zdigitalwebsolution.com
Author: A2Z Digital Team
Author URI: https://a2zdigitalwebsolution.com
Description: High-performance, animated WordPress theme for Digital Marketing, Web Development, and IT Agencies. Features dark glassmorphic UI, interactive cost calculator, floating badges, and stats counter.
Version: 1.1.0
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: a2z-digital-web-solution
*/

:root {
  --primary: #0052fe;
  --primary-rgb: 0, 82, 254;
  --secondary: #ff5e14;
  --dark-bg: #0b1120;
  --dark-card: #151f32;
  --dark-border: rgba(255, 255, 255, 0.08);
  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --gradient-blue: linear-gradient(135deg, #0052fe 0%, #00b4db 100%);
  --gradient-orange: linear-gradient(135deg, #ff5e14 0%, #ff8a00 100%);
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: var(--text-main);
  background-color: var(--dark-bg);
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
  color: inherit;
}

/* Glassmorphism utility */
.glass-panel {
  background: rgba(21, 31, 50, 0.65);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--dark-border);
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
}

.glass-card-hover {
  transition: var(--transition);
}
.glass-card-hover:hover {
  transform: translateY(-5px);
  border-color: rgba(0, 82, 254, 0.35);
  box-shadow: 0 20px 40px -15px rgba(0, 82, 254, 0.2);
}

/* Gradients */
.gradient-text {
  background: linear-gradient(135deg, #ffffff 30%, #60a5fa 70%, #0052fe 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-accent {
  background: var(--gradient-blue);
}

/* Morphing Art Shape Animation */
@keyframes morphing {
  0% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; transform: rotate(0deg); }
  50% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; transform: rotate(180deg); }
  100% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; transform: rotate(360deg); }
}

.morph-shape {
  animation: morphing 15s ease-in-out infinite alternate;
}

/* Floating Elements */
@keyframes floatUp {
  0% { transform: translateY(0px) rotate(0deg); }
  100% { transform: translateY(-16px) rotate(1.5deg); }
}
@keyframes floatDown {
  0% { transform: translateY(0px) rotate(0deg); }
  100% { transform: translateY(16px) rotate(-1.5deg); }
}

.floating-1 { animation: floatUp 4s ease-in-out infinite alternate; }
.floating-2 { animation: floatDown 5s ease-in-out infinite alternate; }
.floating-3 { animation: floatUp 4.5s ease-in-out infinite alternate; }

/* Pulse WhatsApp Button */
@keyframes pulseRing {
  0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6); }
  70% { transform: scale(1.04); box-shadow: 0 0 0 16px rgba(37, 211, 102, 0); }
  100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

.whatsapp-pulse {
  animation: pulseRing 2s infinite;
}

/* Marquee track */
@keyframes marqueeScroll {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}

.marquee-track {
  display: flex;
  width: max-content;
  animation: marqueeScroll 25s linear infinite;
}
.marquee-track:hover {
  animation-play-state: paused;
}

/* Custom logo sizing in WordPress header */
.custom-logo-link {
  display: inline-flex;
  align-items: center;
}
.custom-logo-link img {
  max-height: 48px;
  width: auto;
  height: auto;
  object-fit: contain;
}