/* MTEX Premium Polish v1 - Site-wide enhancements */

/* ==================== TR/EN Lang Switcher ==================== */
.lang-switcher a, .lang a, a[href*="lang="]{
  transition: all .2s ease;
  position: relative;
}
.lang-switcher a.active, .lang a.active, a[href*="lang="].active{
  color: #f0b429 !important;
  font-weight: 700;
}
.lang-switcher a.active::after, .lang a.active::after, a[href*="lang="].active::after{
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, #f0b429, #d97706);
  border-radius: 2px;
}

/* ==================== Smooth Scroll ==================== */
html{
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

/* ==================== Card Hover Animasyonlari ==================== */
.fab-card, .news-card, .price-card, .card{
  transition: transform .25s cubic-bezier(.4,0,.2,1), box-shadow .25s ease, border-color .25s ease;
  will-change: transform;
}
.fab-card:hover, .news-card:hover, .price-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(0,0,0,.4), 0 0 0 1px rgba(240,180,41,.18);
}

/* ==================== Sticky Header Blur ==================== */
header.hdr{
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: rgba(10,14,26,.85) !important;
  border-bottom: 1px solid rgba(240,180,41,.15);
  transition: background .2s ease, box-shadow .2s ease;
}
body.scrolled header.hdr{
  box-shadow: 0 4px 20px rgba(0,0,0,.4);
}

/* ==================== Buton Animasyonlari ==================== */
button, .btn, a.btn, input[type="submit"]{
  transition: transform .15s ease, box-shadow .15s ease, background .2s ease;
}
button:active, .btn:active{
  transform: scale(.97);
}

/* ==================== Loading State ==================== */
.skeleton{
  background: linear-gradient(90deg, rgba(240,180,41,.05) 0%, rgba(240,180,41,.15) 50%, rgba(240,180,41,.05) 100%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.5s infinite linear;
  border-radius: 8px;
}
@keyframes skeleton-shimmer{
  0%{background-position: 200% 0;}
  100%{background-position: -200% 0;}
}

/* ==================== Focus Outline (a11y) ==================== */
a:focus-visible, button:focus-visible, input:focus-visible{
  outline: 2px solid #f0b429;
  outline-offset: 2px;
  border-radius: 4px;
}

/* ==================== Sayfa Geçişi ==================== */
@media (prefers-reduced-motion: no-preference){
  body{
    animation: page-fade-in .4s ease;
  }
  @keyframes page-fade-in{
    from{opacity:0; transform: translateY(4px);}
    to{opacity:1; transform: translateY(0);}
  }
}

/* ==================== Selection Renk ==================== */
::selection{
  background: rgba(240,180,41,.3);
  color: #fff;
}

/* ==================== Scroll Bar Premium ==================== */
::-webkit-scrollbar{width:10px; height:10px}
::-webkit-scrollbar-track{background: rgba(0,0,0,.3)}
::-webkit-scrollbar-thumb{
  background: linear-gradient(180deg, #f0b429, #d97706);
  border-radius: 5px;
  border: 2px solid rgba(0,0,0,.3);
}
::-webkit-scrollbar-thumb:hover{
  background: linear-gradient(180deg, #fbd34d, #f0b429);
}

/* ==================== Image Optimizasyon ==================== */
img{
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast;
}

/* ==================== Gradient Heading ==================== */
.gradient-heading, h1.gradient, .hero-title{
  background: linear-gradient(135deg, #f0b429 0%, #fbd34d 50%, #f0b429 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ==================== Mobile Refinement ==================== */
@media (max-width:768px){
  .fab-card:hover, .news-card:hover, .price-card:hover, .card:hover{
    transform: none; /* mobilde hover yok */
  }
  
  /* Mobile 'da kart spacing iyilestirme */
  .fab-grid, .fab-cards, .cards-grid, .price-grid{
    gap: 12px !important;
  }
  
  /* Header h2'leri mobilde küçült */
  .section-hdr h2, h2{
    font-size: 18px !important;
  }
  
  /* Touch target en az 44px */
  a, button{
    min-height: auto;
  }
  .fab-card a, .nav a{
    min-height: 40px;
  }
}