/*
 * Novas Global — projeye özel ince ayarlar (tema dosyaları DEĞİŞTİRİLMEZ kuralı gereği ayrı dosya).
 * 1) Slider arka plan görselinin yatay hareketi (orijinal jquery.bgscroll yerine CSP-güvenli saf CSS).
 * 2) Dil değiştirici (TR/EN) görünümü.
 * 3) "Ülkeler" menüsünün ~5 öğe gösterip kaydırılması (aşağı taşmasın).
 */

/* 1) SLIDER ARKA PLAN — SÜREKLİ TEK YÖN (SOLA) DİKİŞSİZ KAYMA ----------------
   Orijinal `jquery.bgscroll` eval() kullandığından (CSP) kaldırıldı.
   `alternate` gidip-geldiği için kullanıcı "hâlâ sağa gidiyor" dedi; bu yüzden
   GERÇEK sonsuz tek-yön kayma: her slide'a iki kopya katman (::before yan yana
   ::after). İkisi birlikte translateX(0 → -100%) ile SOLA kayar; ::before ekrandan
   çıkınca ::after onun yerini alır, döngü başa dönünce ikisi de AYNI görseli
   gösterdiği için sıçrama görünmez = dikişsiz. Görsel bozulmaz (her katman cover). */
.twm-slider3 .swiper-slide.bg-image-moving2 { position: relative; overflow: hidden; }
.twm-slider3 .swiper-slide.bg-image-moving2::before,
.twm-slider3 .swiper-slide.bg-image-moving2::after {
   content: "";
   position: absolute; top: 0; bottom: 0; width: 100%;
   background-image: inherit;          /* slide'ın kendi arka plan görseli */
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   z-index: 0;
   animation: novasBgScrollLeft 45s linear infinite;
   will-change: transform;
}
.twm-slider3 .swiper-slide.bg-image-moving2::before { left: 0; }
.twm-slider3 .swiper-slide.bg-image-moving2::after  { left: -100%; }
@keyframes novasBgScrollLeft {
   from { transform: translateX(0); }
   to   { transform: translateX(100%); }   /* SAĞA sürekli akar (kullanıcı tercihi) */
}
/* İçerik (yazı + kamyon + bulutlar) hareketli arka planın ÜSTÜNDE kalsın. */
.twm-slider3 .swiper-slide.bg-image-moving2 > .h-banner-wrap { position: relative; z-index: 2; }
.twm-slider3 .swiper-slide.bg-image-moving2 > [class*="ani-clowd"] { z-index: 2; }
@media (prefers-reduced-motion: reduce) {
   .twm-slider3 .swiper-slide.bg-image-moving2::before,
   .twm-slider3 .swiper-slide.bg-image-moving2::after { animation: none; }
   .twm-slider3 .swiper-slide.bg-image-moving2::after { display: none; }
}

/* 1b) SLIDE 1 KAMYONU SAĞDAN GİRSİN, TAM GÖRÜNÜNCE SABİT KALSIN --------------
   İstenen: kamyon en sağda başlar (önce sadece ön kaputu görünür), ileri ilerledikçe
   gövdesi ekrana girer, tamamen görününce sağda sabit kalır.
   Mekanizma: slide aktif olunca tema `.swiper-slide-active .slider-scale2`'yi
   translateX(0)'a çeker (8sn geçiş). Orijinal başlangıç %30 idi (gövde çoğu görünüyordu);
   Tema transition mekanizması loop clone + fade ile güvenilmez (kamyon %110'da takılı
   kalıyordu); slide aktif olunca BİR KEZ çalışan keyframe ile yapıyoruz (forwards = bitince
   %0'da sabit kalır). Başlangıç %110: sadece ön kaput sağ kenardan görünür; gövde girerek
   tam görününce sabitlenir. Slide dışı taşma `overflow:hidden` ile kırpılır.
   Tekerlek dönüşü (.spin-tyres) + hafif zıplama (.slide-top-slow) ayrı animasyonlar, korunur. */
.twm-slider3-wrap .slider-scale2 {
   transform: translateX(110%);
   transition: none;                 /* tema 8sn transition'ını iptal et; keyframe yönetir */
}
.twm-slider3-wrap .swiper-slide-active .slider-scale2 {
   animation: novasTruckIn 14s linear forwards;   /* yavaş, sabit hızlı giriş */
}
@keyframes novasTruckIn {
   from { transform: translateX(110%); }   /* en sağda, sadece ön kaput */
   to   { transform: translateX(30%); }    /* tam görünür ama SAĞDA park eder (ortaya gelmez) */
}
@media (prefers-reduced-motion: reduce) {
   .twm-slider3-wrap .swiper-slide-active .slider-scale2 { animation: none; transform: translateX(30%); }
}

/* 2) DİL DEĞİŞTİRİCİ — ana navigasyonda "Tırım Nerede"den sonra menü öğesi.
   Tema .has-child dropdown'unu kullanır (Ülkeler/Hizmetler gibi); sadece flag stili. */
.lang-flag {
   width: 22px; height: 15px; border-radius: 2px; object-fit: cover;
   display: inline-block; vertical-align: middle; margin-right: 7px;
   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.lang-nav-item > a .lang-code { vertical-align: middle; font-weight: 600; }
.lang-nav-item .sub-menu a.active { color: #e10b17; }
.lang-nav-item .sub-menu .lang-flag { margin-right: 9px; }

/* 3) "ÜLKELER" MENÜSÜ — ~5 ÖĞE + KAYDIRMA -----------------------------------
   17 ülke alt alta sayfayı taşırıyordu; yüksekliği sınırlayıp kaydırılabilir
   yapıyoruz (yalnız bu menü; header'daki .country-submenu sınıfı ile). */
.site-header .country-submenu {
   max-height: 232px;
   overflow-y: auto;
   overflow-x: hidden;
   scrollbar-width: thin;
   scrollbar-color: #cfcfd4 transparent;
}
.site-header .country-submenu::-webkit-scrollbar { width: 6px; }
.site-header .country-submenu::-webkit-scrollbar-track { background: transparent; }
.site-header .country-submenu::-webkit-scrollbar-thumb {
   background: #cfcfd4;
   border-radius: 3px;
}

/* 4) YÜZEN İLETİŞİM BUTONU (FAB, getbutton.io tarzı) -------------------------
   CSP-güvenli: saf CSS (checkbox-hack tıkla-aç/kapa), JS yok.
   Tıkla → açılır + X ikonu; tekrar tıkla → kapanır. (hover ile açma KALDIRILDI,
   yoksa fare üstteyken tekrar tıklasan da menü kapanmıyordu.) */
.novas-fab { position: fixed; right: 22px; bottom: 22px; z-index: 9990; display: flex; flex-direction: column; align-items: flex-end; }
.novas-fab-btn {
   width: 58px; height: 58px; border: none; border-radius: 50%; margin-top: 14px; cursor: pointer;
   display: flex; align-items: center; justify-content: center;
   background: #e10b17; color: #fff; font-size: 26px;
   box-shadow: 0 6px 18px rgba(225, 11, 23, 0.45);
   transition: transform 0.25s ease, background-color 0.25s ease;
   animation: novasFabPulse 2.4s ease-out infinite;
}
.novas-fab-btn:hover { transform: scale(1.06); }
.novas-fab:hover .novas-fab-btn { animation: none; }
.novas-fab-btn .fab-icon-close { display: none; }
.novas-fab.fab-open .novas-fab-btn { animation: none; background: #1d1d22; box-shadow: 0 6px 18px rgba(6, 0, 8, 0.3); }
.novas-fab.fab-open .novas-fab-btn .fab-icon-open { display: none; }
.novas-fab.fab-open .novas-fab-btn .fab-icon-close { display: block; }
@keyframes novasFabPulse {
   0%   { box-shadow: 0 6px 18px rgba(225,11,23,0.45), 0 0 0 0 rgba(225,11,23,0.5); }
   70%  { box-shadow: 0 6px 18px rgba(225,11,23,0.45), 0 0 0 16px rgba(225,11,23,0); }
   100% { box-shadow: 0 6px 18px rgba(225,11,23,0.45), 0 0 0 0 rgba(225,11,23,0); }
}
@media (prefers-reduced-motion: reduce) { .novas-fab-btn { animation: none; } }
.novas-fab-list {
   list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: flex-end; gap: 12px;
   opacity: 0; visibility: hidden; transform: translateY(12px);
   transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}
/* hover → açılır (tıkla-kapat sonrası fare üstteyse fab-hover-off ile bastırılır);
   tıkla → fab-open ile sabit açık. */
.novas-fab:hover:not(.fab-hover-off) .novas-fab-list,
.novas-fab.fab-open .novas-fab-list { opacity: 1; visibility: visible; transform: translateY(0); }
.novas-fab-list li { margin: 0; }
.fab-ch { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
.fab-ch-label {
   background: #fff; color: #1d1d22; font-size: 13px; font-weight: 600;
   padding: 7px 12px; border-radius: 8px; box-shadow: 0 4px 14px rgba(6, 0, 8, 0.14); white-space: nowrap;
}
.fab-ch-icon {
   width: 44px; height: 44px; border-radius: 50%; flex: none;
   display: inline-flex; align-items: center; justify-content: center;
   color: #fff; font-size: 20px; box-shadow: 0 4px 12px rgba(6, 0, 8, 0.2);
}
.fab-wa  .fab-ch-icon { background: #25D366; }
.fab-tg  .fab-ch-icon { background: #2AABEE; }
.fab-ig  .fab-ch-icon { background: #E1306C; }
.fab-yt  .fab-ch-icon { background: #FF0000; }
.fab-tel .fab-ch-icon { background: #e10b17; }
@media (max-width: 575px) {
   .novas-fab { right: 16px; bottom: 16px; }
   .novas-fab-btn { width: 52px; height: 52px; font-size: 23px; }
}