/* ========== PRINT ========== */
@media print {
  header,
  footer,
  #scroll-progress {
    display: none !important;
  }

  body {
    cursor: auto !important;
    background: white !important;
    color: black !important;
  }

  .bg-gradient-custom,
  .gradient-bg,
  .gradient-orb {
    background: none !important;
  }
}

/* ========== MOBİL ========== */
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden;
    max-width: 100%;
  }
  
  .text-5xl { font-size: 2.5rem; }
  .text-7xl { font-size: 3rem; }
  .h-80 { height: 320px; }
  
  /* Body overflow kontrolü */
  body {
    overflow-x: hidden;
  }
  
  /* Header mobil düzeltme */
  header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000;
  }
  
  header.header-gradient,
  header.header-scrolled {
    background: rgb(10, 10, 15) !important;
    backdrop-filter: none !important;
  }
  
  header .container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  /* Logo mobilde küçült */
  header .container > a {
    font-size: 1.5rem !important;
  }
  
  header .container > a .block {
    font-size: 0.625rem !important;
  }
  
  /* Mobil sağ taraf butonları */
  header .md\:hidden {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
  }
  
  /* Mobil dil butonu */
  header .md\:hidden .bg-gray-800\/50 {
    display: flex !important;
    padding: 0.125rem;
  }
  
  header .md\:hidden .bg-gray-800\/50 button {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
  }
  
  /* Hamburger butonu */
  .hamburger {
    flex-shrink: 0;
  }
  
  /* Mobile menu z-index */
  .mobile-menu {
    z-index: 1001 !important;
    display: flex;
    flex-direction: column;
    background: rgb(17, 24, 39) !important;
    backdrop-filter: none !important;
  }
  
  /* Scroll progress mobilde menü açıkken gizle */
  #scroll-progress {
    z-index: 999 !important;
  }
  
  /* Mobil menü kapatma butonu üstte sağda */
  .mobile-menu > div:first-child {
    order: -1;
    position: absolute;
    top: 1rem;
    right: 1rem;
  }
  
  .mobile-menu > div:first-child button {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  /* Blob container mobilde */
  #home .lg\:flex-1:has(#blob-svg) > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100% !important;
    height: auto !important;
  }
  
  /* Blob SVG mobilde */
  #blob-svg {
    width: 300px !important;
    height: 300px !important;
    margin: 0 auto;
  }
  
  /* Blob etrafındaki dönen yazıyı durdur */
  #blob-svg .text-content textPath animate {
    animation-play-state: paused !important;
  }
  
  /* Badge'leri mobilde gizle */
  .floating-badge {
    position: static !important;
    animation: none !important;
    min-width: 45% !important;
    margin: 0 !important;
  }
  
  /* Badge'ler için 2x2 grid */
  #home .lg\:flex-1:has(#blob-svg) > div::after {
    content: '';
    display: block;
    width: 100%;
  }
  
  #home .lg\:flex-1:has(#blob-svg) > div {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    max-width: 400px;
  }
  
  #home .lg\:flex-1:has(#blob-svg) > div > svg {
    grid-column: 1 / -1;
    margin-bottom: 1rem;
  }
}

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