/* 
---------------------------------------------
Advanced Animations - iXir Adisyon+ 
Sürekli Hareket Eden Modern Animasyonlar
--------------------------------------------- 
*/

/* Floating Animation */
@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes floatReverse {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(20px);
  }
}

/* Pulse Animation */
@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.05);
    opacity: 0.9;
  }
}

/* Rotate Animation */
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes rotateReverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}

/* Glow Animation */
@keyframes glow {
  0%, 100% {
    box-shadow: 0 0 20px rgba(255, 107, 53, 0.4);
  }
  50% {
    box-shadow: 0 0 40px rgba(255, 107, 53, 0.8), 0 0 60px rgba(255, 107, 53, 0.4);
  }
}

/* Shimmer Animation */
@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

/* Wave Animation */
@keyframes wave {
  0%, 100% {
    transform: translateX(0) translateY(0);
  }
  25% {
    transform: translateX(5px) translateY(-5px);
  }
  50% {
    transform: translateX(0) translateY(-10px);
  }
  75% {
    transform: translateX(-5px) translateY(-5px);
  }
}

/* Bounce Smooth */
@keyframes bounceSmooth {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}

/* Scale Pulse */
@keyframes scalePulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}

/* Background Gradient Animation */
@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Slide In Out */
@keyframes slideInOut {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(10px);
  }
}

/* Wiggle */
@keyframes wiggle {
  0%, 100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(3deg);
  }
  75% {
    transform: rotate(-3deg);
  }
}

/* Breathing Animation */
@keyframes breathe {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.03);
    opacity: 0.95;
  }
}

/* Neon Glow */
@keyframes neonGlow {
  0%, 100% {
    text-shadow: 0 0 10px rgba(255, 107, 53, 0.8),
                 0 0 20px rgba(255, 107, 53, 0.6),
                 0 0 30px rgba(255, 107, 53, 0.4);
  }
  50% {
    text-shadow: 0 0 20px rgba(255, 107, 53, 1),
                 0 0 40px rgba(255, 107, 53, 0.8),
                 0 0 60px rgba(255, 107, 53, 0.6);
  }
}

/* Particle Float */
@keyframes particleFloat {
  0% {
    transform: translateY(0) translateX(0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100px) translateX(50px);
    opacity: 0;
  }
}

/* ======================
   APPLIED CLASSES - LIGHTWEIGHT
====================== */

/* Banner Animation */
.main-banner {
  position: relative;
  overflow: hidden;
}

.main-banner .left-content {
  animation: fadeInLeft 1s ease-out;
}

.main-banner .right-image img {
  transition: transform 0.3s ease;
}

.main-banner .right-image img:hover {
  transform: scale(1.05);
}

/* Hero Title - No continuous animation */
.main-banner h2 {
  transition: transform 0.3s ease;
}

.main-banner h2 em,
.main-banner h2 span {
  display: inline-block;
  transition: color 0.3s ease;
}

/* Button Animations - Simplified */
.main-blue-button a,
.main-red-button a,
.main-green-button a,
.main-white-button a {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

.main-blue-button a:hover,
.main-red-button a:hover,
.main-green-button a:hover,
.main-white-button a:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(255, 107, 53, 0.4);
}

/* Service Icons - Hover only */
.about-us .services .item {
  transition: all 0.3s ease;
}

.about-us .services .item:hover {
  transform: translateY(-5px);
}

.about-us .services .item .icon img {
  transition: all 0.3s ease;
}

.about-us .services .item:hover .icon img {
  transform: scale(1.1);
}

/* Progress Bars - Static */
.progress-skill-bar .filled-bar {
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, #ff4d1e, #ff2c6d);
}

/* Portfolio Cards - Hover only */
.business-type-card {
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.business-type-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(255, 107, 53, 0.2);
}

.business-type-card .card-icon {
  transition: transform 0.3s ease;
}

.business-type-card:hover .card-icon {
  transform: scale(1.1);
}

/* Feature List Items */
.feature-list li {
  transition: all 0.3s ease;
}

.feature-list li:hover {
  transform: translateX(5px);
  color: var(--primary-color);
}

/* Screenshots - Hover only */
.screenshot-item {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
}

.screenshot-item:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

/* Header - Simplified */
.header-area {
  transition: all 0.3s ease;
}

.header-area .main-nav .nav li a {
  position: relative;
  transition: all 0.3s ease;
}

/* Logo - No animation */
.header-area .logo h4 {
  transition: color 0.3s ease;
}

/* Service Images - Hover only */
.our-services .left-image img,
.about-us .left-image img,
.fiscal-image img {
  transition: transform 0.3s ease;
}

.our-services .left-image img:hover,
.about-us .left-image img:hover,
.fiscal-image img:hover {
  transform: scale(1.05);
}

/* Section Headings - No animation */
.section-heading h2 {
  position: relative;
}

.section-heading h2 em {
  display: inline-block;
}

/* Fiscal Integration */
.fiscal-features .feature-item {
  transition: all 0.3s ease;
}

.fiscal-features .feature-item:hover {
  transform: translateX(5px);
  background: rgba(255, 107, 53, 0.05);
  border-radius: 10px;
  padding: 10px;
}

/* Form Input */
form#contact input,
form#contact textarea {
  transition: all 0.3s ease;
}

form#contact input:focus,
form#contact textarea:focus {
  box-shadow: 0 5px 20px rgba(255, 107, 53, 0.2);
}

/* Link Hover Effects */
a {
  transition: all 0.3s ease;
}

/* Image Hover Effects */
img {
  transition: all 0.3s ease;
}

/* Smooth Transitions */
* {
  transition-duration: 0.3s;
}

/* Reduce Motion */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Mobile Optimization */
@media (max-width: 768px) {
  .main-banner .right-image img,
  .our-services .left-image img,
  .about-us .left-image img,
  .fiscal-image img {
    animation-duration: 8s;
  }
  
  .business-type-card:hover {
    transform: translateY(-5px) scale(1.01);
  }
}

/* Gradient Background Animation for Sections */
.gradient-animate {
  background: linear-gradient(45deg, #ff6b35, #ff2c6d, #ff8c42, #ff6b35);
  background-size: 400% 400%;
  animation: gradientShift 15s ease infinite;
}

/* Text Reveal Animation */
@keyframes textReveal {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.text-reveal {
  animation: textReveal 1s ease-out;
}

/* Icon Bounce on Hover */
.fa, .icon {
  transition: all 0.3s ease;
}

.fa:hover, .icon:hover {
  animation: bounceSmooth 1s ease-in-out infinite;
}


/* ======================
   ADDITIONAL MOVEMENTS
====================== */

/* Continuous Rotation for Icons */
@keyframes continuousRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.about-us .services .item .icon,
.fiscal-features .feature-icon {
  position: relative;
}

.about-us .services .item .icon:after,
.fiscal-features .feature-icon:after {
  content: '';
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  border: 2px solid rgba(255, 107, 53, 0.3);
  border-radius: 50%;
  animation: continuousRotate 20s linear infinite;
}

/* Pulsing Border Animation */
@keyframes pulseBorder {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(255, 107, 53, 0.7);
  }
  50% {
    box-shadow: 0 0 0 20px rgba(255, 107, 53, 0);
  }
}

.main-green-button a {
  animation: pulseBorder 2s ease-out infinite;
}

/* Wave Effect */
@keyframes waveEffect {
  0%, 100% {
    clip-path: polygon(
      0% 45%,
      15% 44%,
      33% 50%,
      54% 60%,
      70% 61%,
      84% 59%,
      100% 52%,
      100% 100%,
      0% 100%
    );
  }
  50% {
    clip-path: polygon(
      0% 60%,
      15% 65%,
      33% 66%,
      54% 60%,
      70% 55%,
      84% 53%,
      100% 57%,
      100% 100%,
      0% 100%
    );
  }
}

/* Spotlight Effect */
.main-banner:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 50% 50%, transparent 30%, rgba(255, 107, 53, 0.1) 100%);
  animation: pulse 8s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}

/* Text Shadow Glow Animation */
@keyframes textGlow {
  0%, 100% {
    text-shadow: 
      0 0 10px rgba(255, 107, 53, 0.5),
      0 0 20px rgba(255, 107, 53, 0.3),
      0 0 30px rgba(255, 107, 53, 0.2);
  }
  50% {
    text-shadow: 
      0 0 20px rgba(255, 107, 53, 0.8),
      0 0 40px rgba(255, 107, 53, 0.6),
      0 0 60px rgba(255, 107, 53, 0.4),
      0 0 80px rgba(255, 107, 53, 0.2);
  }
}

.section-heading h2 span {
  animation: textGlow 4s ease-in-out infinite;
}

/* Morphing Shape Animation */
@keyframes morphShape {
  0%, 100% {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
  }
  25% {
    border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%;
  }
  50% {
    border-radius: 50% 60% 30% 60% / 30% 60% 70% 40%;
  }
  75% {
    border-radius: 60% 40% 60% 40% / 70% 30% 50% 60%;
  }
}

.business-type-card .card-icon {
  position: relative;
}

.business-type-card .card-icon:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120%;
  height: 120%;
  background: linear-gradient(45deg, rgba(255, 107, 53, 0.1), rgba(255, 44, 109, 0.1));
  animation: morphShape 10s ease-in-out infinite;
  z-index: -1;
}

/* Floating Particles Background */
@keyframes floatParticles {
  0% {
    transform: translateY(100vh) translateX(0) scale(0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100vh) translateX(100px) scale(1);
    opacity: 0;
  }
}

.section:before {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  background: var(--primary-color);
  border-radius: 50%;
  animation: floatParticles 15s linear infinite;
  opacity: 0;
}

/* Zoom In Out */
@keyframes zoomInOut {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}

.screenshot-item img {
  animation: zoomInOut 10s ease-in-out infinite;
}

/* Color Shift */
@keyframes colorShift {
  0%, 100% {
    filter: hue-rotate(0deg);
  }
  50% {
    filter: hue-rotate(20deg);
  }
}

.main-banner .right-image img {
  animation: float 6s ease-in-out infinite, colorShift 8s ease-in-out infinite;
}

/* Bounce Effect Enhanced */
@keyframes bounceEnhanced {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  60% {
    transform: translateY(-10px);
  }
}

.fiscal-badge {
  animation: bounceEnhanced 2s ease-in-out infinite;
}

/* Swing Animation */
@keyframes swing {
  0%, 100% {
    transform: rotate(0deg);
    transform-origin: top center;
  }
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
}

.header-area .logo:hover h4 {
  animation: swing 1s ease-in-out;
}

/* Typewriter Effect */
@keyframes typewriter {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@keyframes blinkCursor {
  0%, 100% {
    border-right-color: transparent;
  }
  50% {
    border-right-color: var(--primary-color);
  }
}

/* Slide Up Fade In */
@keyframes slideUpFadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.wow {
  animation-name: slideUpFadeIn;
}

/* Glitch Effect */
@keyframes glitch {
  0%, 100% {
    transform: translate(0);
  }
  20% {
    transform: translate(-2px, 2px);
  }
  40% {
    transform: translate(-2px, -2px);
  }
  60% {
    transform: translate(2px, 2px);
  }
  80% {
    transform: translate(2px, -2px);
  }
}

.section-heading h2 em:hover {
  animation: glitch 0.3s ease-in-out;
}

/* Rainbow Border */
@keyframes rainbowBorder {
  0% {
    border-color: #ff6b35;
  }
  25% {
    border-color: #ff2c6d;
  }
  50% {
    border-color: #ff8c42;
  }
  75% {
    border-color: #ff6b35;
  }
  100% {
    border-color: #ff2c6d;
  }
}

/* Liquid Animation */
@keyframes liquid {
  0%, 100% {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    transform: rotate(0deg);
  }
  25% {
    border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%;
  }
  50% {
    border-radius: 50% 60% 30% 60% / 30% 60% 70% 40%;
    transform: rotate(180deg);
  }
  75% {
    border-radius: 60% 40% 60% 40% / 70% 30% 50% 60%;
  }
}

/* Button Shake */
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-5px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(5px);
  }
}

form#contact button:hover {
  animation: shake 0.5s ease-in-out;
}

/* Fade Slide In */
@keyframes fadeSlideIn {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.feature-list li {
  animation: fadeSlideIn 0.6s ease-out backwards;
}

.feature-list li:nth-child(1) { animation-delay: 0.1s; }
.feature-list li:nth-child(2) { animation-delay: 0.2s; }
.feature-list li:nth-child(3) { animation-delay: 0.3s; }
.feature-list li:nth-child(4) { animation-delay: 0.4s; }
.feature-list li:nth-child(5) { animation-delay: 0.5s; }

/* Infinite Loop Marquee */
@keyframes marquee {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* Blur In */
@keyframes blurIn {
  0% {
    filter: blur(10px);
    opacity: 0;
  }
  100% {
    filter: blur(0);
    opacity: 1;
  }
}

/* 3D Flip */
@keyframes flip3D {
  0% {
    transform: perspective(1000px) rotateY(0);
  }
  100% {
    transform: perspective(1000px) rotateY(360deg);
  }
}

.business-type-card:hover .card-icon i {
  animation: flip3D 1s ease-in-out;
}

/* Heartbeat */
@keyframes heartbeat {
  0%, 100% {
    transform: scale(1);
  }
  10%, 30% {
    transform: scale(1.1);
  }
  20%, 40% {
    transform: scale(1);
  }
}

.phone-info h4 span i:hover {
  animation: heartbeat 1s ease-in-out infinite;
}

/* Border Light */
@keyframes borderLight {
  0% {
    box-shadow: 
      0 0 5px var(--primary-color),
      0 0 10px var(--primary-color),
      0 0 15px var(--primary-color),
      inset 0 0 5px var(--primary-color);
  }
  50% {
    box-shadow: 
      0 0 10px var(--primary-color),
      0 0 20px var(--primary-color),
      0 0 30px var(--primary-color),
      inset 0 0 10px var(--primary-color);
  }
  100% {
    box-shadow: 
      0 0 5px var(--primary-color),
      0 0 10px var(--primary-color),
      0 0 15px var(--primary-color),
      inset 0 0 5px var(--primary-color);
  }
}

/* Spin Fade */
@keyframes spinFade {
  0% {
    transform: rotate(0deg) scale(1);
    opacity: 1;
  }
  100% {
    transform: rotate(360deg) scale(0);
    opacity: 0;
  }
}

/* Background Pan */
@keyframes backgroundPan {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: -200% center;
  }
}

/* Hover Effects Enhanced */
.our-services .left-image img:hover,
.about-us .left-image img:hover,
.fiscal-image img:hover {
  animation: pulse 1s ease-in-out infinite, float 3s ease-in-out infinite;
  filter: brightness(1.1);
}

/* Navigation Link Effects */
.header-area .main-nav .nav li a {
  background: linear-gradient(to right, var(--primary-color), var(--primary-color) 50%, var(--text-dark) 50%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-position: 100%;
  transition: background-position 0.3s ease;
}

.header-area .main-nav .nav li a:hover,
.header-area .main-nav .nav li a.active {
  background-position: 0 100%;
}

/* Reveal Animation */
.revealed {
  animation: fadeSlideIn 0.8s ease-out;
}

/* Continuous Movement for All Sections */
body {
  overflow-x: hidden;
}

section, .section {
  position: relative;
}

/* Performance Optimization */
.main-banner,
.about-us,
.our-services,
.fiscal-integration,
.screenshots-section,
.coverage-area {
  will-change: transform;
}

/* Smooth Transitions */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}