/* Azera — hareketli havadan tarla zemini + cam (saydam) yüzeyler.
   Zemin: ekin sıraları yavaşça kayar, parsel çizgileri ve eş yükselti eğrileri, şerit şerit uçan dron ve ilaçlama izi.
   Kartlar, üst çubuk ve yan menü buzlu cam: zemin hafifçe arkadan görünür. */

.az-zemin { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; background: var(--zemin); }
.az-zemin .isik { position: absolute; border-radius: 50%; filter: blur(70px); opacity: .55; will-change: transform; }
.az-zemin .isik.k { width: 46vmax; height: 46vmax; left: -10vmax; top: -14vmax; background: radial-gradient(circle, rgba(224, 32, 74, .22), transparent 65%); animation: az-suz-1 38s ease-in-out infinite alternate; }
.az-zemin .isik.y { width: 54vmax; height: 54vmax; right: -16vmax; bottom: -20vmax; background: radial-gradient(circle, rgba(52, 168, 83, .20), transparent 65%); animation: az-suz-2 46s ease-in-out infinite alternate; }
.az-zemin .isik.l { width: 40vmax; height: 40vmax; right: 18vw; top: 10vh; background: radial-gradient(circle, rgba(10, 21, 80, .14), transparent 65%); animation: az-suz-3 52s ease-in-out infinite alternate; }
@keyframes az-suz-1 { to { transform: translate(18vw, 22vh) scale(1.15); } }
@keyframes az-suz-2 { to { transform: translate(-22vw, -18vh) scale(1.1); } }
@keyframes az-suz-3 { to { transform: translate(-14vw, 30vh) scale(.9); } }

/* ekin sıraları: çapraz ince çizgiler, çok yavaş kayar */
.az-zemin .sira { position: absolute; inset: -40%; transform: rotate(-24deg);
  background: repeating-linear-gradient(90deg, rgba(10, 21, 80, .045) 0 1px, transparent 1px 22px);
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 60% 45%, #000 20%, transparent 75%); mask-image: radial-gradient(ellipse 70% 60% at 60% 45%, #000 20%, transparent 75%);
  animation: az-sira 90s linear infinite; }
@keyframes az-sira { to { background-position: 440px 0; } }

.az-zemin svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.az-zemin .parsel { fill: none; stroke: rgba(10, 21, 80, .07); stroke-width: 1; }
.az-zemin .egri { fill: none; stroke: rgba(10, 21, 80, .06); stroke-width: 1; }
.az-zemin .rota { fill: none; stroke: rgba(224, 32, 74, .16); stroke-width: 1.2; stroke-dasharray: 4 8; }
.az-zemin .iz { fill: none; stroke: rgba(52, 168, 83, .28); stroke-width: 10; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 100; animation: az-iz 42s linear infinite; }
.az-zemin .dron { offset-rotate: 0deg; animation: az-dron 42s linear infinite; }
.az-zemin .dron circle { fill: #E0204A; }
.az-zemin .dron .hale { fill: rgba(224, 32, 74, .18); transform-box: fill-box; transform-origin: center; animation: az-hale 2.4s ease-in-out infinite alternate; }
@keyframes az-iz { 0% { stroke-dashoffset: 100; opacity: 1; } 92% { stroke-dashoffset: 0; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes az-dron { from { offset-distance: 0%; } to { offset-distance: 100%; } }
@keyframes az-hale { from { transform: scale(.7); } to { transform: scale(1.4); } }

/* koyu görünüm: gece tarlası */
html[data-tema="koyu"] .az-zemin .sira { background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .055) 0 1px, transparent 1px 22px); }
html[data-tema="koyu"] .az-zemin .rota { stroke: rgba(255, 90, 120, .3); }
html[data-tema="koyu"] .az-zemin .iz { stroke: rgba(80, 200, 120, .3); }
html[data-tema="koyu"] .az-zemin .parsel, html[data-tema="koyu"] .az-zemin .egri { stroke: rgba(255, 255, 255, .09); }
html[data-tema="koyu"] .az-zemin .isik.l { background: radial-gradient(circle, rgba(90, 120, 255, .16), transparent 65%); }
html[data-tema="koyu"] .az-zemin .isik { opacity: .7; }

/* hareketi azaltan cihazlarda da zemin yaşar, sadece daha yavaş */
@media (prefers-reduced-motion: reduce) {
  .az-zemin .isik.k { animation: az-suz-1 90s ease-in-out infinite alternate !important; }
  .az-zemin .isik.y { animation: az-suz-2 110s ease-in-out infinite alternate !important; }
  .az-zemin .isik.l { animation: az-suz-3 120s ease-in-out infinite alternate !important; }
  .az-zemin .sira { animation: az-sira 200s linear infinite !important; }
  .az-zemin .iz { animation: az-iz 80s linear infinite !important; }
  .az-zemin .dron { animation: az-dron 80s linear infinite !important; }
  .az-zemin .dron .hale { animation: none !important; }
}

/* ---------- cam yüzeyler ---------- */
html body, html body.girissiz, html[data-tema] body { background: transparent !important; }
html { background: var(--zemin) !important; }
:root { --cam: rgba(250, 250, 252, .52); --cam-yan: rgba(244, 244, 248, .56); --kart-cam: rgba(255, 255, 255, .58); }
html[data-tema="koyu"] { --cam: rgba(22, 22, 26, .55); --cam-yan: rgba(26, 26, 30, .58); --kart-cam: rgba(36, 36, 40, .55); }
.kart, .plan-gun, .tp-satir, .tk-tur, .kullanici-menu, .mukerrer-serit, .giris form {
  background: var(--kart-cam) !important;
  -webkit-backdrop-filter: blur(18px) saturate(170%); backdrop-filter: blur(18px) saturate(170%);
  border-color: rgba(255, 255, 255, .55);
}
html[data-tema="koyu"] .kart, html[data-tema="koyu"] .plan-gun, html[data-tema="koyu"] .tp-satir { border-color: rgba(255, 255, 255, .08); }
.ust, .yan { -webkit-backdrop-filter: blur(22px) saturate(180%); backdrop-filter: blur(22px) saturate(180%); }
.ust { background: var(--cam) !important; }
.yan { background: var(--cam-yan) !important; }
table thead th { background: transparent; }